.sec{margin-top:34px}.sec-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--teal);font-size:27px;font-weight:400;line-height:1.1}h2 em{color:var(--teal-soft);font-style:italic}:root[data-theme=dark] h2 em{color:var(--teal-soft);text-shadow:0 0 18px #8ef0d859}.sec-sub{color:var(--muted);margin-top:4px;font-size:13px}.link-btn{color:var(--teal-soft);background:color-mix(in srgb, var(--teal-soft) 10%, transparent);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:background .2s}.link-btn:hover{background:color-mix(in srgb, var(--teal-soft) 17%, transparent)}.link-btn.on{background:var(--teal);color:var(--bg)}.art{color:#fff;isolation:isolate;background:linear-gradient(150deg, color-mix(in srgb, var(--c) 78%, #fff) 0%, var(--c) 46%, color-mix(in srgb, var(--c) 72%, #000) 100%);place-items:center;display:grid;position:relative;overflow:hidden}.art:before{content:"";aspect-ratio:1;background:color-mix(in srgb, var(--c) 45%, #fff);opacity:.45;z-index:-1;border-radius:50%;width:78%;position:absolute;top:-30%;right:-26%}.art:after{content:"";aspect-ratio:1;background:color-mix(in srgb, var(--c) 60%, #000);opacity:.35;z-index:-1;border-radius:50%;width:56%;position:absolute;bottom:-26%;left:-22%}.art svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px #0000002e);width:46%;height:46%}.art.pedi{background:linear-gradient(150deg,#f2a65a 0%,#e86a9a 45%,#7c5cd6 100%)}.art.g{background:linear-gradient(145deg, var(--c1) 0%, var(--c) 100%)}.art.g:before{background:color-mix(in srgb, var(--c1) 55%, #fff)}.art.g:after{background:color-mix(in srgb, var(--c) 70%, #000)}.pins{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:760px){.pins{grid-template-columns:repeat(3,1fr);gap:14px}}.pin{background:var(--surface);box-shadow:var(--shadow);min-height:64px;transition:transform .3s var(--ease), box-shadow .3s var(--ease);text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;padding-right:10px;display:flex;position:relative;overflow:hidden}@media (min-width:760px){.pin{min-height:76px}}.pin:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.pin .art{border-radius:0;flex:none;align-self:stretch;width:64px}@media (min-width:760px){.pin .art{width:76px}}.pin .t{flex:1;min-width:0}.pin .t b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.pin .t span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.pin .go{background:var(--teal);width:34px;height:34px;color:var(--bg);opacity:0;transition:all .3s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid;transform:translateY(6px)scale(.9);box-shadow:0 6px 16px -6px #0006}.pin:hover .go{opacity:1;transform:none}@media (max-width:759px){.pin .go{display:none}.pin{gap:10px;min-height:60px;padding-right:8px}.pin .art{width:56px}.pin .t span{display:none}.pin .t b{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box}}.pins.editing .pin{outline:1.5px dashed color-mix(in srgb, var(--teal-soft) 55%, transparent);outline-offset:-1.5px;animation:2.4s ease-in-out infinite wob}.pins.editing .pin:nth-child(2n){animation-delay:-.6s}.pins.editing .pin:nth-child(3n){animation-delay:-1.2s}.pins.editing .pin .go{opacity:1;background:var(--gold);display:grid;transform:none}@keyframes wob{0%,to{transform:rotate(0)}25%{transform:rotate(-.5deg)}75%{transform:rotate(.5deg)}}.edit-hint{color:var(--muted);margin:-4px 0 12px;font-size:13px;display:none}.edit-hint.show{display:block}.recents{scrollbar-width:none;gap:8px;margin:0 -20px;padding:2px 20px 4px;display:flex;overflow-x:auto}.recents::-webkit-scrollbar{display:none}.rec{background:var(--surface);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-size:13.5px;font-weight:600;display:flex}.rec .art{border-radius:50%;width:28px;height:28px}.rec .art:before,.rec .art:after{display:none}.rec .art svg{stroke-width:1.9px;width:56%;height:56%}.rec:hover{background:var(--surface-2)}.shelf{margin-top:26px}.shelf-head{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.shelf-head h3{font-family:var(--serif);color:var(--teal);letter-spacing:-.005em;font-size:22px;font-weight:400}.shelf-head span{color:var(--faint);letter-spacing:.06em;font-size:12px;font-weight:600}.row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:6px;margin:0 -20px;padding:4px 10px 10px;scroll-padding-inline:10px;display:flex;overflow-x:auto}.row::-webkit-scrollbar{display:none}@media (min-width:760px){#shelves{flex-wrap:wrap;column-gap:40px;display:flex}.shelf{flex:none}.row{gap:6px;margin:0 -8px;padding:4px 0 6px;overflow:visible}}.card{scroll-snap-align:start;width:156px;transition:background .25s, transform .3s var(--ease);border-radius:18px;flex:none;padding:10px;display:block;position:relative}@media (min-width:760px){.card{width:164px;padding:8px}}.card:hover{background:var(--surface);box-shadow:var(--shadow)}.card .art{aspect-ratio:1;border-radius:14px;width:100%;box-shadow:0 10px 24px -14px #00000073}.card .art svg{stroke-width:1.35px;width:38%;height:38%}.card .tag{letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9;font-size:9.5px;font-weight:700;position:absolute;bottom:11px;left:12px}.card .tt{margin-top:10px;padding:0 2px}.card .tt b{font-size:14.5px;font-weight:600;line-height:1.25;display:block}.card .tt span{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin-top:3px;font-size:12.5px;line-height:1.38;display:-webkit-box;overflow:hidden}.card .play{background:var(--surface);width:42px;height:42px;color:var(--teal);opacity:0;transition:all .3s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:10px;transform:translateY(8px);box-shadow:0 8px 20px -6px #00000073}.card:hover .play{opacity:1;transform:none}.card .pinb{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000038;border-radius:50%;place-items:center;width:30px;height:30px;transition:background .2s,opacity .2s;display:grid;position:absolute;top:16px;right:16px}.card .pinb:hover{background:#0006}@media (hover:hover){.card .pinb{opacity:0}.card:hover .pinb{opacity:1}}.art-wrap{position:relative}:root[data-theme=dark] .art{background:linear-gradient(150deg, color-mix(in srgb, var(--c) 50%, #fff) 0%, color-mix(in srgb, var(--c) 78%, #fff) 48%, color-mix(in srgb, var(--c) 92%, #fff) 100%)}:root[data-theme=dark] .art:after{opacity:.18}:root[data-theme=dark] .art.pedi{background:linear-gradient(150deg,#ffc79a 0%,#ff9ec4 45%,#b9a2ff 100%)}:root[data-theme=dark] .nav .plus,:root[data-theme=dark] .lib-new,:root[data-theme=dark] .bt.ok,:root[data-theme=dark] .chipf.on,:root[data-theme=dark] .lc.on,:root[data-theme=dark] .link-btn.on,:root[data-theme=dark] .best .go,:root[data-theme=dark] .pin .go{color:#2c2d31;background:linear-gradient(135deg,#8ef0d8,#c8b6ff)}.foot{color:var(--faint);text-align:center;margin-top:46px;font-size:12px;line-height:1.6}.card-link{display:block}.tag{letter-spacing:.02em;background:color-mix(in srgb, var(--c,var(--teal-soft)) 14%, transparent);color:color-mix(in srgb, var(--c,var(--teal-soft)) 80%, var(--ink));border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.tag.ped{--c:#b0619e}:root[data-theme=dark] .tag{color:color-mix(in srgb, var(--c,#8ef0d8) 45%, #fff);background:color-mix(in srgb, var(--c,#8ef0d8) 22%, transparent)}