body.sf-spotify-open{overflow:hidden}.sf-spotify-page{position:fixed;inset:0;z-index:9988;display:grid;place-items:center;padding:24px;background:rgba(255,249,245,.18);backdrop-filter:blur(8px) saturate(1.04);-webkit-backdrop-filter:blur(8px) saturate(1.04);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sf-spotify-page.is-open{opacity:1;visibility:visible;pointer-events:auto}.sf-zine-wrap{width:min(372px,calc(100vw - 34px));transform:translateY(16px) scale(.96) rotate(-.35deg);opacity:0;transition:transform .36s cubic-bezier(.2,.82,.2,1),opacity .28s ease}.sf-spotify-page.is-open .sf-zine-wrap{transform:translateY(0) scale(1) rotate(-.35deg);opacity:1}.sf-zine-topbar{display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px;color:#8d6c77;font-size:10px;letter-spacing:.015em}.sf-spotify-close{width:30px;height:30px;border:1px solid rgba(150,103,119,.18);border-radius:50%;background:#fff9f6;color:#9f7885;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 5px 15px rgba(112,74,88,.08)}.sf-zine{position:relative}.sf-zine-paper{position:absolute;inset:7px 3px 2px;border-radius:16px;box-shadow:0 16px 38px rgba(99,67,79,.11)}.sf-zine-paper-one{background:#e8d8f1;transform:rotate(2.2deg) translate(4px,3px)}.sf-zine-paper-two{background:#ffd5c8;transform:rotate(-1.6deg) translate(-4px,4px)}.sf-zine-sheet{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(133,96,109,.14);border-radius:16px;padding:15px 15px 14px;background:#fffaf2;box-shadow:0 20px 50px rgba(103,72,83,.14),inset 0 0 0 1px rgba(255,255,255,.78);background-image:radial-gradient(circle at 18% 12%,rgba(246,194,210,.15) 0 1px,transparent 1.2px),radial-gradient(circle at 82% 28%,rgba(224,200,117,.14) 0 1px,transparent 1.2px);background-size:13px 13px,17px 17px}.sf-zine-sheet:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(126,93,104,.10) 18%,rgba(126,93,104,.10) 82%,transparent);opacity:.55}.sf-zine-tape{position:absolute;z-index:5;left:50%;top:-7px;width:78px;height:20px;background:rgba(255,229,141,.76);border:1px solid rgba(188,153,55,.09);transform:translateX(-50%) rotate(-1.8deg);box-shadow:0 2px 3px rgba(111,87,35,.04)}.sf-zine-sparkles{position:absolute;z-index:4;right:13px;top:52px;color:#d6839d;font:15px/1 Georgia,serif;letter-spacing:5px;transform:rotate(7deg)}.sf-zine-masthead{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:9px 2px 10px;border-bottom:2px solid #5c4950;color:#5c4950}.sf-zine-masthead>div{display:grid;gap:2px}.sf-zine-issue{font:8px/1.1 "Courier New",monospace;letter-spacing:.12em;color:#a17d88}.sf-zine-masthead strong{font-size:11px;letter-spacing:.075em}.sf-zine-spotify{display:inline-flex;align-items:center;gap:4px;margin-top:2px;padding:4px 7px;border-radius:999px;background:#f5d8e1;color:#73545f;font-size:8px;font-weight:800;letter-spacing:.06em}.sf-zine-spotify b{color:#1db954;font-size:8px}.sf-zine-hero{position:relative;z-index:2;display:grid;grid-template-columns:42% 1fr;gap:13px;align-items:stretch;padding:14px 0 13px}.sf-zine-logo-card{position:relative;min-height:132px;border:1px solid rgba(117,82,94,.15);display:grid;place-items:center;overflow:hidden;background:#f3cbd7;box-shadow:5px 6px 0 #f6e38f}.sf-zine-logo-card:before{content:"";position:absolute;inset:7px;border:1px dashed rgba(117,82,94,.18)}.sf-zine-logo-card:after{content:"♡";position:absolute;right:8px;bottom:5px;color:#b86f87;font:18px/1 Georgia,serif}.sf-zine-logo-card img{position:relative;z-index:1;width:78%;max-height:54%;object-fit:contain}.sf-zine-intro{position:relative;padding:9px 2px 3px}.sf-zine-stamp{display:inline-block;margin-bottom:8px;padding:5px 7px;background:#e6d5f1;color:#705977;font:8px/1 "Courier New",monospace;letter-spacing:.09em;transform:rotate(-1.5deg)}.sf-zine-intro h1{margin:0;color:#5a454d;font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:.9;letter-spacing:-.055em;font-weight:700}.sf-zine-intro p{margin:11px 0 0;color:#92747f;font:10px/1.45 "Courier New",monospace}.sf-zine-divider{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin:1px 0 9px;color:#9d7b87;font:8px/1 "Courier New",monospace;letter-spacing:.06em;text-transform:uppercase}.sf-zine-divider:before,.sf-zine-divider:after{content:"";height:1px;flex:1;background:rgba(108,76,88,.20)}.sf-zine-tracks{position:relative;z-index:2;display:grid;gap:7px}.sf-zine-track{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:1px solid rgba(111,77,89,.12);box-shadow:2px 3px 0 rgba(96,66,77,.05);transform-origin:center}.sf-zine-track:nth-child(1){transform:rotate(.45deg)}.sf-zine-track:nth-child(2){transform:rotate(-.35deg)}.sf-zine-track:nth-child(3){transform:rotate(.25deg)}.tone-pink{background:#f7d7df}.tone-lilac{background:#e7d8f3}.tone-yellow{background:#f9e7a6}.sf-zine-track span{font:9px/1 "Courier New",monospace;color:#9d6f7f}.sf-zine-track strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#604b53;font-size:11px}.sf-zine-track small{color:#94747f;font-size:9px}.sf-zine-footer{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:12px;padding-top:10px;border-top:1px dashed rgba(111,77,89,.22)}.sf-zine-footer p{margin:0;color:#9e7f89;font:8px/1.45 "Courier New",monospace}.sf-spotify-open{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 12px;border:1px solid rgba(123,83,97,.14);border-radius:3px;background:#f5b6a9;color:#674b55;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.055em;box-shadow:3px 3px 0 #e7d5f1;transform:rotate(-.6deg)}.sf-spotify-open:before{content:"●";color:#1db954;font-size:8px}.sf-spotify-open span{color:#9f5d73}.sf-spotify-open[aria-disabled=true]{opacity:.72}@media(max-width:520px){.sf-spotify-page{padding:17px}.sf-zine-wrap{width:min(344px,calc(100vw - 24px))}.sf-zine-sheet{padding:13px 13px 12px}.sf-zine-hero{gap:11px;padding-top:13px}.sf-zine-logo-card{min-height:121px}.sf-zine-intro h1{font-size:27px}.sf-zine-footer{grid-template-columns:1fr}.sf-spotify-open{justify-self:end}.sf-zine-topbar{font-size:9px}}@media(max-height:700px){.sf-zine-sheet{transform:scale(.94);transform-origin:center}.sf-zine-wrap{width:min(360px,calc(100vw - 28px))}}@media(prefers-reduced-motion:reduce){.sf-spotify-page,.sf-zine-wrap{transition:none!important}}