/* GoLove's rose / blackberry palette. Shared by every static page. */
:root{--bg:#160b18;--text:#fff5fb;--muted:#cdb4c7;--accent:#ff9bc5;--lime:var(--accent);--line:#e7a6d223;--ink:#300b28;--surface:#29142b;--action:linear-gradient(110deg,#ff9bc5 0%,#ed9dd7 55%,#d79af3 100%);color-scheme:dark}
body{background:var(--bg);color:var(--text)}::selection{background:#ff9bc5;color:var(--ink)}
.ambient{inset:-90px;background:radial-gradient(ellipse at 8% 22%,#76214f 0,transparent 43%),radial-gradient(ellipse at 92% 66%,#50216b 0,transparent 50%),#160b18;filter:blur(65px) saturate(.9)}
.header{background:linear-gradient(#180b20b0,transparent)}.header.scrolled{background:#1c0c21ed;border-bottom-color:#e997c326}
.brand{color:#fff4fa;gap:11px}.brand-mark{position:relative;width:37px;height:39px;border-radius:12px;background:linear-gradient(145deg,#ff8cbd,#c36add);box-shadow:0 5px 22px #cf3c8d35;flex-shrink:0;color:#360c2b}
.brand-mark>.icon{width:25px;height:25px;stroke-width:2.2;transform:rotate(-9deg);fill:#ffffff30}
.brand-spark{position:absolute;right:-5px;top:-5px;width:17px;height:17px;display:grid;place-items:center;border:2px solid #241028;border-radius:50%;background:#ffe5f0;color:#7c215b}
.brand-spark .icon{width:10px;height:10px;stroke-width:1.9}.brand-sub{color:#d8afce}
.nav-pill{background:#241027b8;border-color:#e7a6d22b;box-shadow:0 8px 35px #10021330}
.nav-pill>a:not(.icon-button){color:#e1ccdc}.nav-pill>a[aria-current=page]:not(.icon-button){background:#ffe1ef;color:#3b1030;box-shadow:0 3px 14px #f07eba1c}
.nav-pill a:not([aria-current]):hover,.icon-button:hover{background:#ff9bc514;color:#ffe4f1}.nav-rule{background:#d494be2b}
.nav-pill [aria-current=page] .saved-count{color:#852459}.saved-count{color:#ffc5df}
.hero-backdrop{background:#35132f}.hero-backdrop img{filter:brightness(.85) saturate(.94)}
.hero-slide:after{background:linear-gradient(0deg,#160b18 0%,#160b1840 32%,transparent 72%),linear-gradient(90deg,#210d25 0%,#210d25ed 20%,#2d1034aa 43%,#37113226 70%,#180b1800)}
.hero-backdrop:after{background:radial-gradient(ellipse at 80% 12%,#f198cd25,transparent 45%),radial-gradient(ellipse at 20% 65%,#a95de12b,transparent 55%)}
.hero-title{color:#fff2f9;text-shadow:0 4px 38px #44112b40}
.hero-content>.eyebrow{width:fit-content;border:1px solid #f3a9ce3d;border-radius:50px;padding:7px 12px 7px 9px;background:#4c1e453d;color:#ffd3e9;letter-spacing:1.9px;backdrop-filter:blur(12px)}
.hero-content .tiny-mark{color:#ffaad3}.hero-content .tiny-mark .icon{width:14px;height:14px;fill:#ff8bb933}
.hero-description,.detail-description{color:#e0c7d9}.hero-meta{color:#e4ccdf}.age{background:#4e234b66;border-color:#f4b8da55;color:#ffe4f2}.meta-dot{background:#e18dbb}
.button.watch,.browse-banner .button{background:var(--action);color:var(--ink);border:1px solid #ffb3d559;box-shadow:0 8px 28px #e34c8c29,0 1px 0 #ffe5f04d inset;font-weight:800}
.button.watch:hover,.browse-banner .button:hover{background:linear-gradient(110deg,#ffb1d2,#edb6ff);color:#300b28;box-shadow:0 10px 35px #e34c8c45}
.watch .icon:first-child{fill:currentColor}.watch .icon:last-child{opacity:.8}
.glass,.more-button{background:#471b423b;border-color:#d998c44f;color:#ffe6f3}.glass:hover,.more-button:hover{background:#722b5b66;border-color:#ff9bc580}
.save-full[aria-pressed=true]{background:#76345c55;border-color:#ffa3ce;color:#ffe9f4}
.watch-note,.source-note,.hero-counter,.discover-link{color:#c6a6be}.discover-link span{color:#ffb5d8}.hero-counter b{color:#ffeaf5}
.hero-pagination>.icon-button,.hero-pagination .motion-toggle{color:#f4cde4;border-color:#c780b040;background:#2b102f45}
.hero-pagination>.icon-button:hover,.hero-pagination .motion-toggle:hover{background:#70275366;border-color:#ffabd1a6}
.slide-dot span{background:#e8b5d36b}.slide-dot[aria-pressed=true] span{background:#ffb1d4;box-shadow:0 0 12px #f46aa570}
.section-glyph{display:inline-grid;place-items:center;width:28px;height:28px;flex-shrink:0;color:#ffb0d4;background:#8130582b;border:1px solid #d185b633;border-radius:9px;margin-right:10px;vertical-align:2px}
.section-glyph .icon{width:15px;height:15px}.shelf-heading p,.card-copy p{color:#bda2b8}.shelf-actions>a,.view-all{color:#e3b4d0}.rail-arrow{border-color:#d185b63d;background:#43193633}
.poster{border-radius:12px;background:#39162f;box-shadow:0 8px 25px #1004145c,0 0 0 1px #f5b1db24}
.poster-overlay{background:linear-gradient(transparent 45%,#21091dda)}
.open-story{width:fit-content;max-width:calc(100% - 20px);margin-inline:auto;padding:9px 13px;border-radius:30px;background:#f8b3d5;color:#300b28;box-shadow:0 5px 20px #15081740}
.save-button{opacity:1;background:#251027df;border-color:#f7b9d64a;color:#ffe4f2;box-shadow:0 3px 12px #1706173d}
.save-button:hover{background:#68224f;border-color:#ffb3d5}.save-button[aria-pressed=true]{background:#6c2857;border-color:#ffb1d4}
.card-copy h3 a:hover{color:#ffb1d4}.card-copy p span{color:#d680af}
.wide-card{border:1px solid #f5b1db24;border-radius:15px;background:#33132e}.wide-card:after{background:linear-gradient(90deg,#32132cf5,#32132cab 44%,#32132c15),linear-gradient(0deg,#27102ac9,transparent 85%)}
.wide-kicker{color:#f3c2df}.wide-action{color:#ffcae5}.wide-action .icon{color:#ff9bc5}
.browse-banner{padding:32px;border:1px solid #db83b83d;border-radius:18px;background:radial-gradient(ellipse at 90% 20%,#9b387849,transparent 65%),linear-gradient(115deg,#3a1732,#27132f);box-shadow:0 14px 45px #12061336}
.browse-banner .eyebrow{color:#ffc0dc}.browse-banner p{color:#dac1d3;max-width:660px}.browse-banner h2{color:#fff0f8}
.footer-inner p,.footer nav,.footer-bottom{color:#bfa1b8}.footer nav a:hover{color:#ffd1e6}.footer-bottom{border-color:#e7a6d22b}.footer .brand-mark{width:30px;height:32px;border-radius:9px}.footer .brand-mark>.icon{width:22px;height:22px}.footer .brand-spark{width:14px;height:14px;right:-4px;top:-4px}.footer .brand-spark .icon{width:8px;height:8px}
.page-shell>.eyebrow,.detail-copy>.eyebrow,.information .eyebrow{color:#f1acd0}.page-lead{color:#cfb9cc}.search-box{background:#2c142b99;border-color:#c57da642}.search-box:focus-within{border-color:#ed9bc7;box-shadow:0 0 0 3px #ff9bc515}.search-box .icon{color:#f7b0d3}.search-box input{color:#fff3fa}.search-box input::placeholder{color:#bea2b8}
.sort{color:#c9a9c1}.sort select{background:#30162e;color:#ffe5f3;border-color:#c57da642}.results-count,.search-count{color:#c5a6bd}
.empty-state{border-color:#da87b752;background:#4b1d3c1c}.empty-state p{color:#cfb4c6}.empty-icon{background:#8e34612b;border-color:#e598c14d;color:#ffb0d4}
.detail-hero:after{background:linear-gradient(0deg,#160b18,transparent 65%)}.detail-background img{filter:blur(70px) brightness(.28) saturate(.7)}.detail-cover img{box-shadow:0 18px 60px #10041480,0 0 0 1px #ef9ac438}.detail-copy h1{color:#fff0f8}.number,.back-link{color:#d4adca}.detail-note p,.detail-note a{color:#cdb4c7}
.story-reading aside{background:linear-gradient(140deg,#401a353b,#29132e66);border-color:#d58bb83b;box-shadow:0 10px 28px #12071330}
.editorial-strip .eyebrow,.story-reading .eyebrow,.collection-faq .eyebrow{color:#edacd0}.editorial-strip p:not(.eyebrow),.story-reading p:not(.eyebrow),.collection-faq p,.list-guide p,.information p:not(.eyebrow){color:#cdb4c7}
.story-reading .editorial-note{color:#bfa1b8;border-left-color:#e790bc}.reading-links a{color:#efd0e5}.reading-links a:hover{color:#ffb1d4}.faq-list details[open]{background:#55203d17}.faq-list summary:hover{color:#ffb1d4}
.toast{background:#3c1833f5;border-color:#e99ac04d;box-shadow:0 8px 35px #10041480;color:#ffeaf5}.motion-toggle{color:#d4acc5}
dialog{background:linear-gradient(140deg,#32152f,#211023);border-color:#e498c14a;box-shadow:0 25px 100px #120313b3}dialog::backdrop{background:#140815c4}.dialog-head h2{color:#ffe9f4}.quick-result:hover{background:#ad4f8220}.quick-result small,.quick-result>.icon,#quick-empty{color:#c7a5bc}
.mobile-watch{background:#250e24f2;border-color:#d98bb63d}.mobile-watch>span{color:#d0afc6}
@media(hover:hover) and (prefers-reduced-motion:no-preference){[data-motion=on] .poster:hover,[data-motion=on] .poster:focus-within{box-shadow:0 16px 35px #11031480,0 0 0 1px #ffa2ce8c,0 0 28px #b6327030}}
@media(min-width:1700px){.hero-slide:after{background:linear-gradient(0deg,#160b18,transparent 72%),linear-gradient(90deg,#210d25 0%,#210d25e8 22%,#2d103499 44%,#37113221 70%,transparent)}}
@media(max-width:1100px){.hero-slide:after{background:linear-gradient(0deg,#160b18,transparent 75%),linear-gradient(90deg,#210d25f2,#210d25ce 28%,#35122e66 65%,transparent)}}
@media(max-width:800px){.brand{gap:8px}.brand-mark{width:30px;height:33px;border-radius:10px}.brand-mark>.icon{width:22px;height:22px}.brand-spark{width:14px;height:14px;right:-4px;top:-4px}.brand-spark .icon{width:8px;height:8px}.browse-banner{padding:25px}.section-glyph{width:25px;height:25px;margin-right:8px}.wide-card:after{background:linear-gradient(0deg,#29102e,transparent)}}
@media(max-width:600px){
 .brand{gap:7px}.brand-mark{width:27px;height:29px;border-radius:9px}.brand-mark>.icon{width:20px;height:20px}.brand-spark{width:12px;height:12px;right:-3px;top:-3px;border-width:1.5px}.brand-spark .icon{width:7px;height:7px}
 .hero-slide:after{background:linear-gradient(0deg,#160b18 0%,#160b18 47%,#160b18a6 64%,#160b1800 90%)}.hero-backdrop img{filter:brightness(.76) saturate(.94)}.hero-content>.eyebrow{font-size:7px;padding:6px 10px 6px 8px;letter-spacing:1.4px}.hero-content .tiny-mark .icon{width:12px;height:12px}
 .section-glyph{width:23px;height:23px;margin-right:7px;vertical-align:2px}.section-glyph .icon{width:13px;height:13px}.shelf-heading h2{font-size:25px}.shelf-actions>a{color:#e9b7d1}
 .poster{border-radius:11px}.poster-overlay{background:linear-gradient(transparent 80%,#21091d55)}.wide-card:after{background:linear-gradient(90deg,#32132cf5,#32132ca0 45%,transparent),linear-gradient(0deg,#29102abd,transparent)}
 .browse-banner{padding:24px 22px;border-radius:15px;gap:23px}.browse-banner h2{font-size:32px}.browse-banner .eyebrow{font-size:7px;letter-spacing:1.4px}.browse-banner .button{width:100%}.browse-banner p{font-size:11px}.footer .brand{gap:9px}
}
@media(max-width:380px){.brand{gap:6px}.brand-mark{width:25px;height:27px}.nav-shell{gap:5px}.shelf-heading h2{font-size:23px}.section-glyph{width:21px;height:21px;margin-right:6px}}
@media(forced-colors:active){.button.watch,.browse-banner .button,.nav-pill>a[aria-current=page]:not(.icon-button){background:ButtonFace;color:ButtonText;border:1px solid ButtonText}.brand-mark,.brand-spark,.section-glyph{background:Canvas;color:CanvasText}.save-button{border:1px solid ButtonText}}
