:root{--bg:#121110;--bg-deep:#0b0a0a;--surface:#1c1c1b;--surface-2:#252422;--surface-3:#2f2d2a;--fill:#968c8029;--fill-2:#968c803d;--glass:#22201e9e;--glass-stroke:#fff8ee17;--glass-blur:saturate(180%) blur(24px);--sep:#f3ede41a;--sep-strong:#f3ede429;--text:#f3ede4;--text-2:#f3ede49e;--text-3:#f3ede461;--text-4:#f3ede438;--clay:#d06a53;--clay-press:#b85a45;--clay-deep:#a35749;--clay-tint:#d06a5329;--sage:#c5d69a;--violet:#a08bd0;--star:#e0805f;--font-ui:"DM Sans", -apple-system, system-ui, "Segoe UI", sans-serif;--font-mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-serif:"Libre Caslon Text", "New York", Georgia, serif;--t-large:700 34px/41px var(--font-ui);--t-title1:700 28px/34px var(--font-ui);--t-title2:700 22px/28px var(--font-ui);--t-title3:600 20px/25px var(--font-ui);--t-headline:600 17px/22px var(--font-ui);--t-body:400 17px/22px var(--font-ui);--t-callout:400 16px/21px var(--font-ui);--t-subhead:400 15px/20px var(--font-ui);--t-footnote:400 13px/18px var(--font-ui);--t-caption:500 12px/16px var(--font-ui);--t-mono:500 11px/14px var(--font-mono);--t-take:italic 400 17px/25px var(--font-serif);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--gutter:16px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-sheet:34px;--shadow-art:0 10px 28px #00000080, 0 2px 6px #00000059;--shadow-float:0 12px 40px #0000008c, 0 1px 0 #ffffff0a inset;--app-w:440px;--tabbar-h:64px;--tabbar-inset:14px;--nav-h:44px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.32, .72, 0, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--card:var(--surface);--card-2:var(--surface-2);--line:var(--sep);--line-2:var(--sep-strong);--cream:var(--text);--muted:var(--text-2);--faint:var(--text-3);--nav-total:calc(var(--safe-t) + 52px);--tabbar-clear:calc(var(--tabbar-h) + var(--tabbar-inset) + var(--safe-b));--frame-r:44px;--press:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:17px;line-height:1.3;overflow-x:hidden}h1,h2,h3,p,ol,ul,blockquote,figure{margin:0;padding:0}h1,h2,h3{text-wrap:balance}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default}input,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--clay);outline-offset:2px}::selection{background:#d06a5366}.app{width:100%;max-width:var(--app-w);background:var(--bg);min-height:100dvh;margin:0 auto;position:relative;overflow-x:clip}@media (width>=520px){html,body{background:var(--bg-deep)}body{background:radial-gradient(900px 600px at 50% -10%, #1f1c19 0%, var(--bg-deep) 62%) fixed}.app{border-radius:var(--frame-r);min-height:calc(100dvh - 48px);margin:24px auto;overflow:clip;box-shadow:0 0 0 1px #fff8ee12,0 40px 120px #0009}}.main{min-height:100dvh}@media (width>=520px){.main{min-height:calc(100dvh - 48px)}}.main-chrome{padding-bottom:calc(var(--tabbar-clear) + 28px)}.page{min-height:60dvh}.page-anim{animation:page-in .24s var(--ease) backwards}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.splash{place-items:center;min-height:100dvh;animation:.4s both fade;display:grid}@keyframes fade{0%{opacity:0}to{opacity:1}}.pad-x{padding-left:var(--gutter);padding-right:var(--gutter)}.pad{padding:24px 0}.stack{flex-direction:column;gap:14px;display:flex}.stack.gap8{gap:8px}.stack.gap12{gap:12px}.stack.gap16{gap:16px}.stack.gap24{gap:24px}.stack.gap32{gap:32px}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.grow{flex:1;min-width:0}.between{justify-content:space-between}.center{text-align:center;align-items:center}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:13px}.tnum{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.meta{color:var(--text-2)}.link{color:var(--clay);min-height:44px;padding:0 4px;font-weight:600}.link.small{min-height:32px;font-weight:500}.wordmark{font-family:var(--font-ui);letter-spacing:-.03em;font-weight:700;line-height:1}.wordmark i{color:var(--clay);font-style:normal}.btn{letter-spacing:-.01em;white-space:nowrap;height:50px;color:var(--text);transition:transform .14s var(--press), background .16s, opacity .16s, box-shadow .16s;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:17px;font-weight:600;display:inline-flex}.btn:active:not(:disabled),.press:active{transform:scale(.97)}.btn:disabled{opacity:.4}.btn-primary,.btn-clay{background:var(--clay);color:#fff7f1;box-shadow:0 6px 18px #d06a5347,inset 0 1px #ffffff2e}.btn-primary:active:not(:disabled),.btn-clay:active:not(:disabled){background:var(--clay-press)}.btn-secondary,.btn-ghost{background:var(--fill);color:var(--text)}.btn-secondary:active:not(:disabled),.btn-ghost:active:not(:disabled){background:var(--fill-2)}.btn-tertiary{color:var(--clay);background:0 0;padding:0 12px}.btn-cream{background:var(--text);color:#3b1d16}.btn-outline-cream{color:var(--text);box-shadow:inset 0 0 0 1.5px #f3ede48c}.btn-sm,.btn-small{letter-spacing:-.005em;gap:6px;height:32px;padding:0 14px;font-size:15px}.btn-sm.btn-primary,.btn-small.btn-clay{box-shadow:none}.btn-lg{height:56px}.btn-block{width:100%;display:flex}.btn-icon{background:var(--fill);width:36px;height:36px;color:var(--text);transition:transform .14s var(--press), background .16s;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.btn-icon:after{content:"";position:absolute;inset:-4px}.btn-icon:active:not(:disabled){background:var(--fill-2);transform:scale(.92)}.btn-icon:disabled{opacity:.35}.btn.icon-only{width:44px;padding:0}.press{transition:transform .14s var(--press)}.icon-btn{width:44px;height:44px;color:var(--text);transition:transform .14s var(--press), background .14s;border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:active{background:var(--fill);transform:scale(.9)}.icon-btn.small{width:36px;height:36px;color:var(--text-2)}.icon-btn:disabled{opacity:.25}.field{flex-direction:column;gap:8px;display:flex;position:relative}.field>.mono{color:var(--text-3);padding-left:4px}.field input,.field textarea{background:var(--surface-2);resize:none;border:0;border-radius:14px;width:100%;min-height:56px;padding:14px 16px;font-size:17px;transition:box-shadow .16s,background .16s;box-shadow:0 0 0 1px #0000}.field textarea{line-height:1.4}.field input::placeholder,.field textarea::placeholder,.take-field textarea::placeholder,.search-field input::placeholder,.composer textarea::placeholder{color:var(--text-3)}.field input:focus,.field textarea:focus{box-shadow:0 0 0 1px var(--clay);background:var(--surface-2);outline:none}.field-wrap{align-items:center;display:flex;position:relative}.field-wrap input{padding-right:52px}.field-wrap .icon-btn{color:var(--text-2);position:absolute;right:6px}.field-wrap.prefix i{color:var(--text-2);pointer-events:none;font-size:17px;font-style:normal;position:absolute;left:16px}.field-wrap.prefix input{padding-left:34px;padding-right:16px}.field.plain .counter{position:absolute;bottom:12px;right:14px}.counter{color:var(--text-3);text-transform:none;letter-spacing:.04em;font-variant-numeric:tabular-nums}.counter.warn{color:var(--clay)}.form-error{color:#ff9d8a;background:#d06a531f;border-radius:12px;padding:10px 14px;font-size:14px;box-shadow:inset 0 0 0 .5px #d06a5366}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.large-title{font:var(--t-large);letter-spacing:-.022em;text-wrap:balance}.large-title-wrap{padding:2px var(--gutter) 14px}.large-title-wrap .kicker{margin-bottom:4px}.kicker{font:var(--t-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.section-header{padding:0 var(--gutter);font:var(--t-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;display:flex}.section-header .count{color:var(--text-2);font-variant-numeric:tabular-nums;margin-left:8px;font-weight:500}.section-action{font:600 15px/20px var(--font-ui);letter-spacing:-.005em;text-transform:none;color:var(--clay);white-space:nowrap;min-height:24px}.section-action:active{opacity:.6}.grouped{margin:0 var(--gutter);background:var(--surface);border-radius:var(--r-xl);overflow:hidden}.grouped-row{width:100%;min-height:52px;font:var(--t-body);text-align:left;color:var(--text);align-items:center;gap:12px;padding:0 16px;transition:background .12s;display:flex;position:relative}.grouped-row:after{content:"";background:var(--sep);height:.5px;position:absolute;bottom:0;left:16px;right:0}.grouped-row:has(>.row-icon):after{left:56px}.grouped-row:last-child:after{display:none}a.grouped-row:active,button.grouped-row:active,label.grouped-row:active{background:var(--surface-2)}.row-icon{background:var(--tile,var(--clay));color:#fff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.row-icon svg{width:17px;height:17px}.row-value{color:var(--text-2);font:var(--t-body);margin-left:auto}.row-chevron{width:16px;height:16px;color:var(--text-4);flex:none;margin-left:auto}.row-value+.row-chevron{margin-left:0}.hairline{background:var(--sep);border:0;height:.5px;margin:0}.rail{padding:0 var(--gutter);scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;flex:none}.pad-x .section-header{padding-left:0;padding-right:0}.pad-x .grouped{margin-left:0;margin-right:0}.pad-x .rail{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1)}.glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 0 0 .5px var(--glass-stroke), var(--shadow-float)}.navbar{z-index:30;padding-top:var(--safe-t);position:sticky;top:0}.navbar:before{content:"";z-index:-1;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 .5px 0 var(--sep-strong);opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.navbar.is-scrolled:before{opacity:1}.navbar-row{grid-template-columns:1fr auto 1fr;align-items:center;height:52px;padding:0 12px;display:grid}.navbar-side{align-items:center;gap:8px;min-width:0;display:flex}.navbar-side.end{justify-content:flex-end}.navbar-side>.wordmark{padding-left:4px}.navbar-title{max-width:52vw;font:600 17px/22px var(--font-ui);letter-spacing:-.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity .2s ease, transform .26s var(--ease);pointer-events:none;overflow:hidden;transform:translateY(5px)}.navbar-title.show{opacity:1;transform:none}.navbar-side .icon-btn{background:var(--fill);width:36px;height:36px;color:var(--text);position:relative}.navbar-side .icon-btn:after{content:"";position:absolute;inset:-4px}.navbar-side .icon-btn:active{background:var(--fill-2)}.navbar-side a.btn-icon,.navbar-side a.icon-btn{color:var(--text)}.topbar-sub,.navbar .sub{padding:2px var(--gutter) 10px}.tabbar,.guestbar{left:50%;bottom:calc(var(--tabbar-inset) + var(--safe-b));width:calc(100% - var(--tabbar-inset) * 2);max-width:calc(var(--app-w) - var(--tabbar-inset) * 2);height:var(--tabbar-h);transform-origin:50% 100%;z-index:40;border-radius:calc(var(--tabbar-h) / 2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 0 0 .5px var(--glass-stroke), inset 0 1px 0 #fff8ee12, var(--shadow-float);transition:transform .38s var(--ease);background:#1e1c1ab8;position:fixed;transform:translate(-50%)}.tabbar{--cut-color:#1c1a19;grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center;padding:0 6px;display:grid}@media (width>=520px){.tabbar,.guestbar{bottom:calc(var(--tabbar-inset) + 24px)}}.tabbar.is-shrunk{transform:translate(-50%)translateY(4px)scale(.93)}.tab{height:var(--tabbar-h);color:var(--text-3);letter-spacing:.01em;transition:color .16s, transform .14s var(--press);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;line-height:12px;display:flex}.tab svg{transition:transform .38s var(--ease)}.tab span{transition:opacity .22s}.tabbar.is-shrunk .tab span{opacity:0}.tabbar.is-shrunk .tab svg{transform:translateY(6px)}.tab:active{transform:scale(.9)}.tab.is-active{color:var(--text)}.ico-cut{stroke:var(--cut-color,#1c1a19)}.ico-cut:not([fill=none]){fill:var(--cut-color,#1c1a19)}.tab-create{color:#fff;width:52px;height:52px;transition:transform .26s var(--spring);background:linear-gradient(#dd7863 0%,#c95f48 100%);border-radius:50%;justify-self:center;place-items:center;display:grid;box-shadow:0 6px 20px #d06a5373,inset 0 1px #ffffff4d}.tab-create:active{transform:scale(.9)rotate(90deg)}.tabbar.is-shrunk .tab-create{transform:translateY(2px)}.guestbar{align-items:center;gap:8px;padding:0 14px 0 20px;display:flex}.guestbar-text{min-width:0;color:var(--text-2);flex-direction:column;flex:1;font-size:13px;line-height:1.2;display:flex}.guestbar-text b{color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:600}.sheet-root{z-index:100;position:fixed;inset:0}.sheet-backdrop{opacity:0;background:#00000073;transition:opacity .42s;position:absolute;inset:0}.sheet-root.is-open .sheet-backdrop{opacity:1}.sheet-wrap{pointer-events:none;justify-content:center;display:flex;position:absolute;inset:auto 0 0}.sheet{pointer-events:auto;width:100%;max-width:var(--app-w);background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;max-height:92dvh;box-shadow:inset 0 .5px 0 var(--glass-stroke), 0 -12px 60px #00000080;transition:transform .42s var(--ease);will-change:transform;flex-direction:column;display:flex;transform:translateY(105%)}.sheet-full{height:92dvh}.sheet-root.is-open .sheet{transform:none}.sheet-grab{cursor:grab;touch-action:none;flex:none;place-items:center;height:24px;display:grid}.sheet-grab span{background:var(--text-4);border-radius:3px;width:36px;height:5px}.sheet-head{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;padding:0 16px 8px;display:grid}.sheet-head h2{font:600 17px/22px var(--font-ui);letter-spacing:-.01em;text-align:center}.sheet-head-side.end{justify-content:flex-end;display:flex}.sheet-body{overscroll-behavior:contain;padding:4px 16px calc(24px + var(--safe-b));flex:1;overflow-y:auto}.create-options{grid-template-columns:1fr 1fr;gap:12px;padding-top:4px;display:grid}.create-option{text-align:left;background:var(--surface-2);border-radius:var(--r-lg);min-height:168px;box-shadow:inset 0 0 0 .5px var(--glass-stroke);flex-direction:column;justify-content:space-between;gap:28px;padding:16px;display:flex}.create-ico{border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.create-ico.sage{color:var(--sage);background:#c5d69a29}.create-ico.clay{background:var(--clay-tint);color:#ea8d76}.create-text{flex-direction:column;gap:3px;display:flex}.create-text b{font:var(--t-headline);letter-spacing:-.01em}.create-text span{color:var(--text-2);font:var(--t-footnote);text-wrap:balance}.toast-region{left:50%;top:calc(var(--safe-t) + 10px);z-index:200;pointer-events:none;flex-direction:column;gap:8px;width:min(100% - 32px,400px);display:flex;position:fixed;transform:translate(-50%)}.toast{max-width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);font:600 15px/20px var(--font-ui);letter-spacing:-.01em;box-shadow:inset 0 0 0 .5px var(--glass-stroke), var(--shadow-float);animation:toast-in .46s var(--spring) both;background:#2c2926c7;border-radius:999px;align-self:center;align-items:center;gap:10px;padding:12px 20px;display:flex}.toast:before{content:"";background:var(--sage);border-radius:50%;flex:none;width:7px;height:7px}.toast-error:before{background:var(--clay)}@keyframes toast-in{0%{opacity:0;transform:translateY(-26px)scale(.94)}to{opacity:1;transform:none}}.review-row{padding:14px var(--gutter) 2px;cursor:pointer;grid-template-columns:36px minmax(0,1fr);column-gap:12px;transition:background .12s;display:grid;position:relative}.review-row:active{background:#fff8ee06}.review-row:after{content:"";left:calc(var(--gutter) + 48px);background:var(--sep);height:.5px;position:absolute;bottom:0;right:0}.rr-avatar{width:36px;height:36px;display:block}.rr-main{min-width:0}.rr-head{align-items:baseline;gap:5px;min-height:20px;margin-bottom:8px;line-height:20px;display:flex}.rr-name{font:var(--t-headline);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;line-height:20px;overflow:hidden}.rr-verb{font:var(--t-subhead);color:var(--text-2);white-space:nowrap}.rr-time{font:var(--t-subhead);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;padding-left:8px}.rr-record{align-items:flex-start;gap:12px;display:flex}.rr-art{flex:none;width:76px;height:76px;display:block}.rr-record-text{flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;padding-top:2px;display:flex}.rr-title{font:var(--t-headline);letter-spacing:-.012em;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rr-artist{font:var(--t-subhead);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.rr-stars{align-items:center;gap:8px;margin-top:6px;display:flex}.rr-year{font:var(--t-mono);letter-spacing:.06em;color:var(--text-3);font-variant-numeric:tabular-nums}.rr-rating-only{margin-bottom:2px}.rr-take-wrap{margin-top:10px}.rr-take{font:var(--t-take);color:var(--text);overflow-wrap:anywhere;-webkit-line-clamp:4;white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rr-more{font:var(--t-subhead);color:var(--text-3)}.review-row .actions{margin-top:4px}.actions{align-items:center;gap:2px;margin:0 0 0 -10px;display:flex}.action{min-width:44px;min-height:44px;color:var(--text-3);font:500 14px/18px var(--font-ui);font-variant-numeric:tabular-nums;transition:color .16s, transform .14s var(--press);border-radius:12px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.action:active{transform:scale(.9)}.action-count{min-width:8px}.agree.is-on{color:var(--clay)}.agree-icon{display:inline-grid;position:relative}.agree svg circle{transition:fill .22s,stroke .22s}.agree-check{stroke-dasharray:1;stroke-dashoffset:0}.agree.is-on svg circle{fill:var(--clay);stroke:var(--clay)}.agree.is-on .agree-check{stroke:#fff7f1}.agree-icon.pop{animation:agree-pop .56s var(--spring)}.agree-icon.pop:after{content:"";border:2px solid var(--clay);opacity:0;border-radius:50%;animation:.56s ease-out agree-ring;position:absolute;inset:-2px}.agree-icon.pop .agree-check{animation:.42s ease-out 80ms both agree-draw}@keyframes agree-pop{0%{transform:scale(.7)}55%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes agree-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.1)}}@keyframes agree-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.mixtape-card{isolation:isolate;border-radius:var(--r-lg);background:linear-gradient(155deg, var(--mc1), var(--mc2));box-shadow:var(--shadow-art), inset 0 0 0 .5px #ffffff1f;cursor:pointer;color:var(--text);transition:transform .16s var(--press);position:relative;overflow:hidden;container-type:inline-size}.mixtape-card:active{transform:scale(.985)}.mixtape-card:before{content:"";z-index:-1;background:radial-gradient(120% 70% at 20% 0,#ffffff29,#0000 60%),linear-gradient(#0a080700 0%,#0a08076b 42%,#0a0807e6 78%);position:absolute;inset:0}.mixtape-card.is-cream:before{background:linear-gradient(#0a08070f 0%,#0a080794 42%,#0a0807eb 78%)}.mc-stage{height:47cqw;position:relative}.mc-cassette{filter:drop-shadow(0 14px 18px #00000059);width:63cqw;position:absolute;top:6cqw;left:6cqw;transform:rotate(-3deg)}.mc-cassette .cassette{box-shadow:0 0 0 .5px #ffffff24}.mc-collage{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:#100e0d8c;border-radius:3.4cqw;grid-template-columns:1fr 1fr;gap:1.1cqw;width:29cqw;padding:1.1cqw;display:grid;position:absolute;top:11cqw;right:5cqw;transform:rotate(3deg);box-shadow:0 12px 24px #0006,inset 0 0 0 .5px #ffffff2e}.mc-collage .artwork{box-shadow:none;border-radius:2.2cqw!important}.mc-empty{aspect-ratio:1;background:#ffffff14;border-radius:2.2cqw}.mc-body{flex-direction:column;padding:4px 18px 6px;display:flex}.mc-kicker{font:var(--t-mono);letter-spacing:.08em;color:#f3ede4ad;text-transform:uppercase;align-items:center;gap:8px;display:flex}.mc-for{color:var(--text);background:#ffffff29;border-radius:999px;padding:2px 8px}.mc-title{font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:24px;font-style:italic;font-weight:400;line-height:29px;display:-webkit-box;overflow:hidden}.mc-vibe{font:var(--t-subhead);color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.mc-meta{flex-direction:column;gap:7px;margin-top:12px;display:flex}.mc-from{font:500 12px/16px var(--font-mono);letter-spacing:.02em;color:#f3ede4b8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mc-from a{color:var(--text)}.mc-count{font:var(--t-mono);letter-spacing:.08em;text-transform:uppercase;color:#f3ede499;font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.mc-pips{gap:2px;display:inline-flex}.mc-pips i{background:#f3ede433;border-radius:1.5px;width:4px;height:9px}.mc-pips i.on{background:#f3ede4db}.mixtape-card .actions{margin-top:6px;margin-bottom:2px}.mixtape-card .action{color:#f3ede4a8}.mixtape-card .agree.is-on{color:var(--clay)}.avatar{background:linear-gradient(160deg, color-mix(in srgb, var(--c) 66%, #fff6ea), color-mix(in srgb, var(--c) 76%, #f3ede4));color:color-mix(in srgb, var(--c) 30%, #17110e);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 .5px #00000024,inset 0 1px #ffffff4d}.avatar-filled{background:linear-gradient(160deg, color-mix(in srgb, var(--c) 88%, #fff), var(--c));color:#1a1412}.artwork{aspect-ratio:1;border-radius:var(--r-md);isolation:isolate;background:var(--surface-2);width:100%;box-shadow:var(--shadow-art);flex:none;display:block;position:relative;overflow:hidden}.artwork-sm{box-shadow:0 3px 10px #0000006b,0 1px 2px #0000004d}.artwork img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .32s;position:absolute;inset:0}.artwork.is-loaded img{opacity:1}.artwork:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #ffffff1a}.artwork-fallback{place-items:center;display:grid;container-type:inline-size}.artwork-grooves{background:repeating-radial-gradient(circle,#ffffff0e 0 1px,#0000 1px 6px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 78%);mask-image:radial-gradient(circle,#000 20%,#0000 78%)}.artwork-initial{z-index:1;font-family:var(--font-serif);color:#f3ede4eb;text-shadow:0 2px 12px #00000059;font-size:44cqw;font-style:italic;line-height:1;position:relative}.stars{vertical-align:middle;line-height:0;display:inline-flex}.star{flex:none;display:inline-block;position:relative}.star svg{display:block}.star-empty path{fill:#f3ede426;stroke:#f3ede426;stroke-width:1.4px;stroke-linejoin:round}.star-fill{height:100%;position:absolute;top:0;left:0;overflow:hidden}.star-fill svg path{fill:var(--star);stroke:var(--star);stroke-width:1.4px;stroke-linejoin:round}.star-input{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:12px;gap:6px;padding:8px 0;display:inline-flex}.star-input .star{transition:transform .26s var(--spring)}.star-input .star.is-current{transform:scale(1.14)}.star-input .star-fill{filter:drop-shadow(0 2px 8px #e0805f80)}.rating-text{font:500 14px/18px var(--font-mono);color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}.rating-text b{color:var(--star);font-size:16px;font-weight:500}.rating-text.on-clay{color:#f3ede4cc}.rating-text.on-clay b{color:var(--text)}.histogram{width:100%}.histogram-bars{align-items:flex-end;gap:3px;display:flex}.histogram-bar{background:var(--text-4);min-height:3px;transition:height .5s var(--ease);border-radius:2.5px 2.5px 1px 1px;flex:1}.histogram-bar.is-max{background:var(--clay)}.histogram-axis{font:500 9px/12px var(--font-ui);letter-spacing:.12em;color:var(--text-3);justify-content:space-between;margin-top:6px;display:flex}.cassette{aspect-ratio:8/5;border-radius:4.4%/7%;width:100%;position:relative;box-shadow:0 18px 34px -8px #0009,0 5px 12px #00000059;container-type:inline-size}.cassette-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.cassette-label{flex-direction:column;width:86.25%;height:41%;display:flex;position:absolute;top:8%;left:6.9%;overflow:hidden}.cassette-side{height:20.7%;font-family:var(--font-mono);letter-spacing:.16em;align-items:center;padding:0 3.2cqw;font-size:2.6cqw;font-weight:500;display:flex}.cassette-title{font-family:var(--font-serif);white-space:nowrap;text-overflow:ellipsis;margin-top:2.6cqw;padding:0 3.6cqw;font-size:7.2cqw;font-style:italic;line-height:1.3;display:block;overflow:hidden}@container (width<=110px){.cassette-side,.cassette-title{display:none}}.cassette-float{animation:6s ease-in-out infinite cassette-float}@keyframes cassette-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-6px)rotate(1deg)}}.segmented{grid-template-columns:repeat(var(--n), 1fr);background:var(--fill);border-radius:9px;height:32px;padding:2px;display:grid;position:relative}.segmented button{z-index:1;font:600 13px/16px var(--font-ui);letter-spacing:-.005em;color:var(--text-2);border-radius:7px;transition:color .2s;position:relative}.segmented button:after{content:"";position:absolute;inset:-6px 0}.segmented button.is-active{color:var(--text)}.segmented-thumb{width:calc((100% - 4px) / var(--n));background:var(--surface-3);transform:translateX(calc(var(--i) * 100%));border-radius:7px;transition:transform .4s cubic-bezier(.34,1.32,.5,1);position:absolute;top:2px;bottom:2px;left:2px;box-shadow:0 3px 8px #00000040,inset 0 0 0 .5px #ffffff12}.follow-btn{min-width:112px}.follow-btn.btn-sm{min-width:96px}.follow-btn.is-following{color:var(--text-2)}.skel{background:linear-gradient(100deg,#f3ede40d 30%,#f3ede41a 50%,#f3ede40d 70%) 0 0/250% 100%;flex:none;animation:1.5s linear infinite shimmer;display:block}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.skel-feed{flex-direction:column;display:flex}.skel-row{padding:16px var(--gutter) 18px;grid-template-columns:36px 1fr;align-items:start;gap:12px;display:grid;position:relative}.skel-row:after{content:"";left:calc(var(--gutter) + 48px);background:var(--sep);height:.5px;position:absolute;bottom:0;right:0}.skel-tape{padding:14px var(--gutter)}.skel-list{flex-direction:column;display:flex}.skel-list-row{align-items:center;gap:12px;padding:8px 0;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 32px;display:flex}.empty-art{color:#f3ede4cc;margin-bottom:14px}.empty-art-error{color:#f3ede499}.empty h3{font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;font-size:24px;font-style:italic;font-weight:400;line-height:30px}.empty p{color:var(--text-2);font:var(--t-subhead);text-wrap:balance;max-width:290px}.empty-action{margin-top:14px}.searchbar{align-items:center;display:flex}.search-field{background:var(--fill);min-width:0;height:38px;color:var(--text-3);cursor:text;border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.search-field svg{flex:none}.search-field input{letter-spacing:-.01em;min-width:0;height:100%;color:var(--text);appearance:none;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:17px}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search-field input::-webkit-search-decoration{-webkit-appearance:none;display:none}.search-clear{width:24px;height:24px;color:var(--text-3);place-items:center;margin-right:-4px;display:grid;position:relative}.search-clear:after{content:"";position:absolute;inset:-10px}.search-clear circle{fill:currentColor;stroke:none}.search-clear path{stroke:var(--bg);stroke-width:2.2px}.search-cancel{opacity:0;white-space:nowrap;letter-spacing:-.01em;max-width:0;color:var(--clay);transition:max-width .32s var(--ease), margin .32s var(--ease), opacity .2s;margin-left:0;padding:0;font-size:17px;overflow:hidden}.searchbar.is-active .search-cancel{opacity:1;max-width:80px;margin-left:12px}.record-search{flex-direction:column;gap:12px;display:flex}.search-results{min-height:120px}.search-note{text-align:center;color:var(--text-2);font:var(--t-subhead);padding:32px 16px}.hint{font-family:var(--font-serif);font-style:italic}.result-list.is-stale{opacity:.5;transition:opacity .16s}.result-row{text-align:left;width:100%;min-height:68px;color:var(--text-2);align-items:center;gap:12px;padding:8px 0;display:flex;position:relative}.result-row:after{content:"";background:var(--sep);height:.5px;position:absolute;bottom:0;left:64px;right:0}li:last-child>.result-row:after{display:none}.result-row:active{background:var(--fill);box-shadow:-16px 0 0 var(--fill), 16px 0 0 var(--fill)}.result-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.result-title{color:var(--text);font:var(--t-headline);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.result-sub,.result-text .meta{font:var(--t-subhead);color:var(--text-2);text-transform:none;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.result-chevron{color:var(--text-4);flex:none}.picked{color:var(--sage);flex:none}.comments{flex-direction:column;gap:12px;display:flex}.comments .comments-head{margin-bottom:0;padding-left:0;padding-right:0}.comment-list{flex-direction:column;display:flex}.comment{animation:page-in .24s var(--ease) both;grid-template-columns:32px minmax(0,1fr);gap:12px;padding-bottom:18px;display:grid;position:relative}.comment:not(:last-child):before{content:"";background:var(--sep-strong);border-radius:1px;width:1.5px;position:absolute;top:38px;bottom:4px;left:15.25px}.comment-avatar{width:32px;height:32px;display:block}.comment-main{flex-direction:column;gap:2px;min-width:0;padding-top:1px;display:flex}.comment-meta{font:var(--t-subhead);align-items:baseline;gap:8px;display:flex}.comment-meta a{color:var(--text);font-weight:600}.comment-meta span{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:14px}.comment-main p{font:var(--t-callout);overflow-wrap:anywhere;white-space:pre-wrap}.comments-empty{font-family:var(--font-serif);color:var(--text-2);padding:4px 0 8px;font-style:italic}.comments-note{padding:4px 0 8px}.composer-dock{bottom:calc(var(--tabbar-clear) + 8px);z-index:20;margin:8px calc(var(--gutter) * -1) 0;padding:18px var(--gutter) 0;background:linear-gradient(180deg, #12111000, var(--bg) 52%);position:sticky}.composer{align-items:flex-end;gap:10px;display:flex}.composer .avatar{margin-bottom:4px}.composer-pill{background:var(--glass);min-width:0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 0 0 .5px var(--glass-stroke), 0 8px 24px #00000059;border-radius:22px;flex:1;align-items:flex-end;gap:6px;padding:4px 4px 4px 14px;display:flex}.composer textarea{resize:none;background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:36px;max-height:120px;padding:7px 0;font-size:17px;line-height:22px}.send-btn{background:var(--clay);color:#fff7f1;width:34px;height:34px;transition:transform .2s var(--spring), opacity .16s;border-radius:50%;flex:none;place-items:center;margin-bottom:1px;display:grid}.send-btn:active:not(:disabled){transform:scale(.88)}.send-btn:disabled{opacity:.3;transform:scale(.88)}.composer-guest{background:var(--glass);min-height:44px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 0 0 .5px var(--glass-stroke);color:var(--text-2);font:var(--t-subhead);border-radius:22px;justify-content:center;align-items:center}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 .5px var(--glass-stroke);transition:transform .16s var(--press), background .16s;padding:16px;position:relative}.card:active{transform:scale(.99)}.card.review-detail,.card.my-review{cursor:default}.card.review-detail:active,.card.my-review:active{transform:none}.section-label{color:var(--text-3);align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-label b{color:var(--text-2);font-weight:500}.section-label b.ok,.section-label.sage{color:var(--sage)}.section-label.violet{color:#b4a0d8}.section-label.clay{color:#ea8d76}.quote{font:var(--t-take);color:var(--text);overflow-wrap:anywhere;margin-bottom:14px}.quote.big{font-size:20px;line-height:30px}.card-foot{justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.who{min-width:0;color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.who .mono{white-space:nowrap;text-overflow:ellipsis;text-transform:none;letter-spacing:.04em;font-size:12px;overflow:hidden}.vibe{font-family:var(--font-serif);color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;font-style:italic;line-height:1.45;display:-webkit-box;overflow:hidden}.vibe.big{-webkit-line-clamp:unset;color:var(--text);font-size:18px;display:block}.hscroll{scrollbar-width:none;scroll-snap-type:x proximity;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.user-chip{scroll-snap-align:start;background:var(--surface);border-radius:var(--r-lg);flex-direction:column;flex:none;align-items:center;gap:12px;width:148px;padding:16px 12px 14px;display:flex}.user-chip-link{text-align:center;flex-direction:column;align-items:center;gap:4px;max-width:100%;display:flex}.user-chip-link b{white-space:nowrap;text-overflow:ellipsis;max-width:124px;margin-top:6px;font-size:15px;overflow:hidden}.user-chip-link .meta{text-overflow:ellipsis;white-space:nowrap;text-transform:none;max-width:124px;overflow:hidden}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.trend{flex-direction:column;gap:10px;min-width:0;display:flex}.trend-text{flex-direction:column;gap:2px;min-width:0;display:flex}.trend-text b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.25;display:-webkit-box;overflow:hidden}.trend-text .meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trend-rating{color:var(--text-3);text-transform:none;letter-spacing:.04em;margin-top:2px}.trend-rating i{color:var(--star);font-size:13px;font-style:normal}.end-note{text-align:center;color:var(--text-3);padding:18px 0 6px}.sentinel{height:1px}.page{--nav-total:calc(52px + var(--safe-t))}.section-header h2{font:inherit;letter-spacing:inherit;text-transform:inherit;margin:0}.mono-cap{font:var(--t-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.disc-none{color:var(--text-2);font:var(--t-subhead);padding:4px 16px}.disc-pad{padding-top:4px}.welcome{min-height:100dvh;padding:calc(var(--safe-t) + 28px) 24px calc(var(--safe-b) + 24px);background:radial-gradient(120% 70% at 80% 0%, #b8654f 0%, var(--clay-deep) 55%, #8f4a3d 100%);color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden}.welcome-top{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.welcome-tag{color:#f3ede4b8;max-width:220px;line-height:1.6}.welcome-hero{font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;flex-direction:column;margin-top:6vh;font-size:clamp(44px,13.4vw,62px);font-style:italic;font-weight:400;line-height:1.04;display:flex}.welcome-hero span{animation:rise .7s var(--ease) both}.welcome-hero span:nth-child(2){opacity:.88;animation-delay:.12s}.welcome-hero span:nth-child(3){animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}.welcome-tape{filter:drop-shadow(0 22px 34px #280c0873);pointer-events:none;width:280px;animation:.9s .3s both fade;position:absolute;top:42%;right:-86px;transform:rotate(-9deg)}.welcome-bottom{flex-direction:column;gap:12px;margin-top:auto;padding-top:40px;display:flex;position:relative}.welcome-bottom p{color:#f3ede4d6;font:var(--t-callout);text-wrap:pretty;max-width:310px;margin-bottom:8px}.cel-btn{background:var(--text);color:#3b1d16;width:100%;min-height:54px;font:var(--t-headline);transition:transform .12s var(--ease), opacity .16s;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;display:flex}.cel-btn:active{transform:scale(.97)}.cel-btn.is-ghost{color:var(--text);background:#f3ede424;box-shadow:inset 0 0 0 1px #f3ede459}.auth-screen{min-height:100dvh;padding-top:var(--safe-t);flex-direction:column;display:flex}.auth-top{justify-content:space-between;align-items:center;min-height:56px;padding:8px 16px 0;display:flex}.auth-back{background:var(--fill);width:36px;height:36px;color:var(--text);transition:transform .12s var(--ease), background .16s;border-radius:50%;place-items:center;display:grid}.auth-back:active{background:var(--fill-2);transform:scale(.92)}.auth-back.is-ghost{pointer-events:none;background:0 0}.auth-body{flex-direction:column;flex:1;gap:28px;padding:28px 20px 0;display:flex}.auth-body.step-fwd{animation:step-fwd .32s var(--ease) both}.auth-body.step-back{animation:step-back .32s var(--ease) both}@keyframes step-fwd{0%{opacity:0;transform:translate(36px)}}@keyframes step-back{0%{opacity:0;transform:translate(-36px)}}.auth-intro{flex-direction:column;gap:10px;display:flex}.auth-title{font:var(--t-large);letter-spacing:-.03em;text-wrap:balance;font-size:38px;line-height:42px}.auth-title em{font-family:var(--font-serif);color:var(--clay);font-weight:400}.auth-sub{color:var(--text-2);font:var(--t-body);text-wrap:pretty}.auth-fields{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-label{font:var(--t-footnote);color:var(--text-2);padding-left:4px;font-weight:600}.auth-field input{background:var(--surface-2);width:100%;height:56px;font:var(--t-body);color:var(--text);appearance:none;border:0;border-radius:14px;outline:0;padding:0 18px;transition:box-shadow .16s,background .16s;box-shadow:inset 0 0 0 1px #0000}.auth-field input::placeholder{color:var(--text-3)}.auth-field input:focus{box-shadow:inset 0 0 0 1.5px var(--clay);background:var(--surface-2)}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap input{padding-right:54px}.auth-input-wrap.has-prefix i{font-style:normal;font:var(--t-body);color:var(--text-3);pointer-events:none;position:absolute;left:18px}.auth-input-wrap.has-prefix input{padding-left:38px;padding-right:18px}.auth-eye{width:48px;height:48px;color:var(--text-3);border-radius:50%;place-items:center;display:grid;position:absolute;right:4px}.auth-error{color:#ffb4a4;font:var(--t-footnote);background:#d06a5324;border-radius:12px;margin:0;padding:12px 14px}.auth-foot{padding:24px 20px calc(16px + var(--safe-b));background:linear-gradient(180deg, transparent 0, var(--bg) 28px);flex-direction:column;gap:14px;margin:auto -20px 0;display:flex;position:sticky;bottom:0}.auth-alt{text-align:center;color:var(--text-2);font:var(--t-subhead)}.auth-alt a{color:var(--clay);font-weight:600}.handle-preview{color:var(--text-3);text-transform:none;letter-spacing:.04em;margin-top:-4px;padding-left:4px;font-size:12px}.handle-preview b{color:var(--text);font-weight:500}.strength{color:var(--text-2);align-items:center;gap:12px;padding-left:4px;display:flex}.strength .mono{text-transform:none;letter-spacing:.04em}.strength-bars{gap:4px;display:flex}.strength-bars span{background:var(--fill);border-radius:2px;width:28px;height:4px;transition:background .2s}.strength[data-score="1"] .on{background:#d98a5b}.strength[data-score="2"] .on{background:#d9b85b}.strength[data-score="3"] .on,.strength[data-score="4"] .on{background:var(--sage)}.dots{gap:6px;display:flex}.dots span{background:var(--fill-2);width:7px;height:7px;transition:width .3s var(--ease), background .3s;border-radius:4px}.dots span.done{background:var(--text-3)}.dots span.on{background:var(--clay);width:22px}.avatar-preview{align-items:center;gap:18px;display:flex}.avatar-preview>div:not(.swatches){flex-direction:column;gap:2px;min-width:0;display:flex}.avatar-preview b{font:var(--t-title2);letter-spacing:-.02em}.avatar-preview .mono{color:var(--text-2);text-transform:none}.swatches{justify-content:space-between;gap:8px;display:flex}.swatch{color:#1c1c1b;width:46px;height:46px;transition:transform .2s var(--spring), box-shadow .2s;border-radius:50%;flex:none;place-items:center;display:grid}.swatch.is-on{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--text);transform:scale(1.08)}.swatch:active{transform:scale(.9)}.celebrate{z-index:80;max-width:var(--app-w);background:radial-gradient(120% 70% at 80% 0%, #b8654f 0%, var(--clay-deep) 55%, #8f4a3d 100%);min-height:100dvh;color:var(--text);padding:calc(var(--safe-t) + 28px) 24px calc(var(--safe-b) + 24px);flex-direction:column;gap:24px;margin:0 auto;animation:.4s both fade;display:flex;position:fixed;inset:0;overflow-y:auto}.celebrate-main{flex-direction:column;gap:16px;margin-top:8vh;display:flex}.celebrate-main .mono{color:#f3ede4bf}.celebrate-main h1{font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;animation:rise .7s var(--ease) both;font-size:clamp(50px,15vw,68px);font-style:italic;font-weight:400;line-height:1.02}.celebrate-main p{color:#f3ede4db;font:var(--t-body);text-wrap:pretty;max-width:300px}.celebrate-record{animation:rise .7s .2s var(--ease) both;align-items:center;gap:14px;margin-top:12px;display:flex}.celebrate-record .artwork{box-shadow:0 10px 28px #280c0866}.celebrate-record>span{flex-direction:column;gap:4px;min-width:0;display:flex}.celebrate-record b{font:var(--t-headline);font-size:18px}.celebrate-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.home-seg{padding:0 16px 8px}.home-feed{min-height:50dvh}.home-day{position:relative}.home-day-head{top:var(--nav-total);z-index:5;color:var(--text-3);background:linear-gradient(180deg, var(--bg) 62%, #12111000);margin:0;padding:14px 16px 8px;position:sticky}.home-tape{padding:8px 16px 20px}.home-skel{padding:8px 16px}.home-empty-actions{flex-direction:column;align-items:center;gap:4px;display:flex}.home-end{text-align:center;color:var(--text-3);padding:28px 0 8px}.disc-search{padding:0 16px 8px}.disc-sections{flex-direction:column;gap:32px;padding-top:16px;display:flex}.disc-head{padding-left:16px;padding-right:16px}.disc-rail{padding-left:16px;padding-right:16px;scroll-padding-left:16px}.disc-person{scroll-snap-align:start;background:var(--surface);border-radius:var(--r-lg);flex-direction:column;flex:none;align-items:center;gap:12px;width:136px;padding:16px 10px 14px;display:flex}.disc-person-link{flex-direction:column;align-items:center;gap:2px;max-width:100%;min-height:44px;display:flex}.disc-person-link .avatar{margin-bottom:8px}.disc-person-link b{font:var(--t-subhead);white-space:nowrap;text-overflow:ellipsis;max-width:116px;font-weight:600;overflow:hidden}.disc-person-link .mono{text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:.02em;max-width:116px;color:var(--text-3);font-size:11px;overflow:hidden}.disc-record{scroll-snap-align:start;flex-direction:column;flex:none;gap:2px;width:140px;display:flex}.disc-record-art{box-shadow:var(--shadow-art), inset 0 0 0 .5px #ffffff14;margin-bottom:8px;display:block}.disc-record b{font:var(--t-subhead);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.disc-record-artist{font:var(--t-footnote);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.disc-record-rating{font:var(--t-caption);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;margin-top:3px;display:flex}.disc-record-rating i{color:var(--text-2);font-style:normal;font-weight:600}.disc-tapes{gap:12px}.disc-tape{scroll-snap-align:start;flex:none;width:280px}.disc-tape>*{height:100%}.disc-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:0 16px;display:grid}.disc-grid-item{aspect-ratio:1;border-radius:var(--r-xs);display:block;overflow:hidden}.disc-grid-item .artwork{width:100%;height:100%;display:block}.disc-skel{flex-direction:column;gap:32px;padding:24px 0 0;display:flex}.disc-skel-rail{gap:12px;padding:0 16px;display:flex;overflow:hidden}.disc-results{flex-direction:column;gap:28px;padding:16px 0 0;display:flex}.disc-label{color:var(--text-3);margin:0;padding:0 16px 8px}.disc-seg{padding:0 16px 8px}.disc-list{flex-direction:column;display:flex}.disc-row{align-items:center;gap:12px;min-height:64px;padding:6px 16px;display:flex;position:relative}.disc-list li+li .disc-row:before{content:"";background:var(--sep);height:.5px;position:absolute;top:0;left:72px;right:0}.disc-row:active{background:var(--fill)}.disc-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.disc-row-text b{font:var(--t-headline);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.disc-row-text .mono{color:var(--text-2);text-transform:none;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.disc-chev{color:var(--text-4);flex:none}.disc-art{box-shadow:var(--shadow-art)}.sheet-users .disc-row{padding-left:4px;padding-right:4px}.inbox-list{flex-direction:column;gap:16px;padding:4px 16px 0;display:flex}.inbox-lede{font-family:var(--font-serif);color:var(--text-2);text-wrap:balance;padding:0 2px 4px;font-size:17px;font-style:italic;line-height:24px}.record-hero{margin-top:calc(-1 * var(--nav-total));padding:calc(var(--nav-total) + 8px) 24px 36px;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.backdrop-mask{isolation:isolate;position:absolute;inset:0 0 8px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 42%,#0000 94%);mask-image:linear-gradient(#000 0% 42%,#0000 94%)}.record-backdrop{background-position:50%;background-size:cover;background-color:var(--surface-2);filter:blur(60px)saturate(1.6)brightness(.55);transform-origin:50% 30%;position:absolute;inset:0;transform:scale(1.5)}.record-hero-inner{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.record-hero-art{box-shadow:var(--shadow-art), inset 0 0 0 .5px #ffffff1a;animation:art-in .6s var(--ease) both;margin-bottom:24px;display:block}@keyframes art-in{0%{opacity:0;transform:scale(.94)translateY(8px)}}.record-title{font:var(--t-title1);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere}.record-artist{font:var(--t-title3);color:var(--clay);text-wrap:balance;margin-top:4px}.record-meta{color:var(--text-2);margin-top:8px}.record-pill{min-height:40px;font:var(--t-footnote);font-variant-numeric:tabular-nums;color:var(--text-2);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 0 0 .5px var(--glass-stroke), 0 4px 14px #00000047;border-radius:999px;align-items:center;gap:12px;margin-top:20px;padding:0 16px;font-weight:600;display:inline-flex}.record-pill-avg{color:var(--text);align-items:center;gap:6px;display:inline-flex}.record-star{color:var(--star);font-size:15px;font-style:normal;line-height:1}.record-pill-avg b{font-size:17px;font-weight:700}.record-pill-sep{background:var(--text-4);border-radius:50%;width:3px;height:3px}.record-pill-mine{color:var(--clay)}.record-skel{flex-direction:column;align-items:center;gap:14px;padding:12px 24px 28px;display:flex}.record-body{flex-direction:column;gap:20px;padding:0 16px;display:flex}.record-hist{flex-direction:column;gap:10px;display:flex}.record-hist-head{color:var(--text-3);justify-content:space-between;display:flex}.record-reviews{margin-top:28px}.record-reviews-head{padding-left:16px;padding-right:16px}.record-count{font:var(--t-callout);color:var(--text-3);font-variant-numeric:tabular-nums}.record-none{color:var(--text-2);font-family:var(--font-serif);padding:8px 16px;font-style:italic}.rv{flex-direction:column;gap:20px;padding:8px 16px 0;display:flex}.rv-record{background:var(--surface);border-radius:var(--r-lg);align-items:center;gap:12px;min-height:76px;margin:0 -2px;padding:10px 12px 10px 10px;display:flex}.rv-record .artwork{box-shadow:var(--shadow-art);flex:none}.rv-record-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rv-record-text b{font:var(--t-headline);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rv-record-text span{font:var(--t-subhead);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rv-chev{color:var(--text-4);flex:none}.rv-rating{align-items:center;gap:10px;display:flex}.rv-num{font:var(--t-title2);font-variant-numeric:tabular-nums}.rv-take{font-family:var(--font-serif);letter-spacing:-.005em;overflow-wrap:anywhere;text-wrap:pretty;margin:0;font-size:22px;font-style:italic;line-height:31px}.rv-take:before{content:"“"}.rv-take:after{content:"”"}.rv-author{align-items:center;gap:10px;min-height:44px;display:flex}.rv-author-text{flex-direction:column;min-width:0;display:flex}.rv-author-text b{font:var(--t-subhead);font-weight:600}.rv-author-text span{font:var(--t-footnote);color:var(--text-3)}.rv-actions{border-top:.5px solid var(--sep);border-bottom:.5px solid var(--sep);margin:0 -16px;padding:0 16px}.rv-skel{gap:16px}.rv-comments{padding:20px 16px 0}.tape-hero{margin-top:calc(-1 * var(--nav-total));padding:calc(var(--nav-total) + 16px) 24px 36px;text-align:center;background:radial-gradient(90% 50% at 50% 0%, #ffffff2e, transparent 70%), linear-gradient(180deg, var(--hero1) 0%, var(--hero2) 78%, var(--bg) 100%);color:var(--text);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.tape-hero.is-light{color:#2d2620}.tape-hero-cassette{perspective:900px;width:min(86%,340px);margin:8px 0 28px}.tape-hero .cassette-lg{width:100%;animation:tape-in .8s var(--ease) both;border-radius:14px;transform:rotate(-4deg)rotateX(8deg)rotateY(-6deg);box-shadow:0 30px 50px -12px #0000008c,0 12px 20px #0000004d,0 0 0 .5px #ffffff1f}@keyframes tape-in{0%{opacity:0;transform:rotate(-9deg)translateY(28px)scale(.92)}}.tape-kicker{opacity:.7;margin:0 0 10px}.tape-title{font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(34px,10.5vw,44px);font-style:italic;font-weight:400;line-height:1.06}.tape-vibe{font:var(--t-callout);opacity:.82;text-wrap:pretty;max-width:320px;margin-top:12px}.tape-route{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;display:flex}.tape-person{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:44px;color:var(--text);text-align:left;background:#00000042;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;display:inline-flex}.tape-hero.is-light .tape-person{color:#2d2620;background:#ffffff80}.tape-person span{flex-direction:column;line-height:1.1;display:flex}.tape-person small{opacity:.6;letter-spacing:.1em;font-size:9px}.tape-person b{font:var(--t-footnote);font-weight:600}.tape-arrow{opacity:.7}.tape-when{opacity:.55;margin-top:14px}.tape-actions{margin-top:-8px;padding:0 16px}.tape-sides{flex-direction:column;gap:24px;padding:20px 16px 0;display:flex}.tape-side-head{color:var(--text-3);margin:0 0 8px 16px}.tape-list{background:var(--surface);border-radius:var(--r-xl);overflow:hidden}.tape-track{align-items:center;gap:12px;min-height:64px;padding:10px 16px;display:flex;position:relative}.tape-list li+li .tape-track:before{content:"";background:var(--sep);height:.5px;position:absolute;top:0;left:84px;right:0}.tape-track:active{background:var(--fill)}.tape-no{width:20px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.tape-track .artwork{flex:none;box-shadow:0 4px 10px #0006}.tape-track-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tape-track-text b{font:var(--t-headline);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tape-track-text span{font:var(--t-subhead);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tape-skel{flex-direction:column;gap:16px;padding:8px 16px;display:flex}.tape-comments{padding:28px 16px 0}.liner{color:#2b2520;background-color:#efe6d4;background-image:repeating-linear-gradient(#0000 0 31px,#46301c1a 31px 32px);border-radius:6px;margin:32px 20px 0;padding:22px 22px 24px;position:relative;transform:rotate(-.8deg);box-shadow:0 18px 36px -8px #0009,0 2px 4px #0000004d}.liner-stripe{background:linear-gradient(90deg, var(--spine), var(--spine2));border-radius:6px 6px 0 0;height:8px;position:absolute;top:0;left:0;right:0}.liner-top{color:#7a6a58;border-bottom:1.5px solid #2b2520;justify-content:space-between;margin-bottom:14px;padding:6px 0 8px;display:flex}.liner-to{font-family:var(--font-serif);font-size:20px;font-style:italic;line-height:32px}.liner-note{font-family:var(--font-serif);color:#3d332a;overflow-wrap:anywhere;font-size:17px;font-style:italic;line-height:32px}.liner-sign{font-family:var(--font-serif);text-align:right;color:#5a4a3a;margin-top:8px;font-size:18px;font-style:italic;line-height:32px}.profile-head{text-align:center;flex-direction:column;align-items:center;padding:8px 24px 0;display:flex}.profile-name{font:var(--t-title1);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;margin-top:14px}.profile-handle{color:var(--text-2);text-transform:none;letter-spacing:.02em;margin-top:4px;font-size:13px}.profile-bio{font:var(--t-callout);color:var(--text);opacity:.88;text-wrap:balance;overflow-wrap:anywhere;max-width:320px;margin-top:12px}.profile-stats{grid-template-columns:repeat(4,1fr);margin:24px 16px 0;display:grid}.profile-stat{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;display:flex;position:relative}.profile-stat+.profile-stat:before{content:"";background:var(--sep-strong);width:.5px;position:absolute;top:8px;bottom:8px;left:0}.profile-stat b{font:var(--t-title3);font-variant-numeric:tabular-nums}.profile-stat span{font:var(--t-caption);color:var(--text-2)}.profile-actions{align-items:center;gap:8px;padding:20px 16px 0;display:flex}.profile-main{flex:1;min-width:0;display:flex}.profile-main>.btn,.profile-main>button{flex:1;width:100%;min-height:44px}.profile-section{padding:28px 16px 0}.profile-label{color:var(--text-3);margin:0 0 12px}.profile-shelf{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.profile-slot{aspect-ratio:1;width:100%;color:var(--text-3);box-shadow:var(--shadow-art), inset 0 0 0 .5px #ffffff14;border-radius:12px;place-items:center;display:grid;overflow:hidden}.profile-slot .artwork{width:100%;height:100%;display:block}.profile-slot.is-empty{border:1.5px dashed var(--sep-strong);box-shadow:none;background:0 0}.profile-hist-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.profile-hist-head .profile-label{margin:0}.profile-avg{font:var(--t-footnote);color:var(--text-3);font-variant-numeric:tabular-nums}.profile-avg b{color:var(--text);font-size:15px;font-weight:600}.profile-seg{padding:28px 16px 8px}.profile-feed{min-height:30dvh}.profile-tapes{flex-direction:column;gap:16px;padding:8px 16px 0;display:flex}.profile-skel{flex-direction:column;align-items:center;gap:12px;padding:8px 16px;display:flex}.rate-search{padding:0 16px}.rate-hero{margin-top:calc(-1 * var(--nav-total));padding:calc(var(--nav-total) + 8px) 24px 8px;position:relative;overflow:hidden}.rate-backdrop{background-position:50%;background-size:cover;background-color:var(--surface-2);filter:blur(60px)saturate(1.6)brightness(.5);height:380px;position:absolute;top:0;left:0;right:0;transform:scale(1.4)}.rate-hero-inner{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.rate-art{box-shadow:var(--shadow-art), inset 0 0 0 .5px #ffffff1a;margin-bottom:20px;display:block}.rate-title{font:var(--t-title2);letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere}.rate-artist{font:var(--t-subhead);color:var(--text-2);margin-top:4px}.rate-change{min-height:44px;color:var(--clay);font:var(--t-subhead);padding:0 12px;font-weight:600}.rate-stars{flex-direction:column;align-items:center;gap:6px;padding:8px 16px 0;display:flex}.rate-readout{place-items:center;min-height:40px;display:grid}.rate-num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;animation:num-pop .26s var(--spring);font-size:32px;font-weight:700;line-height:40px}.rate-num small{color:var(--text-3);letter-spacing:0;font-size:15px;font-weight:500}@keyframes num-pop{0%{opacity:.4;transform:scale(.82)}}.rate-hint{font:var(--t-subhead);color:var(--text-3)}.rate-take{background:var(--surface);border-radius:var(--r-xl);margin:20px 16px 0;display:block;position:relative}.rate-take textarea{resize:none;width:100%;min-height:150px;font-family:var(--font-serif);color:var(--text);border-radius:var(--r-xl);background:0 0;border:0;outline:0;padding:20px 20px 40px;font-size:19px;font-style:italic;line-height:28px;display:block}.rate-take textarea::placeholder{color:var(--text-3)}.rate-take:focus-within{box-shadow:inset 0 0 0 1px var(--sep-strong)}.rate-counter{color:var(--text-3);text-transform:none;letter-spacing:.04em;font-variant-numeric:tabular-nums;position:absolute;bottom:14px;right:18px}.rate-counter.is-warn{color:var(--clay)}.rate-error{color:#ffb4a4;font:var(--t-footnote);margin:12px 20px 0}.mk-preview{place-items:center;padding:4px 40px 12px;display:grid}.mk-cassette{filter:drop-shadow(0 22px 28px #00000080);width:min(100%,300px);animation:5s ease-in-out infinite tape-float}@keyframes tape-float{50%{transform:translateY(-5px)rotate(-.8deg)}}.mk-sections{flex-direction:column;gap:28px;padding:16px 16px 0;display:flex}.mk-head{color:var(--text-3);margin:0 0 8px 16px}.mk-head-row{justify-content:space-between;align-items:baseline;padding-right:16px;display:flex}.mk-tally{color:var(--text-3);font-variant-numeric:tabular-nums;margin:0 0 8px}.mk-tally.is-ok{color:var(--text-2)}.mk-group{background:var(--surface);border-radius:var(--r-xl);margin:0;padding:0;overflow:hidden}.mk-row{text-align:left;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 16px;display:flex;position:relative}.mk-group>.mk-row+.mk-row:before{content:"";background:var(--sep);height:.5px;position:absolute;top:0;left:16px;right:0}.mk-group>.mk-track+.mk-track:before{left:88px}.mk-group>.mk-track+.mk-add:before{left:16px}.mk-row input,.mk-row textarea{min-width:0;font:var(--t-body);color:var(--text);resize:none;background:0 0;border:0;outline:0;flex:1;padding:0}.mk-row input::placeholder,.mk-row textarea::placeholder{color:var(--text-3)}.mk-row-area{align-items:flex-start;min-height:84px;padding:14px 16px 26px}.mk-row-area textarea{font-size:17px;line-height:22px}.mk-count{color:var(--text-4);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:.04em;font-size:10px;position:absolute;bottom:8px;right:16px}.mk-row:not(.mk-row-area) .mk-count{position:static;bottom:50%;transform:translateY(50%)}.mk-swatch-row{flex-direction:row;justify-content:space-between;padding:16px 20px;display:flex}.mk-swatch{color:#fff;width:44px;height:44px;transition:transform .2s var(--spring), box-shadow .2s;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 .5px #fff3}.mk-swatch.is-on{box-shadow:0 0 0 2.5px var(--surface), 0 0 0 4.5px var(--text);transform:scale(1.06)}.mk-swatch:active{transform:scale(.92)}.mk-link{cursor:pointer}.mk-link:active{background:var(--fill)}.mk-link-label{font:var(--t-body);flex:1}.mk-link-value{color:var(--clay);font:var(--t-body)}.mk-chev{color:var(--text-4)}.mk-person{min-height:60px}.mk-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mk-text b{font:var(--t-headline);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mk-text span{font:var(--t-subhead);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mk-x{background:var(--fill);width:36px;height:36px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;display:grid}.mk-track{gap:10px;min-height:68px;padding:10px 8px 10px 16px}.mk-no{width:22px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.mk-track .artwork{flex:none;box-shadow:0 4px 10px #0006}.mk-tools{flex:none;display:flex}.mk-tools button{width:36px;height:44px;color:var(--text-3);transition:color .16s, transform .12s var(--ease);place-items:center;display:grid}.mk-tools button:active:not(:disabled){color:var(--text);transform:scale(.88)}.mk-tools button:disabled{opacity:.25}.mk-add{color:var(--clay);font:var(--t-headline);gap:10px;min-height:52px}.mk-add:disabled{opacity:.4}.mk-add:active:not(:disabled){background:var(--fill)}.mk-foot{font:var(--t-footnote);color:var(--text-3);text-wrap:pretty;margin:8px 16px 0}.mk-error{color:#ffb4a4;font:var(--t-footnote);margin:0 16px}.mk-cta{padding:4px 0 0}.set-me{flex-direction:column;align-items:center;gap:6px;padding:4px 24px 8px;display:flex}.set-me b{font:var(--t-title2);text-align:center;overflow-wrap:anywhere;margin-top:8px}.set-me .mono{color:var(--text-2);text-transform:none;letter-spacing:.02em;font-size:13px}.set-sections{flex-direction:column;gap:28px;padding:20px 16px 0;display:flex}.set-head{color:var(--text-3);margin:0 0 8px 16px}.set-group{background:var(--surface);border-radius:var(--r-xl);margin:0;padding:0;overflow:hidden}.set-row{text-align:left;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 16px;display:flex;position:relative}.set-group>.set-row+.set-row:before{content:"";background:var(--sep);height:.5px;position:absolute;top:0;left:16px;right:0}.set-label{width:72px;font:var(--t-body);flex:none}.set-row input,.set-row textarea{min-width:0;font:var(--t-body);color:var(--text-2);resize:none;text-align:right;background:0 0;border:0;outline:0;flex:1;padding:0}.set-row input:focus,.set-row textarea:focus{color:var(--text)}.set-row textarea{text-align:left;padding:6px 0 18px;line-height:22px}.set-row input::placeholder,.set-row textarea::placeholder{color:var(--text-3)}.set-row-area{align-items:flex-start;min-height:96px;padding-top:14px;padding-bottom:8px}.set-row-area .set-label{padding-top:0}.set-count{color:var(--text-4);text-transform:none;letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:10px;position:absolute;bottom:8px;right:16px}.set-swatches{justify-content:space-between;padding:14px 18px}.set-swatch{color:#1c1c1b;width:40px;height:40px;transition:transform .2s var(--spring), box-shadow .2s;border-radius:50%;flex:none;place-items:center;display:grid}.set-swatch.is-on{box-shadow:0 0 0 2.5px var(--surface), 0 0 0 4.5px var(--text);transform:scale(1.08)}.set-swatch:active{transform:scale(.9)}.set-foot{font:var(--t-footnote);color:var(--text-3);margin:8px 16px 0}.set-shelf{grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;display:grid}.set-slot-wrap{position:relative}.set-slot{aspect-ratio:1;width:100%;color:var(--text-3);border-radius:10px;place-items:center;display:grid;overflow:hidden;box-shadow:0 6px 14px #0006}.set-slot .artwork{width:100%;height:100%;display:block}.set-slot.is-empty{border:1.5px dashed var(--sep-strong);box-shadow:none}.set-slot-x{background:var(--text);color:#1c1c1b;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #0006}.set-static .set-value{text-align:right;color:var(--text-2);font:var(--t-body);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.set-logout{color:#ff8a78;font:var(--t-body);justify-content:flex-start;gap:10px}.set-logout:active{background:var(--fill)}.set-error{color:#ffb4a4;font:var(--t-footnote);margin:0 16px}:is(body:has(.celebrate) .tabbar,body:has(.celebrate) .guestbar){display:none}.social-btns{flex-direction:column;gap:10px;display:flex}.social-btn{width:100%;min-height:54px;font:var(--t-headline);transition:transform .12s var(--ease), opacity .16s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;text-decoration:none;display:flex}.social-btn:active{transform:scale(.97)}.social-btn svg{flex:none}.social-btns.is-clay .social-btn.is-apple{color:#fff;background:#000}.social-btns.is-clay .social-btn.is-google{background:var(--text);color:#3b1d16}.social-btns.is-dark .social-btn.is-apple{color:#000;background:#fff}.social-btns.is-dark .social-btn.is-google{color:#e3e3e3;background:#131314;box-shadow:inset 0 0 0 1px #8e918f}.social-or{align-items:center;gap:12px;margin:4px 0;display:flex}.social-or:before,.social-or:after{content:"";background:var(--sep);flex:1;height:.5px}.social-or span{color:var(--text-3)}.social-or.is-clay:before,.social-or.is-clay:after{background:#f3ede44d}.social-or.is-clay span{color:#f3ede4b8}.welcome-alt{text-align:center;font:var(--t-subhead);color:#f3ede4d6;padding-top:4px}.welcome-alt a{color:var(--text);font-weight:600}.auth-social{flex-direction:column;gap:12px;display:flex}.set-conn{justify-content:flex-start;gap:12px}.set-conn-logo{border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.set-conn-logo.is-apple{color:#000;background:#fff}.set-conn-logo.is-google{background:#fff}.set-conn-text{flex-direction:column;flex:1;min-width:0;display:flex}.set-conn-text b{font:var(--t-body);font-weight:500}.set-conn-text span{font:var(--t-footnote);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.set-conn-action{font:var(--t-subhead);color:var(--clay);flex:none;padding:6px 2px;font-weight:600;text-decoration:none}.set-conn-action.is-danger{color:#ff8a78}.set-conn-action:disabled{opacity:.4}.legal{min-height:100dvh;padding-top:var(--safe-t)}.legal-body{max-width:680px;padding:20px 20px calc(48px + var(--safe-b));color:var(--text-2);font:var(--t-body);margin:0 auto;line-height:1.55}.legal-body h1{font:var(--t-large);letter-spacing:-.03em;color:var(--text);text-wrap:balance;font-size:34px;line-height:40px}.legal-updated{color:var(--text-3);margin:8px 0 24px}.legal-body h2{font:var(--t-title3,600 20px/25px var(--font-ui));color:var(--text);letter-spacing:-.01em;margin:32px 0 10px}.legal-body h3{font:var(--t-headline);color:var(--text);margin:18px 0 6px}.legal-body p{text-wrap:pretty;margin:0 0 12px}.legal-body ul{flex-direction:column;gap:6px;margin:0 0 12px;padding-left:20px;display:flex}.legal-body b{color:var(--text);font-weight:600}.legal-body a{color:var(--clay);text-underline-offset:2px;text-decoration:underline}.legal-body code{font-family:var(--font-mono,monospace);background:var(--fill);border-radius:6px;padding:1px 6px;font-size:.85em}.legal-foot{border-top:.5px solid var(--sep);font:var(--t-footnote);justify-content:center;gap:10px;margin-top:40px;padding-top:20px;display:flex}.legal-foot a{color:var(--text-3);text-decoration:none}.welcome-legal{text-align:center;font:var(--t-footnote);color:#f3ede499;margin:0}.welcome-legal a{color:#f3ede4d9;text-underline-offset:2px;text-decoration:underline}.auth-legal{text-align:center;font:var(--t-footnote);color:var(--text-3);text-wrap:balance;margin:0}.auth-legal a{color:var(--text-2);text-underline-offset:2px;text-decoration:underline}.set-link{font:var(--t-body);color:var(--text);justify-content:space-between;text-decoration:none}.set-link svg{color:var(--text-3)}.set-link:active{background:var(--fill)}