@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--color-linen-canvas:#f7f5f3;--color-ink-black:#0d0d0d;--color-paper-white:#fff;--color-stone:#6e6a69;--color-pebble:#9a9796;--paper:var(--color-linen-canvas);--ink:var(--color-ink-black);--bg:var(--color-linen-canvas);--bg2:#eeecea;--bg3:#e2dfdc;--line:#0d0d0d1f;--rule:#0d0d0d1f;--muted:var(--color-stone);--accent:var(--color-ink-black);--acid:var(--color-ink-black);--font-sans:"Avenir Next", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "SFMono-Regular", ui-monospace, Menlo, Monaco, Consolas, monospace;--font-family:var(--font-sans);--radius-sm:12px;--radius-md:16px;--radius-lg:16px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-18:72px;--page-max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-linen-canvas);color:var(--color-ink-black);font-family:var(--font-sans), "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:400;line-height:1.6;overflow-x:hidden}.app-shell{background:var(--color-linen-canvas);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell main{min-height:0}button:focus-visible,a:focus-visible{outline:2px solid var(--color-ink-black);outline-offset:3px;border-radius:4px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input,textarea,select{font-family:var(--font-sans), "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}::selection{background:var(--color-ink-black);color:var(--color-paper-white)}.import-progress-pill{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:19990;box-sizing:border-box;width:min(100vw - 32px,420px);color:var(--color-ink-black);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px)saturate(180%);pointer-events:auto;background:#ffffffb8;border:1px solid #fff6;padding:7px 9px 8px;animation:.45s cubic-bezier(.22,1,.36,1) both import-progress-in;position:fixed;transform:translate(-50%);box-shadow:0 4px 24px #0000000f,inset 0 1px #fffc}.import-progress-copy{min-height:26px;font-family:var(--font-mono), monospace;letter-spacing:.04em;align-items:center;gap:9px;padding:0 7px;font-size:10px;font-weight:500;display:flex}.import-progress-copy strong{color:var(--color-stone);margin-left:auto;font-size:10px;font-weight:600}.import-progress-orbit{border:1.5px solid #0d0d0d2e;border-top-color:var(--color-ink-black);border-radius:50%;flex:none;width:8px;height:8px;animation:.8s linear infinite import-progress-spin}.import-progress-track{border-radius:var(--radius-pill);background:#0d0d0d12;height:3px;margin:2px 5px 0;overflow:hidden}.import-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#171311,#9b8272);min-width:8px;height:100%;transition:width .35s;display:block}.import-progress-actions{align-items:center;gap:2px;margin-left:2px;display:flex}.import-progress-actions button{width:25px;height:25px;color:var(--color-stone);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .18s,color .18s,background .18s;display:grid}.import-progress-actions button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.import-progress-actions button:hover{color:var(--color-ink-black);background:#0d0d0d12;transform:scale(1.08)}.import-progress-actions button:active{transform:scale(.94)}.import-recovery-pill{align-items:center;gap:4px;padding:7px 9px;display:flex}.import-recovery-main{min-width:0;min-height:28px;color:inherit;font-family:var(--font-mono), monospace;letter-spacing:.04em;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:0 7px;font-size:10px;font-weight:500;display:flex}.import-recovery-details-toggle{min-height:28px;color:var(--color-stone);font-family:var(--font-mono), monospace;cursor:pointer;background:0 0;border:0;border-left:1px solid #0d0d0d14;flex:none;padding:0 10px;font-size:10px}.import-recovery-details{left:50%;bottom:max(76px, calc(env(safe-area-inset-bottom) + 58px));z-index:19991;width:min(100vw - 32px,520px);max-height:min(62vh,520px);color:var(--color-ink-black);-webkit-backdrop-filter:blur(22px)saturate(170%);background:#ffffffeb;border:1px solid #0d0d0d14;border-radius:18px;padding:14px;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 60px #00000029}.import-recovery-details>header{justify-content:space-between;align-items:flex-start;gap:12px;padding:2px 2px 10px;display:flex}.import-recovery-details>header div{gap:3px;display:grid}.import-recovery-details>header strong{font-size:13px}.import-recovery-details>header span{color:var(--color-stone);font-family:var(--font-mono), monospace;font-size:9px}.import-recovery-details>header button{width:28px;height:28px;color:var(--color-stone);cursor:pointer;background:#0d0d0d0d;border:0;border-radius:50%}.import-recovery-list{gap:8px;max-height:min(42vh,350px);padding-right:2px;display:grid;overflow:auto}.import-recovery-list article{background:#fff9;border:1px solid #0d0d0d14;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px;display:flex}.import-recovery-list article>div:first-child{min-width:0}.import-recovery-list article strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.import-recovery-list article span,.import-recovery-list article small{color:var(--color-stone);font-family:var(--font-mono), monospace;overflow-wrap:anywhere;margin-top:3px;font-size:8px;display:block}.import-recovery-list article p{margin:5px 0 0;font-size:10px;line-height:1.45}.import-recovery-item-actions{flex:none;justify-items:end;gap:8px;display:grid}.import-recovery-item-actions em{color:var(--color-stone);font-family:var(--font-mono), monospace;white-space:nowrap;font-size:8px;font-style:normal}.import-recovery-item-actions button,.import-recovery-retry{color:#fff;background:var(--color-ink-black);font-family:var(--font-mono), monospace;cursor:pointer;border:0;border-radius:999px;font-size:9px}.import-recovery-item-actions button{padding:6px 9px}.import-recovery-retry{width:100%;margin-top:10px;padding:9px 12px}.import-recovery-legacy-note{color:var(--color-stone);margin:0;padding:12px;font-size:10px;line-height:1.5}@keyframes import-progress-in{0%{opacity:0;transform:translate(-50%,18px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes import-progress-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.import-progress-pill{bottom:max(12px, env(safe-area-inset-bottom));width:calc(100vw - 24px)}.import-recovery-details{bottom:max(70px, calc(env(safe-area-inset-bottom) + 54px));width:calc(100vw - 24px)}}.nav-pill{z-index:100;box-sizing:border-box;-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--radius-pill);background:#ffffffb8;border:1px solid #fff6;align-items:center;gap:6px;width:min(100% - 32px,1040px);padding:6px 8px;animation:.5s cubic-bezier(.22,1,.36,1) .15s both nav-reveal;display:flex;position:fixed;top:20px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 4px 24px #0000000f,inset 0 1px #fffc}@keyframes nav-reveal{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.nav-brand{font-family:var(--font-mono), monospace;letter-spacing:-.02em;color:var(--color-ink-black);white-space:nowrap;border-radius:var(--radius-pill);flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.nav-brand:hover{background:#0d0d0d0f}.nav-brand-dot{grid-template-rows:repeat(3,4px);grid-template-columns:repeat(3,4px);gap:2px;display:grid}.nav-brand-dot i{background:var(--color-ink-black);border-radius:50%;width:4px;height:4px}.nav-brand-dot i:nth-child(5){opacity:0}.nav-brand i.sep{color:var(--color-pebble);margin:0 2px;font-style:normal;font-weight:300}.nav-brand b{font-weight:700}.nav-brand span.label{color:var(--color-stone);font-weight:400}.nav-theme-switch{border-radius:var(--radius-pill);background:#ffffff6b;flex:none;gap:2px;min-width:0;padding:3px;display:flex}.nav-theme-btn{font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--color-stone);border-radius:var(--radius-pill);white-space:nowrap;background:0 0;border:0;padding:5px 11px;font-size:10px;font-weight:500;transition:all .2s}.nav-theme-btn:hover{color:var(--color-ink-black)}.nav-theme-btn.active{background:var(--color-paper-white);color:var(--color-ink-black);box-shadow:0 1px 3px #00000014}.nav-search-slot{flex:250px;min-width:0}.nav-search{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px)saturate(145%);background:linear-gradient(135deg,#ffffff47,#ffffff1f);border:1px solid #ffffff85;align-items:center;gap:8px;width:100%;min-width:0;height:36px;padding:0 14px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff9e,0 1px 8px #0d0d0d06}.nav-search:focus-within{background:linear-gradient(135deg,#ffffff75,#fff3);border-color:#ffffffc7;box-shadow:inset 0 1px #fffc,0 4px 18px #0d0d0d0e}.nav-search-icon{color:#3737329e;filter:drop-shadow(0 1px #ffffff8c);flex-shrink:0;width:16px;height:16px}.nav-search-input{min-width:0;color:var(--color-ink-black);letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:1;font-size:14px;font-weight:400}.nav-search-input::placeholder{color:var(--color-pebble)}.nav-search-clear{width:22px;height:22px;color:var(--color-stone);background:#0d0d0d14;border:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;line-height:1;transition:background .2s;display:grid}.nav-search-clear:hover{color:var(--color-ink-black);background:#0d0d0d26}.nav-actions{flex:0 auto;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.nav-actions>.account-avatar-link{z-index:1;position:relative}.nav-icon-btn{font-family:var(--font-mono), monospace;letter-spacing:.04em;color:var(--color-stone);border-radius:var(--radius-pill);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.nav-icon-btn:hover{color:var(--color-ink-black);background:#0d0d0d0f}.nav-icon-btn svg{width:15px;height:15px}.account-nav-btn{text-decoration:none}.account-nav-btn svg{transition:transform .25s}.account-nav-btn:hover svg{transform:rotate(30deg)}.account-avatar-link{width:30px;height:30px;box-shadow:none;background:#0d0d0d0f;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 2px;padding:0;text-decoration:none;transition:background .2s;display:inline-flex;overflow:hidden}.account-avatar-link:hover{background:#0d0d0d1f}.account-avatar-link .nav-user-avatar{width:30px;height:30px;color:var(--color-ink-black);box-shadow:none;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:50%;flex:0 0 30px;place-items:center;margin:0;padding:0;display:grid}.account-avatar-link .nav-user-avatar svg{opacity:.7;width:14px;height:14px}.nav-user{background:var(--color-ink-black);color:var(--color-paper-white);border-radius:var(--radius-pill);font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:0;align-items:center;gap:6px;padding:6px 12px 6px 6px;font-size:10px;font-weight:500;transition:opacity .2s;display:inline-flex}.nav-user:hover{opacity:.85}.nav-user:disabled{cursor:wait;opacity:.7}.nav-user-avatar{width:22px;height:22px;color:var(--color-ink-black);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex:0 0 22px;place-items:center;display:grid}.nav-user-avatar svg{width:13px;height:13px}.nav-login-btn{color:var(--color-ink-black);border-radius:var(--radius-pill);font-family:var(--font-mono), monospace;letter-spacing:.04em;white-space:nowrap;background:0 0;border:1px solid #0d0d0d26;align-items:center;padding:8px 16px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.nav-login-btn:hover{background:var(--color-ink-black);color:var(--color-paper-white);border-color:var(--color-ink-black)}.nav-search-results{-webkit-backdrop-filter:blur(24px)saturate(165%);background:linear-gradient(145deg,#ffffff8f,#ffffff3d);border:1px solid #ffffffa8;border-radius:20px;width:auto;max-height:340px;padding:7px;animation:.22s cubic-bezier(.22,1,.36,1) both nav-results-in;position:absolute;top:calc(100% + 10px);left:-1px;right:-1px;overflow-y:auto;transform:none;box-shadow:inset 0 1px #ffffffd1,0 16px 38px #221f191a,0 2px 8px #221f190a}@keyframes nav-results-in{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-search-result{width:100%;min-height:58px;color:var(--color-ink-black);text-align:left;cursor:pointer;background:#ffffff14;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex}.nav-search-result:hover,.nav-search-result.active{background:#ffffff6b;border-color:#ffffff9e;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3,0 3px 10px #221f190b}.nav-search-thumb{background-position:50%;background-size:cover;border-radius:10px;flex-shrink:0;width:42px;height:42px;box-shadow:0 2px 7px #221f191a}.nav-search-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.nav-search-title{text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink-black);font:500 13px/1.25 var(--font-sans);letter-spacing:0;display:block;overflow:hidden}.nav-search-artist{text-overflow:ellipsis;white-space:nowrap;font:400 11px/1.25 var(--font-sans);letter-spacing:0;color:#3737329e;display:block;overflow:hidden}.nav-search-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #ffffff47}.btn-primary{border:1px solid var(--color-ink-black);background:var(--color-ink-black);color:var(--color-paper-white);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:11px;font-weight:600;transition:opacity .2s,background .2s,color .2s;display:inline-flex}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--color-paper-white);color:var(--color-ink-black);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;border:1px solid #0d0d0d26;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-ink-black)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.primary{border:1px solid var(--color-ink-black);background:var(--color-ink-black);color:var(--color-paper-white);cursor:pointer;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-md);box-shadow:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:11px;font-weight:600;transition:opacity .2s;display:inline-flex}.primary:hover{opacity:.88;box-shadow:none;transform:none}.primary:disabled{opacity:.4;cursor:not-allowed}.primary.small{padding:9px 16px;font-size:10px}.primary.ghost{color:var(--color-ink-black);background:0 0;border-color:#0d0d0d26}.primary.ghost:hover{background:var(--color-ink-black);color:var(--color-paper-white);opacity:1}.primary.playlist-parse{background:#ff6b1a;border-color:#ff6b1a}.full{width:100%}.experience-shell{background:var(--color-paper-white);width:100%;height:100dvh;position:relative;overflow:hidden}.library-loading{z-index:45;color:var(--color-stone);font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;text-align:center;background:var(--color-paper-white);place-content:center;gap:14px;font-size:10px;display:grid;position:fixed;inset:0}.library-loading-mark{border:1px solid #0d0d0d29;border-top-color:var(--color-ink-black);border-radius:50%;width:28px;height:28px;margin:0 auto;animation:.85s linear infinite librarySpin}@keyframes librarySpin{to{transform:rotate(360deg)}}.theme-caption{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:4px;max-width:min(72vw,420px);display:flex;position:absolute;bottom:24px;left:28px}.theme-caption span:first-child{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--color-stone);font-size:11px;font-weight:500}.theme-caption small{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--color-stone);text-transform:none;font-size:9px;font-weight:400;line-height:1.45}@media (max-width:600px){.theme-caption{left:16px;bottom:max(16px, env(safe-area-inset-bottom));max-width:calc(100vw - 32px)}.theme-caption small{letter-spacing:.02em;font-size:8px}}.empty-state{z-index:50;pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.empty-state-inner{text-align:center;pointer-events:auto;max-width:380px;animation:.6s ease-out emptyFadeIn}@keyframes emptyFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty-state-icon{background:var(--color-surface);border-radius:50%;width:72px;height:72px;margin:0 auto 24px}@supports (color:color-mix(in lab, red, red)){.empty-state-icon{background:color-mix(in oklab, var(--color-surface) 80%, transparent)}}.empty-state-icon{border:1px solid var(--color-border);color:var(--color-stone);place-items:center;display:grid}.empty-state h2{letter-spacing:-.02em;margin:0 0 10px;font-size:22px;font-weight:600}.empty-state p{color:var(--color-stone);margin:0 0 28px;font-size:14px;line-height:1.65}.empty-state-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.empty-state-actions .primary{padding:10px 22px;font-size:14px}.detail-safe-redirect{background:var(--color-paper-white);min-height:100dvh}.detail-inline-loading{z-index:20}.dialog-backdrop,.avatar-crop-backdrop,.leave-prompt-backdrop{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#0d0d0d40;place-items:center;padding:20px;animation:.3s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dialog{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-md);background:#ffffffeb;border:1px solid #fff9;width:min(560px,100%);max-height:92vh;padding:40px;animation:.4s cubic-bezier(.22,1,.36,1) dialog-in;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0000001f,inset 0 1px #fffc}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.eyebrow,.auth-eyebrow,.detail-eyebrow,.reveal-eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--color-stone);margin:0 0 10px;font-size:10px;font-weight:500}.dialog h2{font-family:var(--font-sans);letter-spacing:-.03em;margin:0 0 28px;font-size:28px;font-weight:700;line-height:1.1}.dialog-close{cursor:pointer;color:var(--color-stone);background:#0d0d0d0a;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;line-height:1;transition:all .2s;display:grid;position:absolute;top:12px;right:16px}.dialog-close:hover{color:var(--color-ink-black);background:#0d0d0d14}.ai-confirm-dialog{width:min(480px,100%);padding:36px 32px}.ai-confirm-dialog h2{letter-spacing:-.02em;margin:0 0 24px;font-size:22px;font-weight:700;line-height:1.2}.ai-confirm-modules{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.ai-confirm-module{align-items:flex-start;gap:12px;display:flex}.ai-confirm-module.dim{opacity:.42}.ai-confirm-module-dot{background:var(--color-ink-black);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:7px}.ai-confirm-module.dim .ai-confirm-module-dot{box-sizing:border-box;background:0 0;border:1.5px solid #0d0d0d33}.ai-confirm-module-body{flex:1;min-width:0}.ai-confirm-module-name{font-family:var(--font-sans);color:var(--color-ink-black);font-size:14px;font-weight:600;line-height:1.4}.ai-confirm-module-desc{font-family:var(--font-mono), monospace;color:var(--color-stone);margin-top:3px;font-size:11px;line-height:1.5;display:block}.ai-confirm-info{background:#f1e5d01a;border:1px solid #0d0d0d0f;border-radius:12px;margin:0 0 24px;padding:16px 18px}.ai-confirm-info+.ai-confirm-info{margin-top:-12px}.ai-confirm-info-title{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--color-stone);margin:0 0 10px;font-size:10px;font-weight:600}.ai-confirm-info-list{font-family:var(--font-mono), monospace;color:var(--color-stone);margin:0;padding:0;font-size:11px;line-height:1.8;list-style:none}.ai-confirm-info-list li{padding-left:12px;position:relative}.ai-confirm-info-list li:before{content:"·";position:absolute;left:2px}.ai-confirm-actions{gap:10px;display:flex}.ai-confirm-actions .btn-secondary,.ai-confirm-actions .btn-primary{border-radius:999px;flex:1;height:44px;min-height:44px;padding:0 20px;box-shadow:none!important;margin:0!important}.promo-banner{z-index:9000;text-align:center;-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffffe0;border-bottom:1px solid #0d0d0d0f;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px 48px 10px 20px;animation:.4s cubic-bezier(.22,1,.36,1) promo-slide-in;display:flex;position:fixed;top:0;left:0;right:0}.promo-banner-link{max-width:100%}@media (max-width:640px){.promo-banner{gap:6px;padding:9px 42px 9px 16px}.promo-banner-link,.promo-banner-text{font-size:11px;line-height:1.4}}@keyframes promo-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.promo-banner-link{color:var(--color-ink-black);font-family:var(--font-mono), monospace;letter-spacing:.01em;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.promo-banner-text{color:var(--color-stone)}.promo-banner-text b{color:var(--color-ink-black);font-weight:700}.promo-banner-link:hover .promo-banner-arrow{transform:translate(2px)}.promo-banner-arrow{font-size:13px;transition:transform .2s}.promo-banner-close{width:28px;height:28px;color:var(--profile-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.promo-banner-close:hover{color:var(--color-stone);background:#0d0d0d0f}.has-promo>.nav-pill{top:62px}.export-modal-copy{color:var(--color-stone);margin:0 0 20px;font-size:13px;line-height:1.65}.export-invite-toggle{margin-bottom:16px}.export-toolbox{border-radius:var(--radius-sm);background:#ffffff6b;border:1px solid #0d0d0d1a;margin-bottom:16px;padding:12px}.export-toolbox .export-selection-heading{margin-top:0}.export-invite-toggle{cursor:pointer;background:#ffffffb8;border:1px solid #0d0d0d1a;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 16px;padding:9px 10px;display:flex}.export-invite-toggle>span{gap:2px;min-width:0;display:grid}.export-invite-toggle strong{font-size:11px;font-weight:600}.export-invite-toggle small{color:var(--color-stone);font:9px var(--font-mono), monospace}.export-invite-toggle input{width:34px;height:18px;accent-color:var(--color-ink-black);cursor:pointer}.export-invite-toggle.disabled{opacity:.5;cursor:not-allowed}.export-filter-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.export-filter-row::-webkit-scrollbar{display:none}.export-filter-row button{border-radius:var(--radius-pill);background:var(--color-paper-white);min-height:32px;color:var(--color-stone);font-family:var(--font-mono), monospace;letter-spacing:.03em;border:1px solid #0d0d0d1a;flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:10px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.export-filter-row button:hover,.export-filter-row button.selected{border-color:var(--color-ink-black);background:var(--color-ink-black);color:var(--color-paper-white)}.export-filter-row i,.export-pick-card>i{border:1px solid #0d0d0d1f;border-radius:50%;flex:none;display:block}.export-filter-row i{width:10px;height:10px}.export-selection-heading{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--color-stone);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;font-size:10px;display:flex}.export-selection-heading strong{color:var(--color-ink-black);font-weight:500}.export-pick-grid{border-radius:var(--radius-sm);background:var(--color-paper-white);overscroll-behavior:contain;border:1px solid #0d0d0d1a;grid-template-columns:1fr;gap:0;max-height:280px;display:grid;overflow-y:auto}.export-pick-card{min-width:0;min-height:72px;color:var(--color-ink-black);text-align:left;background:0 0;border:0;border-bottom:1px solid #0d0d0d14;grid-template-columns:48px minmax(0,1fr) 10px;align-items:center;gap:12px;padding:12px;transition:background .15s;display:grid;position:relative}.export-pick-card:hover,.export-pick-card.selected{background:var(--color-linen-canvas)}.export-pick-card:last-child{border-bottom:0}.export-pick-card img{object-fit:cover;background:var(--bg3);border-radius:8px;width:48px;height:48px}.export-pick-card>span{min-width:0;overflow:hidden}.export-pick-card>i{width:10px;height:10px}.export-pick-card>b{border:2px solid var(--color-paper-white);background:var(--color-ink-black);width:20px;height:20px;color:var(--color-paper-white);font-family:var(--font-mono), monospace;border-radius:50%;place-items:center;font-size:10px;line-height:1;display:grid;position:absolute;top:8px;left:44px}.export-modal-footer .form-note{margin:0}.export-hidden-canvas{display:none}@media (max-width:640px){.export-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.export-theme-art{height:104px}.export-modal-footer{flex-direction:column;align-items:stretch}.export-modal-footer .primary{width:100%}}.logout-confirm-backdrop{z-index:500}.logout-confirm-dialog{text-align:left;width:min(420px,100%)}.logout-confirm-dialog h2{margin-bottom:14px}.logout-confirm-copy{color:var(--color-stone);margin:0 0 18px;font-size:14px;line-height:1.7}.logout-confirm-user{border-radius:var(--radius-pill);max-width:100%;color:var(--color-stone);font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;background:#0d0d0d0a;border:1px solid #0d0d0d1f;padding:8px 12px;font-size:11px;display:inline-flex;overflow:hidden}.logout-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.form-grid label,.login-form label,.auth-panel label,.reveal-form label{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--color-stone);flex-direction:column;gap:6px;font-size:10px;font-weight:500;display:flex}.form-grid input,.login-form input,.auth-panel label input,.upload-url-row input,.reveal-form input,.reveal-form textarea,.batch-url-box textarea,.batch-search-row input,.url-textarea{border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--color-ink-black);background:#fffc;border:1px solid #0d0d0d1f;outline:none;padding:12px 14px;font-size:14px;font-weight:400;transition:all .2s}.form-grid input:focus,.login-form input:focus,.auth-panel label input:focus,.upload-url-row input:focus,.reveal-form input:focus,.reveal-form textarea:focus,.batch-url-box textarea:focus,.batch-search-row input:focus,.url-textarea:focus{border-color:var(--color-ink-black);background:var(--color-paper-white)}.form-grid input::placeholder,.login-form input::placeholder,.auth-panel label input::placeholder,.url-textarea::placeholder{color:var(--color-pebble)}.form-grid label.col-span-2,.reveal-form label.col-span-2{grid-column:1/-1}.reveal-form textarea,.url-textarea{resize:vertical;min-height:70px;font-family:var(--font-sans);line-height:1.5}.upload-tabs,.batch-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #0d0d0d1a;gap:0;margin-bottom:20px;display:flex;overflow-x:auto}.upload-tabs::-webkit-scrollbar{display:none}.batch-tabs::-webkit-scrollbar{display:none}.upload-tab,.batch-tab{font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--color-pebble);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;margin-bottom:-1px;padding:10px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.upload-tab.on,.batch-tab.on{color:var(--color-ink-black);border-bottom-color:var(--color-ink-black)}.upload-tab.locked{opacity:.55;cursor:not-allowed;color:var(--color-stone)}.upload-tab.locked:hover{color:var(--color-stone)}.tab-lock-icon{opacity:.7;flex-shrink:0;margin-left:4px}.guest-import-dialog{text-align:left;width:min(480px,100%)}.guest-import-desc{font-family:var(--font-sans);color:var(--color-stone);margin:0 0 28px;font-size:13px;line-height:1.65}.guest-import-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.guest-import-btn{border-radius:999px;justify-content:center;width:100%;padding:13px 24px;font-size:12px}.guest-import-btn.btn-secondary{border-color:#0d0d0d33}.upload-url-box,.batch-url-box{margin-bottom:16px}.upload-url-row,.batch-search-row{gap:10px;display:flex}.upload-url-row input,.batch-search-row input{flex:1}.drop-zone{border-radius:var(--radius-md);height:200px;color:var(--color-ink-black);cursor:pointer;text-align:center;background-color:#0d0d0d05;background-position:50%;background-size:cover;border:2px dashed #0d0d0d26;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:all .25s;display:flex}.drop-zone input{display:none}.drop-zone span{font-family:var(--font-sans);font-size:16px;font-weight:500}.drop-zone small{font-family:var(--font-mono), monospace;color:var(--color-stone);letter-spacing:.06em;text-transform:uppercase;margin-top:8px;font-size:10px}.upload-preview{background:linear-gradient(135deg,#ffffffd1,#ffffff80);border:1px solid #0d0d0d17;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:12px;padding:16px;display:grid;box-shadow:0 10px 30px #0d0d0d0d}.upload-preview>div{flex-direction:column;gap:3px;min-width:0;display:flex}.upload-preview>div>span{font:600 9px var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--color-pebble)}.upload-preview>div>strong{text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink-black);font-size:16px;line-height:1.25;overflow:hidden}.upload-preview>div>small{color:var(--color-stone);font-size:11px}.upload-preview .primary.small{border-radius:12px;min-width:92px}.upload-footer,.batch-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.form-note{font-family:var(--font-mono), monospace;color:var(--color-stone);letter-spacing:.03em;margin:8px 0 0;font-size:10px;line-height:1.6}.form-note.error{color:#c23}.batch-dialog{width:min(720px,100%)}.batch-url-box textarea{background:var(--color-paper-white);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);resize:vertical;border:1px solid #0d0d0d26;outline:none;min-height:80px;padding:14px;font-size:14px}.batch-drop{height:120px}.batch-search-list{border-radius:var(--radius-sm);background:var(--color-paper-white);border:1px solid #0d0d0d1a;max-height:220px;margin:4px 0 0;padding:0;list-style:none;overflow:auto}.batch-search-list li+li{border-top:1px solid #0d0d0d14}.batch-search-list button{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .15s;display:flex}.batch-search-list button:hover{background:#0d0d0d0d}.batch-search-list img{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.batch-search-list span{flex:1;min-width:0}.batch-search-list strong{font-family:var(--font-sans);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.batch-search-list small{font-family:var(--font-mono), monospace;color:var(--color-stone);margin-top:3px;font-size:10px;display:block}.batch-search-list em{font-style:normal;font-family:var(--font-mono), monospace;color:var(--color-ink-black);font-size:16px;font-weight:500}.batch-list{border-top:1px solid #0d0d0d1a;max-height:280px;margin:10px 0 16px;padding:0;list-style:none;overflow:auto}.batch-item{border-bottom:1px solid #0d0d0d14;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px 4px;display:grid}.batch-thumb{background-position:50%;background-size:cover;background-color:var(--bg3);border-radius:8px;width:48px;height:48px}.batch-meta strong{font-family:var(--font-sans);font-size:14px;font-weight:500;display:block}.batch-meta small{font-family:var(--font-mono), monospace;color:var(--color-stone);margin-top:3px;font-size:10px;display:block}.batch-error{color:#c23!important}.batch-actions{align-items:center;gap:6px;display:flex}.batch-mini{background:var(--color-paper-white);font-family:var(--font-mono), monospace;letter-spacing:.04em;cursor:pointer;border-radius:var(--radius-sm);border:1px solid #0d0d0d26;padding:6px 12px;font-size:10px;font-weight:500;transition:all .2s}.batch-mini:hover{background:var(--color-ink-black);color:var(--color-paper-white);border-color:var(--color-ink-black)}.batch-mini.danger:hover{background:#c23;border-color:#c23}.batch-spinner{border:2px solid #0d0d0d26;border-top-color:var(--color-ink-black);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.batch-count{font-family:var(--font-mono), monospace;color:var(--color-stone);letter-spacing:.06em;font-size:10px}.auth-page{isolation:isolate;background-color:#0000;background-image:radial-gradient(circle at 0 0,#a0e2ee6b,#0000 34%),radial-gradient(circle at 100% 10%,#c4b8ff61,#0000 38%),linear-gradient(145deg,#f4f9fc,#fff8f2 62%,#faf5ff);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;min-height:100vh;display:flex;position:relative}.auth-page>.detail-nav{z-index:3;flex:none;position:relative}.auth-page>.dialog{margin:auto}.auth-panel{-webkit-backdrop-filter:blur(28px)saturate(155%);background:linear-gradient(145deg,#ffffff7a,#fff3);border:1px solid #ffffffb8;border-radius:28px;width:min(480px,100%);padding:clamp(28px,5vw,54px);box-shadow:0 28px 90px #25315121,inset 0 1px #ffffffeb}.auth-eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--color-stone);margin:0 0 12px;font-size:11px;font-weight:500}.auth-panel h1{font-family:var(--font-sans);letter-spacing:-.03em;margin:0 0 28px;font-size:clamp(32px,5vw,44px);font-weight:700;line-height:1.1}.auth-panel form{flex-direction:column;gap:16px;display:flex}.auth-panel .form-field{flex-direction:column;gap:8px;display:flex}.auth-panel .form-field label{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--color-stone);font-size:10px;font-weight:600;display:block}.auth-panel .form-field input{border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--color-ink-black);box-sizing:border-box;background:#ffffffa3;border:1px solid #0d0d0d26;outline:none;padding:12px 24px;font-size:14px;font-weight:400;transition:border-color .2s,background .2s,box-shadow .2s}.auth-panel .form-field input:focus{border-color:var(--color-ink-black)}.auth-panel .form-field input::placeholder{color:var(--color-pebble)}.auth-tabs{border-bottom:1px solid #0d0d0d1a;gap:0;margin:0 0 16px;display:flex}.auth-tabs button{cursor:pointer;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--color-pebble);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:11px;font-weight:500;transition:all .2s}.auth-tabs button:hover{color:var(--color-stone)}.auth-tabs button.active{color:var(--color-ink-black);border-bottom-color:var(--color-ink-black)}.reviewer-login-row{border-radius:var(--radius-md);width:100%;color:var(--color-ink-black);cursor:pointer;text-align:left;background:#ffffff6b;border:1px solid #0d0d0d1f;justify-content:space-between;align-items:center;gap:16px;margin:-2px 0 18px;padding:11px 13px;transition:border-color .2s,background .2s,transform .2s;display:flex}.reviewer-login-row:hover{background:#ffffffb8;border-color:#0d0d0d4d;transform:translateY(-1px)}.reviewer-login-row span:first-child{font-family:var(--font-sans);font-size:13px;font-weight:600}.reviewer-login-row span:last-child{font-family:var(--font-mono), monospace;color:var(--color-pebble);letter-spacing:.04em;font-size:9px}.form-error{font-family:var(--font-mono), monospace;color:#c23;border-radius:var(--radius-sm);background:#fdeaea;border:1px solid #f3c2c2;padding:10px 12px;font-size:10px;line-height:1.6}.auth-panel label{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--color-stone);flex-direction:column;gap:6px;font-size:10px;font-weight:500;display:flex}.auth-panel label input{border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--color-ink-black);background:#ffffffa3;border:1px solid #0d0d0d26;outline:none;padding:12px 24px;font-size:14px;font-weight:400;transition:border-color .2s,background .2s,box-shadow .2s}.auth-panel label input:focus{border-color:var(--color-ink-black)}.auth-panel label input::placeholder{color:var(--color-pebble)}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap input{flex:1;padding-right:36px}.password-input-wrap .password-visual-btn{width:28px;height:28px;color:var(--color-stone);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;right:8px}.password-input-wrap .password-visual-btn:hover{color:var(--color-ink-black);background:#0d0d0d0f}.password-form-compact .password-input-wrap input{flex:1;padding-right:30px}.password-form-compact .password-input-wrap .password-visual-btn{width:24px;height:24px;right:5px}.otp-actions{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px;display:flex}.otp-actions .form-note{flex:220px;min-width:0;margin:0;line-height:1.5}.auth-back-btn{font-family:var(--font-mono), monospace;cursor:pointer;color:var(--color-stone);letter-spacing:.04em;background:0 0;border:0;flex:none;margin:0;padding:0;font-size:10px;line-height:1.5;text-decoration:none}.auth-back-btn:hover{color:var(--color-ink-black)}.success{text-align:left}.success p{font-family:var(--font-sans);color:var(--color-stone);margin:0 0 20px;font-size:15px;line-height:1.6}.success .primary{display:inline-flex}.account-page{isolation:isolate;min-height:100vh;font-family:var(--font-sans);background:radial-gradient(circle at 0 0,#a0e2ee6b,#0000 34%),radial-gradient(circle at 100% 10%,#c4b8ff61,#0000 38%),linear-gradient(145deg,#f4f9fc,#fff8f2 62%,#faf5ff);padding:76px clamp(16px,3vw,32px) 96px;position:relative}.account-page:before{content:"";pointer-events:none;opacity:.12;background-image:radial-gradient(#0d0d0d4d .55px,#0000 .7px);background-size:8px 8px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 60%);mask-image:linear-gradient(#000,#0000 60%)}.account-dot-sm{grid-template-rows:repeat(3,3px)!important;grid-template-columns:repeat(3,3px)!important;gap:1.5px!important}.account-dot-sm i{width:3px!important;height:3px!important}.account-wrap{z-index:1;width:min(720px,100%);margin:0 auto;position:relative}.account-skeleton{gap:12px;margin-top:90px;display:grid}.account-skeleton span{background:linear-gradient(100deg,#ffffff59,#ffffffd9,#ffffff59) 0 0/200% 100%;border-radius:20px;height:88px;animation:1.2s infinite accountShimmer}.account-skeleton span:nth-child(2){height:240px}.account-skeleton span:nth-child(3){height:120px}@keyframes accountShimmer{to{background-position:-200% 0}}.account-header{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffeb;border:1px solid #fff9;align-items:center;gap:16px;margin-bottom:18px;padding:28px 30px;animation:.4s cubic-bezier(.22,1,.36,1) dialog-in;display:flex;box-shadow:0 24px 80px #0000001f,inset 0 1px #fffc}.account-header-avatar{color:#fff;background:#171714;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:22px;font-weight:600;display:grid;overflow:hidden;box-shadow:0 4px 14px #0d0d0d24}.account-header-avatar img{object-fit:cover;width:100%;height:100%}.account-kicker{color:var(--color-stone);font:9px var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 2px}.account-header-text h1{letter-spacing:-.02em!important;margin:0!important;font-size:22px!important;line-height:1.15!important}.account-header-status{color:var(--color-stone);font:9px var(--font-mono),monospace;white-space:nowrap;background:#ffffff7a;border:1px solid #0d0d0d14;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;display:inline-flex}.account-header-status i{background:#45a85c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #45a85c1f}.account-email{color:var(--color-stone);font-size:11px;font-family:var(--font-mono),monospace;margin:2px 0 0}.account-toast{background:#ffffff9e;border-radius:12px;margin:0 0 10px;padding:9px 13px;font-size:11px}.account-toast-success{color:#2a7a3a}.account-toast-error{color:#b33}.settings-section{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffeb;border:1px solid #fff9;margin-bottom:14px;animation:.4s cubic-bezier(.22,1,.36,1) dialog-in;overflow:hidden;box-shadow:0 24px 80px #0000001a,inset 0 1px #fffc}.settings-row{border-bottom:1px solid #0d0d0d0f;justify-content:space-between;align-items:center;gap:14px;padding:13px 18px;display:flex}.settings-row:last-child{border-bottom:0}.settings-row-head{align-items:center;padding:14px 18px 12px}.settings-section-title{align-items:center;gap:10px;display:flex}.settings-section-icon{width:30px;height:30px;color:var(--color-ink-black);background:#0d0d0d12;border-radius:11px;place-items:center;font-size:14px;display:grid;box-shadow:inset 0 1px #fffc}.settings-section-icon.warm{color:#5b3d1b;background:linear-gradient(135deg,#f0d8ae,#e3b774)}.settings-section-icon.dark{color:#fff;background:#171714}.settings-head-actions{align-items:center;gap:10px;display:flex}.settings-section-index{font:9px var(--font-mono),monospace;letter-spacing:.08em;color:var(--color-pebble)}.settings-row-label{font:600 13px var(--font-sans);letter-spacing:-.01em;color:var(--color-ink-black)}.settings-row-note{color:var(--color-stone);margin:3px 0 0;font-size:11px}.settings-row-key{color:var(--color-ink-black);flex-shrink:0;font-size:13px}.settings-row-key-with-note{align-items:baseline;gap:10px;min-width:0;display:flex}.settings-row-key-with-note small{color:var(--color-stone);overflow-wrap:anywhere;font-size:10px;line-height:1.45}.settings-row-split{min-height:44px}.settings-row-inline{flex-wrap:wrap}.settings-row-block{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:14px}.settings-hint{color:var(--color-stone);overflow-wrap:anywhere;border-top:1px solid #0d0d0d0f;margin:0;padding:10px 18px 13px;font-size:11px;line-height:1.5}.settings-row-textarea{flex-direction:column;align-items:stretch;gap:8px;padding-bottom:14px}.settings-value{color:var(--color-ink-black);font-size:12px;font-family:var(--font-mono),monospace}.settings-value-dim{color:var(--color-stone)}.settings-value-ok{color:#2a7a3a}.settings-right{align-items:center;gap:10px;display:flex}.settings-action-btn{color:var(--color-ink-black);font:500 10px var(--font-mono),monospace;cursor:pointer;background:#ffffffb3;border:1px solid #0d0d0d1f;border-radius:999px;padding:6px 12px;transition:all .2s}.settings-action-btn:hover{background:#fff;border-color:#0d0d0d38}.settings-action-btn-dim{color:var(--color-stone);background:0 0}.settings-input{min-width:0;color:var(--color-ink-black);background:#ffffffa6;border:1px solid #0d0d0d1a;border-radius:10px;outline:none;flex:1;padding:8px 11px;font-size:12px;transition:all .15s}.settings-input:focus{background:#fff;border-color:#111}.settings-textarea{resize:vertical;min-height:64px;font-family:var(--font-sans);line-height:1.5}.settings-counter{font:9px var(--font-mono),monospace;color:var(--color-stone);align-self:flex-end}.settings-empty{text-align:center;color:var(--color-stone);padding:18px 0;font-size:11px}.settings-logout{color:#c33;cursor:pointer;background:0 0;border:0;width:100%;padding:14px;font-size:13px;transition:all .2s}.settings-toggle{cursor:pointer;background:#c9c7bf;border:0;border-radius:999px;flex-shrink:0;width:42px;height:24px;padding:2px;transition:all .25s;position:relative}.settings-toggle i{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s cubic-bezier(.3,.9,.4,1.2);display:block;box-shadow:0 2px 4px #00000026}.settings-toggle.on{background:#34c759}.settings-toggle.on i{transform:translate(18px)}.avatar-controls{align-items:center;gap:8px;display:flex}.avatar-mini{color:#fff;background:#171714;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;display:grid;overflow:hidden}.avatar-mini img{object-fit:cover;width:100%;height:100%}.public-link-chip{background:#fff9;border:1px solid #0d0d0d14;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 6px 5px 12px;font-size:11px;display:inline-flex}.public-link-chip code{font-family:var(--font-mono),monospace;color:var(--color-stone)}.public-link-copy,.public-link-open{color:var(--color-ink-black);font:500 10px var(--font-mono),monospace;cursor:pointer;background:#0d0d0d0f;border:0;border-radius:999px;padding:4px 10px;text-decoration:none;transition:all .2s}.public-link-copy:hover,.public-link-open:hover{background:#0d0d0d1f}.settings-search{min-width:min(100%,320px);margin-top:8px}.settings-search::placeholder{color:var(--color-pebble)}.theme-pill-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-pill{cursor:pointer;text-align:left;background:#ffffff80;border:1px solid #0d0d0d1a;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:all .2s;display:flex}.theme-pill:hover{background:#fffc;border-color:#0d0d0d2e}.theme-pill-preview{border:1px solid #0d0d0d14;border-radius:7px;flex:none;width:40px;height:28px}.theme-pill-text{flex-direction:column;gap:1px;min-width:0;display:flex}.theme-pill-text strong{font-size:12px;font-weight:600}.theme-pill-text small{color:var(--color-stone);font-size:9px;font-family:var(--font-mono),monospace}.album-picker-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.album-picker-count{font:10px var(--font-mono),monospace;color:var(--color-stone)}.selected-album-strip{background:#fff6;border:1px solid #0d0d0d12;border-radius:12px;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:8px;display:flex}.selected-album-chip{background:#fff;border:1px solid #0d0d0d14;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:3px 3px 3px 4px;display:inline-flex}.selected-album-cover{background:var(--album-color,#222);border-radius:50%;flex-shrink:0;width:22px;height:22px;display:block;overflow:hidden}.selected-album-cover img{object-fit:cover;width:100%;height:100%}.selected-album-meta{flex-direction:column;gap:0;min-width:0;line-height:1.2;display:flex}.selected-album-meta b{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:10px;font-weight:500;overflow:hidden}.selected-album-meta small{color:var(--color-stone);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:8px;font-family:var(--font-mono),monospace;overflow:hidden}.selected-album-check{color:#fff;background:#171714;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:auto;font-size:11px;font-weight:700;display:grid}.album-grid-picker{background:#ffffff59;border:1px solid #0d0d0d0f;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;max-height:200px;padding:8px;display:grid;overflow-y:auto}.album-mini-card{cursor:pointer;aspect-ratio:1;background:0 0;border:0;border-radius:8px;padding:0;transition:all .15s;position:relative;overflow:hidden}.album-mini-cover{background:#222;border-radius:8px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.album-mini-cover img{object-fit:cover;width:100%;height:100%;display:block}.album-mini-card:hover .album-mini-cover{transform:scale(1.04)}.album-mini-check{color:#fff;background:#11111173;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.album-mini-card.on .album-mini-cover{box-shadow:0 0 0 2px #111,0 2px 8px #0003}.settings-expand{background:#0d0d0d05;border-top:1px solid #0d0d0d0f;padding:0 18px 14px}.password-form-compact{gap:10px;padding-top:12px;display:grid}.password-form-compact label{color:var(--color-stone);grid-template-columns:80px 1fr;align-items:center;gap:10px;font-size:11px;display:grid}.password-form-compact label>span{font:10px var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.06em}.password-form-compact input{background:#ffffffb3;border:1px solid #0d0d0d1a;border-radius:9px;outline:none;padding:7px 10px;font-size:12px}.password-form-compact input:focus{background:#fff;border-color:#111}.password-form-compact .btn-primary{border-radius:999px;justify-self:start;margin-top:4px;padding-inline:16px}.password-hint{font:9px var(--font-mono),monospace;margin:-4px 0 0 80px}.password-hint.weak{color:#c33}.password-hint.ok{color:#2a7a3a}.settings-save-bar{bottom:max(20px,env(safe-area-inset-bottom));z-index:19;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#ffffffe0;border:1px solid #fffc;border-radius:999px;align-items:center;gap:12px;padding:8px 10px 8px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0d0d0d24,inset 0 1px #ffffffe6}.settings-save-bar span{font:10px var(--font-mono),monospace;color:var(--color-stone)}.settings-save-bar .btn-primary{border-radius:999px;margin:0;padding-inline:16px}.leave-prompt-desc{max-width:420px;color:var(--color-stone);margin:0 0 26px;font-size:12px;line-height:1.65}.leave-prompt-actions{justify-content:flex-end;gap:8px;display:flex}.leave-prompt-actions button{border-radius:999px;margin:0;padding-inline:16px}.leave-prompt-danger{background:#171714!important}.leave-prompt-danger:hover{background:#34342f!important}.avatar-crop-backdrop{z-index:30;-webkit-backdrop-filter:blur(14px);background:#11110f66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.avatar-crop-modal{width:min(400px,100%);padding:24px}.avatar-crop-title{letter-spacing:-.02em;margin:0 0 4px;font-size:18px}.avatar-crop-hint{color:var(--color-stone);margin:0 0 16px;font-size:11px}.avatar-crop-preview{cursor:grab;touch-action:none;background:#1a1916;border-radius:16px;width:260px;height:260px;margin:0 auto 16px;position:relative;overflow:hidden}.avatar-crop-preview:active{cursor:grabbing}.avatar-crop-preview img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:transform;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.avatar-crop-mask{pointer-events:none;background:radial-gradient(circle,#0000 0 129px,#0000008c 130px 100%);position:absolute;inset:0}.avatar-crop-circle{pointer-events:none;border:2px solid #fffffff2;border-radius:50%;width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000002e,0 0 18px #ffffff29}.avatar-crop-slider{font:10px var(--font-mono),monospace;color:var(--color-stone);grid-template-columns:40px 1fr;align-items:center;gap:10px;margin-bottom:16px;display:grid}.avatar-crop-slider input{accent-color:#171714;width:100%}.avatar-crop-actions{justify-content:flex-end;gap:8px;display:flex}.avatar-crop-actions .btn-primary,.avatar-crop-actions .btn-secondary{border-radius:999px;margin:0;padding-inline:16px}.account-page{isolation:isolate;background-color:#0000;background-image:radial-gradient(circle at 0 0,#a0e2ee6b,#0000 34%),radial-gradient(circle at 100% 10%,#c4b8ff61,#0000 38%),linear-gradient(145deg,#f4f9fc,#fff8f2 62%,#faf5ff);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.account-page:before{opacity:.045;background-size:12px 12px;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.account-nav{position:fixed;top:20px}.account-wrap{width:min(820px,100%)}.account-header{-webkit-backdrop-filter:blur(22px)saturate(145%);background:linear-gradient(135deg,#ffffff94,#ffffff61);border-color:#ffffff9e;border-radius:22px;margin-bottom:12px;padding:18px 22px;box-shadow:inset 0 1px #ffffffd1,0 10px 36px #1c1c180e}.account-header-avatar{background:#191916e6;width:52px;height:52px;box-shadow:0 0 0 1px #ffffffb8,0 4px 14px #0d0d0d1a}.account-header-status{background:#ffffff40;border-color:#ffffff8c;box-shadow:inset 0 1px #ffffffa6}.account-kicker{letter-spacing:.12em;color:#3737328f}.account-email{color:#3737328f}.settings-section{-webkit-backdrop-filter:blur(20px)saturate(140%);background:linear-gradient(135deg,#ffffff94,#ffffff61);border-color:#ffffff8c;border-radius:20px;margin-bottom:10px;box-shadow:inset 0 1px #ffffffc2,0 8px 28px #1c1c180a}.settings-section:hover{box-shadow:inset 0 1px #ffffffd1,0 10px 34px #1c1c180e}.settings-row{border-bottom-color:#4b484113;padding:14px 20px}.settings-section-head{border-top:1px solid #4b48411a;align-items:baseline;gap:14px;margin-bottom:20px;padding:16px 20px 0;display:flex}.settings-section-head .section-index span{color:#3737326b;font:700 12px var(--font-mono),monospace;letter-spacing:.08em}.settings-section-head h2{letter-spacing:-.035em;color:var(--color-ink-black);margin:0;font-size:clamp(22px,2.8vw,31px);font-weight:700;line-height:1.15}.settings-section-head>div:last-child{min-width:0}.settings-section-head p{color:#3737326b;max-width:700px;margin:10px 0 0;font-size:12px;line-height:1.65}.settings-input,.password-form-compact input{-webkit-backdrop-filter:blur(10px);background:#ffffff47;border-color:#ffffff94;box-shadow:inset 0 1px #fff9}.settings-input:focus,.password-form-compact input:focus{background:#ffffff7a;border-color:#ffffffe0;box-shadow:0 0 0 3px #fff3,inset 0 1px #ffffffbf}.settings-action-btn,.public-link-chip,.theme-pill{background:#ffffff42;border-color:#ffffff94;box-shadow:inset 0 1px #ffffff9e}.settings-action-btn:hover,.theme-pill:hover{background:#ffffff7a;border-color:#ffffffd1}.theme-pill.on{background:#ffffff8f;border-color:#14141285;box-shadow:inset 0 1px #ffffffd1,0 4px 12px #1414120f}.album-grid-picker{background:#ffffff2e;border-color:#ffffff80}.settings-expand{background:#ffffff1f;border-top-color:#4b484112}.settings-section-danger{background:linear-gradient(135deg,#ffffff94,#ffffff61)}.settings-logout:hover{background:#c333330b}.account-toast{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff57;border:1px solid #ffffff8f}.export-theme-art{margin:0 0 7px;background:#0d0d0d06!important;border-radius:10px!important;height:70px!important;padding:6px!important}.export-theme-image{z-index:2;border-radius:5px;width:100%;height:100%;display:block;position:relative;object-fit:contain!important}.export-theme-art:before,.export-theme-art:after,.export-theme-art i{display:none!important}.export-theme-grid{align-items:start;gap:8px!important}.export-theme-card{min-width:0;padding:4px!important}.export-theme-number{margin-bottom:3px!important;font-size:7px!important}.export-theme-card strong{padding-inline:2px;font-size:11px!important}.export-theme-card small{padding-inline:2px;font-size:8px!important}.export-theme-brand{width:15px!important;height:15px!important;top:6px!important;left:6px!important}@media (max-width:640px){.account-page{padding:70px 12px 100px}.account-nav{width:calc(100% - 24px);position:fixed;top:10px}.account-header{gap:12px;padding:14px 16px}.account-header-avatar{width:46px;height:46px;font-size:18px}.account-header-text h1{font-size:19px!important}.account-header-status{padding:5px 7px;font-size:8px}.account-header-status i{width:5px;height:5px}.account-header{padding:24px 20px}.settings-row{padding:11px 14px}.settings-section-head{padding:12px 14px 0}.theme-pill-row{grid-template-columns:1fr}.theme-pill-preview{width:48px;height:32px}.album-grid-picker{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:5px;max-height:180px}.password-form-compact label{grid-template-columns:1fr;gap:4px}.password-hint{margin:-4px 0 0}.avatar-crop-preview{width:220px;height:220px}.avatar-crop-mask{clip-path:circle(110px)}.avatar-crop-circle{width:220px;height:220px}.export-theme-art{height:58px!important;padding:5px!important}.export-theme-card strong{font-size:10px!important}.export-theme-card small{font-size:7px!important}.settings-save-bar{gap:8px;padding:6px 8px 6px 12px;bottom:12px}.selected-album-meta b,.selected-album-meta small{max-width:80px}}.login-art,.login-brand{display:none}.detail-page{background:var(--color-linen-canvas);min-height:100vh;padding:0}.detail-page .nav-pill{position:absolute}.album-detail-page{position:relative;overflow-x:clip}.detail-viewport{max-width:var(--page-max);margin:0 auto;padding:0 clamp(28px,6vw,80px) 120px;position:relative}.detail-rail{z-index:2;grid-template-columns:54px 2px 1fr;align-items:stretch;gap:18px;width:fit-content;margin:0 0 24px;display:grid;position:sticky;top:110px}.detail-rail-marks,.detail-rail-labels{flex-direction:column;justify-content:space-between;padding:4px 0;display:flex}.detail-rail-marks span,.detail-rail-labels span,.detail-split-eyebrow,.detail-split-meta{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--color-stone);font-size:10px}.detail-rail-line{background:#0d0d0d14;width:2px;min-height:150px;position:relative;overflow:hidden}.detail-rail-line i{transform-origin:top;background:linear-gradient(180deg, var(--album-color), #0d0d0d14);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.detail-rail-line i{background:linear-gradient(180deg, color-mix(in srgb, var(--album-color) 78%, white), #0d0d0d14)}}.detail-panel{align-items:center;min-height:calc(100vh - 120px);display:grid;position:relative}.detail-panel-one,.detail-panel-two{scroll-snap-align:start}.detail-panel-one{grid-template-columns:minmax(280px,440px) 1fr;gap:clamp(40px,7vw,100px);padding:64px 0 110px}.detail-panel-two{min-height:calc(100vh - 40px);transform:translateY(calc((1 - var(--page-progress,0)) * 24px));align-items:start;padding:40px 0 0}.detail-panel-two:before{content:"";background:linear-gradient(90deg,#0000,#0d0d0d1f,#0000);height:1px;position:absolute;inset:0 8% auto}.detail-split{grid-template-columns:1fr;gap:28px;display:grid}.detail-split-header{justify-content:space-between;align-items:flex-end;gap:20px;padding-top:12px;display:flex}.detail-split-header h2{font-family:var(--font-sans);letter-spacing:-.02em;margin:0;font-size:clamp(24px,4vw,36px);font-weight:600}.detail-cover{aspect-ratio:1;border-radius:var(--radius-md);max-width:440px;transform:perspective(1400px) rotateY(calc((var(--page-progress,0) - .5) * -5deg)) scale(calc(1 - var(--page-progress,0) * .02));transition:transform .12s linear;overflow:hidden;box-shadow:0 20px 60px #0000001f}.detail-eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--color-stone);margin:0;font-size:11px;font-weight:500}.edit-meta-fields{width:fit-content;max-width:100%;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;display:contents}.edit-meta-field,.edit-meta-tone{border-radius:var(--radius-pill);width:fit-content;height:30px;min-height:30px;color:var(--color-stone);background:#ffffff6b;border:1px solid #0d0d0d1f;align-items:center;gap:7px;padding:4px 9px;display:inline-flex}.edit-meta-field input{field-sizing:content;width:7.5em;min-width:0;max-width:22ch;color:var(--color-ink-black);font:inherit;letter-spacing:.04em;text-transform:none;background:0 0;border:0;outline:none;padding:2px 0}.edit-meta-field input::placeholder{color:var(--color-pebble)}.edit-meta-field:focus-within{border-color:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.edit-meta-field:focus-within{border-color:color-mix(in srgb, var(--album-color) 42%, #0d0d0d2e)}}.edit-meta-field:focus-within{background:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.edit-meta-field:focus-within{background:color-mix(in srgb, var(--album-color) 9%, #ffffff85)}}.edit-meta-field:focus-within{box-shadow:0 0 0 3px var(--album-color)}@supports (color:color-mix(in lab, red, red)){.edit-meta-field:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--album-color) 13%, transparent)}}.edit-meta-year input{width:4ch}.edit-meta-tone strong{color:var(--color-ink-black);letter-spacing:.04em;text-transform:none;font-weight:400}.detail-copy h1{font-family:var(--font-sans);letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1}.detail-copy h2{font-family:var(--font-sans);color:var(--color-stone);margin:0 0 20px;font-size:18px;font-weight:400}.detail-rating{flex-direction:column;gap:6px;margin:16px 0 8px;display:flex}.detail-rating-main{align-items:center;gap:8px;display:flex}.detail-rating-main .rating-control.compact{gap:12px}.detail-rating-main .rating-value{min-width:72px;padding:0;font-size:36px;font-weight:700;line-height:1}.detail-rating-main .rating-value:hover{background:0 0}.rating-display{min-width:72px;font-size:36px;font-weight:700;line-height:1;font-family:var(--font-sans)}.detail-rating-main .rating-input{width:80px;padding:4px 8px;font-size:32px;font-weight:700}.detail-rating-main .rating-track{width:140px;height:28px}.detail-rating-main .rating-track:before,.detail-rating-main .rating-fill{height:3px}.detail-rating-main .rating-thumb{width:16px;height:16px}.rating-scale{font-family:var(--font-mono), monospace;color:var(--color-pebble);font-size:16px;font-weight:400}.detail-stars{color:#f0b400;letter-spacing:2px;font-size:22px}.detail-rating>small{font-family:var(--font-mono), monospace;color:var(--color-stone);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.review-title{font-family:var(--font-sans);color:var(--color-ink-black);margin:16px 0 10px;font-size:18px;font-style:italic;font-weight:500}.description{max-width:520px;color:var(--color-stone);font-size:15px;line-height:1.7}.detail-actions-row .btn-secondary{white-space:nowrap}.detail-edit-form{flex-direction:column;align-items:stretch;width:100%}.section-heading-tight{margin-bottom:0}.edit-title-input{font-family:var(--font-sans);letter-spacing:-.035em;border-radius:var(--radius-md);width:100%;color:var(--color-ink-black);background:#0d0d0d05;border:1px solid #0d0d0d26;outline:none;padding:8px 14px;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1;transition:border-color .2s,background .2s}.edit-title-input:focus{background:#0d0d0d0a;border-color:#0d0d0d59}.edit-artist-input{font-family:var(--font-sans);color:var(--color-stone);border-radius:var(--radius-md);background:#0d0d0d05;border:1px solid #0d0d0d26;outline:none;width:100%;margin-top:8px;padding:6px 14px;font-size:18px;font-weight:400;transition:border-color .2s,background .2s}.edit-artist-input:focus{background:#0d0d0d0a;border-color:#0d0d0d59}.edit-review-fields{flex-direction:column;gap:10px;width:100%;max-width:520px;margin-top:16px;display:flex}.edit-review-title{font-family:var(--font-sans);color:var(--color-ink-black);border-radius:var(--radius-md);background:#0d0d0d05;border:1px solid #0d0d0d26;outline:none;width:100%;padding:10px 14px;font-size:16px;font-weight:500;transition:border-color .2s,background .2s}.edit-review-title:focus{background:#0d0d0d0a;border-color:#0d0d0d59}.edit-review-body{font-family:var(--font-sans);color:var(--color-ink-black);resize:vertical;border-radius:var(--radius-md);background:#0d0d0d05;border:1px solid #0d0d0d26;outline:none;width:100%;min-height:80px;padding:10px 14px;font-size:14px;line-height:1.6;transition:border-color .2s,background .2s}.edit-review-body:focus{background:#0d0d0d0a;border-color:#0d0d0d59}.visibility-card{-webkit-backdrop-filter:blur(18px)saturate(125%);background:linear-gradient(135deg,#ffffffb8,#ffffff57);border:1px solid #ffffffb8;border-radius:22px;width:min(720px,100%);margin:24px auto 0;padding:18px;box-shadow:0 18px 44px #14110c14,inset 0 1px #ffffffe6}.visibility-card-heading{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.visibility-icon{width:34px;height:34px;color:var(--color-ink-black);background:#ffffff94;border:1px solid #0d0d0d1a;border-radius:12px;flex:0 0 34px;place-items:center;font-size:22px;line-height:1;display:grid}.visibility-card-heading>div{flex-direction:column;gap:3px;display:flex}.visibility-card .visibility-label{color:var(--color-ink-black);letter-spacing:-.01em;font-size:14px;font-weight:700}.visibility-card-heading small{color:var(--color-stone);font-size:11px;line-height:1.45}.visibility-card .visibility-options{background:#0d0d0d0b;border:1px solid #0d0d0d14;border-radius:17px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:5px;display:grid}.visibility-card .visibility-btn{min-height:58px;color:var(--color-stone);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 13px;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:flex}.visibility-card .visibility-btn:hover{color:var(--color-ink-black);background:#ffffff80;border-color:#0d0d0d1a;transform:translateY(-1px)}.visibility-card .visibility-btn.active{color:var(--color-ink-black);background:#fffffff0;border-color:#0d0d0d24;box-shadow:0 6px 16px #14110c17,inset 0 1px #fffffff2}.visibility-btn-title{font-size:13px;font-weight:700}.visibility-btn-note{color:var(--color-pebble);letter-spacing:.02em;font-size:10px}.visibility-card .visibility-btn.active .visibility-btn-note{color:var(--color-stone)}@media (max-width:560px){.visibility-card{border-radius:18px;padding:14px}.visibility-card .visibility-options{grid-template-columns:1fr}.visibility-card .visibility-btn{flex-direction:row;justify-content:space-between;align-items:baseline;min-height:48px}}.edit-track-review{border-radius:var(--radius-sm);width:100%;color:var(--color-ink-black);font-family:var(--font-sans);background:#0d0d0d05;border:1px solid #0d0d0d1f;outline:none;margin-top:4px;padding:5px 10px;font-size:12px;line-height:1.5;transition:border-color .2s,background .2s;display:block}.edit-track-review:focus{background:#0d0d0d0a;border-color:#0d0d0d4d}.edit-track-review::placeholder,.edit-title-input::placeholder,.edit-artist-input::placeholder{color:var(--color-pebble)}.edit-review-title::placeholder,.edit-review-body::placeholder{color:var(--color-stone);opacity:1}.review-title-display{font-family:var(--font-sans);color:var(--color-ink-black);margin:16px 0 10px;font-size:18px;font-style:normal;font-weight:700}.review-body-display{max-width:520px;font-family:var(--font-sans);color:var(--color-ink-black);margin:0 0 8px;font-size:15px;font-weight:400;line-height:1.7}.review-empty-hint{font-family:var(--font-mono), monospace;color:var(--color-pebble);letter-spacing:.04em;margin:12px 0 0;font-size:11px;font-style:italic}.share-btn{border-color:var(--color-ink-black);color:var(--color-ink-black)}.share-btn:hover{background:var(--color-ink-black);color:var(--color-paper-white)}.delete-confirm{font-family:var(--font-mono), monospace;align-items:center;gap:10px;font-size:11px;display:flex}.palette{align-items:center;gap:10px;margin-top:0;display:flex}.palette span{border:1px solid #00000014;border-radius:50%;width:28px;height:28px}.palette code,.palette small{font-family:var(--font-mono), monospace;color:var(--color-stone);font-size:10px}.picks-toggle{font-family:var(--font-mono), monospace;letter-spacing:.06em;align-items:center;gap:8px;margin:8px 0;font-size:11px;display:inline-flex}.picks-toggle input{accent-color:var(--color-ink-black)}.tracklist{max-width:var(--page-max);margin:0 auto;padding:60px clamp(28px,10vw,160px) 120px}.tracklist .section-heading{margin-bottom:24px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading h2{font-family:var(--font-sans);letter-spacing:-.02em;margin:0;font-size:clamp(24px,4vw,36px);font-weight:600}.section-heading p{font-family:var(--font-mono), monospace;color:var(--color-stone);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px}.track{border-top:1px solid #0d0d0d0f;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:grid}.track:hover{background:#0d0d0d04}.track-num{font-family:var(--font-mono), monospace;color:var(--color-pebble);text-align:right;font-size:11px}.track-info{flex-direction:column;gap:2px;min-width:0;display:flex}.track-title-row{align-items:baseline;gap:10px;min-width:0;display:flex}.track-title-row strong{min-width:0;font-family:var(--font-sans);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.track-title-row small{color:var(--color-stone);font-family:var(--font-mono), monospace;flex-shrink:0;font-size:10px}.track-rating-control{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.track-rating-control .rating-value{border-width:2px;width:40px;height:40px;font-size:13px}.track-rating-control .rating-score-input{width:40px;height:40px;font-size:12px}.track-rating-display{font-family:var(--font-sans);text-align:right;min-width:32px;font-size:16px;font-weight:600}.track-review-display,.track-review-placeholder{margin:2px 0 0;padding:4px 0;font-size:12px;line-height:1.5}.track-review-display{color:var(--color-ink-black)}.track-review-placeholder{color:var(--color-pebble);font-style:italic}.review-title-input,.review-body-input,.track-review{width:100%;color:var(--color-stone);font-family:var(--font-sans);background:0 0;border:0;border-bottom:1px solid #0000;outline:none;padding:4px 0;font-size:12px;line-height:1.5;transition:border-color .2s;display:block}.review-title-input{color:var(--color-ink-black);margin-top:10px;font-size:18px;font-weight:500}.review-title-input:focus,.review-body-input:focus,.track-review:focus{border-bottom-color:#0d0d0d33}.review-body-input{resize:vertical;min-height:90px;color:var(--color-ink-black);font-size:15px;line-height:1.6}.track-review{margin-top:2px;font-size:12px}.track-review:hover,.track-review:focus{color:var(--color-ink-black);border-bottom-color:#0d0d0d26}.empty-tracks{font-family:var(--font-mono), monospace;color:var(--color-stone);flex-direction:column;align-items:flex-start;gap:12px;padding:25px 0;font-size:11px;display:flex}.empty-tracks .fetch-tracks-btn{font-family:var(--font-mono), monospace;letter-spacing:.06em;border:1px solid var(--color-ink-black);background:var(--color-paper-white);color:var(--color-ink-black);cursor:pointer;border-radius:var(--radius-md);text-transform:uppercase;align-items:center;gap:6px;padding:10px 18px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.empty-tracks .fetch-tracks-btn:hover:not(:disabled){background:var(--color-ink-black);color:var(--color-paper-white)}.empty-tracks .fetch-tracks-btn:disabled{opacity:.5;cursor:wait}.reveal-link{cursor:pointer;font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--color-stone);text-underline-offset:4px;background:0 0;border:0;padding:8px;font-size:11px;font-weight:500;text-decoration:underline}.reveal-link:hover{color:var(--color-ink-black)}.reveal-link.danger{color:#c23}.rating-picker{align-items:center;gap:14px;width:min(100%,420px);min-width:0;display:flex}.rating-picker>.rating-slider{flex:1 1 0;min-width:80px}.rating-slider{appearance:none;border-radius:var(--radius-pill);background:var(--score-color,var(--album-color));width:100%;height:5px;margin:0}@supports (color:color-mix(in lab, red, red)){.rating-slider{background:color-mix(in srgb, var(--score-color,var(--album-color)) 23%, #0d0d0d1c)}}.rating-slider{accent-color:var(--score-color,var(--album-color));cursor:pointer}.rating-slider::-webkit-slider-thumb{appearance:none;background:var(--score-color,var(--album-color));width:16px;height:16px;box-shadow:0 2px 8px var(--score-color,var(--album-color));border:2px solid #fff;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.rating-slider::-webkit-slider-thumb{box-shadow:0 2px 8px color-mix(in srgb, var(--score-color,var(--album-color)) 38%, transparent)}}.rating-slider::-moz-range-thumb{background:var(--score-color,var(--album-color));width:13px;height:13px;box-shadow:0 2px 8px var(--score-color,var(--album-color));border:2px solid #fff;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.rating-slider::-moz-range-thumb{box-shadow:0 2px 8px color-mix(in srgb, var(--score-color,var(--album-color)) 38%, transparent)}}.rating-slider:focus-visible{outline:3px solid var(--score-color,var(--album-color))}@supports (color:color-mix(in lab, red, red)){.rating-slider:focus-visible{outline:3px solid color-mix(in srgb, var(--score-color,var(--album-color)) 38%, white)}}.rating-slider:focus-visible{outline-offset:5px}.rating-number-field{color:var(--color-stone);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:5px;font-size:12px;display:inline-flex}.rating-score-input{width:50px;color:var(--color-ink-black);font:inherit;text-align:right;background:0 0;border:0;border-radius:6px;outline:none;padding:5px 6px;font-size:16px;font-weight:650;line-height:1;transition:background .18s,box-shadow .18s}.rating-score-input:focus{background:var(--score-color,var(--album-color))}@supports (color:color-mix(in lab, red, red)){.rating-score-input:focus{background:color-mix(in srgb, var(--score-color,var(--album-color)) 10%, transparent)}}.rating-score-input:focus{box-shadow:0 0 0 2px var(--score-color,var(--album-color))}@supports (color:color-mix(in lab, red, red)){.rating-score-input:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--score-color,var(--album-color)) 30%, transparent)}}.rating-picker-compact{gap:10px;width:min(100%,300px)}.rating-picker-compact .rating-score-input{width:44px;font-size:14px}.rating-picker-compact .rating-number-field{font-size:11px}.track-rating-control .rating-picker{width:196px}.album-detail-page .track-rating-control .rating-slider{background:var(--score-color,var(--album-color))}@supports (color:color-mix(in lab, red, red)){.album-detail-page .track-rating-control .rating-slider{background:color-mix(in srgb, var(--score-color,var(--album-color)) 46%, #0d0d0d47)}}.album-detail-page .track-rating-control .rating-slider{accent-color:var(--score-color,var(--album-color))}@supports (color:color-mix(in lab, red, red)){.album-detail-page .track-rating-control .rating-slider{accent-color:color-mix(in srgb, var(--score-color,var(--album-color)) 76%, var(--color-ink-black))}}.album-detail-page .track-rating-control .rating-slider::-webkit-slider-thumb{border-color:var(--score-color,var(--album-color))}@supports (color:color-mix(in lab, red, red)){.album-detail-page .track-rating-control .rating-slider::-webkit-slider-thumb{border-color:color-mix(in srgb, var(--score-color,var(--album-color)) 42%, #0d0d0dd6)}}.album-detail-page .track-rating-control .rating-slider::-webkit-slider-thumb{background:var(--score-color,var(--album-color))}@supports (color:color-mix(in lab, red, red)){.album-detail-page .track-rating-control .rating-slider::-webkit-slider-thumb{background:color-mix(in srgb, var(--score-color,var(--album-color)) 76%, var(--color-ink-black))}}.album-detail-page .track-rating-control .rating-slider::-moz-range-thumb{border-color:var(--score-color,var(--album-color))}@supports (color:color-mix(in lab, red, red)){.album-detail-page .track-rating-control .rating-slider::-moz-range-thumb{border-color:color-mix(in srgb, var(--score-color,var(--album-color)) 42%, #0d0d0dd6)}}.album-detail-page .track-rating-control .rating-slider::-moz-range-thumb{background:var(--score-color,var(--album-color))}@supports (color:color-mix(in lab, red, red)){.album-detail-page .track-rating-control .rating-slider::-moz-range-thumb{background:color-mix(in srgb, var(--score-color,var(--album-color)) 76%, var(--color-ink-black))}}.album-detail-page .track-rating-control .rating-score-input,.album-detail-page .track-rating-control .rating-number-field,.album-detail-page .track-rating-control .rating-number-field>span{color:var(--score-color,var(--album-color))}@supports (color:color-mix(in lab, red, red)){.album-detail-page .track-rating-control .rating-score-input,.album-detail-page .track-rating-control .rating-number-field,.album-detail-page .track-rating-control .rating-number-field>span{color:color-mix(in srgb, var(--score-color,var(--album-color)) 76%, var(--color-ink-black))}}@media (max-width:620px){.rating-picker{gap:10px}.rating-picker>.rating-slider{min-width:56px}.track-rating-control .rating-picker{width:min(100%,240px)}}.page-error{text-align:center;color:#0d0d0d;background:#fff;place-content:center;min-height:100vh;display:grid}.page-error-brand{z-index:10;color:inherit;font:700 13px var(--font-mono), monospace;letter-spacing:-.02em;-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #0d0d0d14;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex;position:fixed;top:20px;left:20px}.page-error-brand:hover{background:#fffffff2;border-color:#0d0d0d26}.page-error-body{gap:12px;max-width:380px;padding:20px;display:grid}.page-error h1{letter-spacing:-.03em;margin:0;font-size:clamp(26px,5vw,36px);font-weight:600;line-height:1.2}.page-error-empty{gap:10px}.page-error-empty h1{font-size:22px;font-weight:600}.page-error-empty p{color:#0d0d0d80;font-size:14px}.page-error p{color:#0d0d0d80;margin:0;font-size:14px;line-height:1.6}.page-error-actions{justify-content:center;gap:10px;margin-top:4px;display:flex}.page-error-btn{width:fit-content;font:500 12px var(--font-mono), monospace;letter-spacing:.02em;cursor:pointer;color:#fff;background:#0d0d0d;border:1px solid #0d0d0d14;border-radius:999px;justify-self:center;align-items:center;padding:9px 16px;text-decoration:none;transition:opacity .2s;display:inline-flex}.page-error-btn:hover{opacity:.82}.page-error-btn--secondary{color:#0d0d0d;background:#0d0d0d0d;border-color:#0d0d0d1a}.page-error-btn--secondary:hover{opacity:1;background:#0d0d0d1a}.huedrift-loader,.chromawave-loader{z-index:5;font-family:var(--font-mono), monospace;letter-spacing:.18em;text-align:center;opacity:0;pointer-events:none;visibility:visible;will-change:opacity;place-content:center;gap:12px;font-size:10px;transition:opacity .68s cubic-bezier(.22,1,.36,1),visibility 0s linear .68s;display:grid;position:absolute;inset:0}.huedrift-loader.is-visible,.chromawave-loader.is-visible{opacity:1}.huedrift-loader.is-complete,.chromawave-loader.is-complete{opacity:0;visibility:hidden}.huedrift-loader{color:#0d0d0d8c;background:var(--color-linen-canvas)}.chromawave-loader{color:#ffffff8c;background:#0d0d0d}.huedrift-loader-track,.chromawave-loader-track{width:180px;height:2px;overflow:hidden}.huedrift-loader-track{background:#0d0d0d1a}.chromawave-loader-track{background:#ffffff1f}.huedrift-loader-value,.chromawave-loader-value{justify-content:center;align-items:baseline;gap:2px;display:flex}.huedrift-loader-value{color:var(--color-ink-black)}.chromawave-loader-value{color:#ffffffd9}.huedrift-loader-value strong,.chromawave-loader-value strong{min-width:2.5ch;font-family:var(--font-sans);letter-spacing:-.03em;font-size:28px;font-weight:700}.huedrift-loader-value span,.chromawave-loader-value span{font-size:12px}.huedrift-loader-track span,.chromawave-loader-track span{transform-origin:0;width:100%;height:100%;transition:transform .18s ease-out;display:block;transform:scaleX(0)}.huedrift-loader-track span{background:linear-gradient(90deg,#e43d4f,#f5b83d,#59b96b,#4f75dd,#b34be4)}.chromawave-loader-track span{background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#c56cf0)}.colorspin-loader{z-index:5;color:#1c1814b8;font:10px var(--font-mono), monospace;letter-spacing:.18em;text-align:center;opacity:0;pointer-events:none;visibility:visible;will-change:opacity;background:#fafafafa;place-content:center;gap:12px;transition:opacity .68s cubic-bezier(.22,1,.36,1),visibility 0s linear .68s;display:grid;position:absolute;inset:0}.colorspin-loader.is-visible{opacity:1}.colorspin-loader.is-complete{opacity:0;visibility:hidden}.colorspin-loader-track{background:#1c181424;height:2px;overflow:hidden}.colorspin-loader-value{color:#1c1814e0;font:12px var(--font-mono), monospace;letter-spacing:0;justify-content:center;align-items:baseline;gap:2px;display:flex}.colorspin-loader-value strong{letter-spacing:-.06em;min-width:2.5ch;font-size:20px;font-weight:500}.colorspin-loader-value span{font-size:11px}.colorspin-loader-track span{transform-origin:0;background:linear-gradient(90deg,#e43d4f,#f5b83d,#59b96b,#4f75dd,#b34be4);width:100%;height:100%;transition:transform .18s ease-out;display:block;transform:scaleX(0)}.color-ring-container{z-index:50;pointer-events:none;justify-content:flex-start;align-items:center;width:140px;transition:transform .5s cubic-bezier(.32,.72,0,1),opacity .4s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.color-ring-container.collapsed{opacity:0;transform:translate(140px)}.ring-trigger-zone{z-index:51;pointer-events:auto;width:20px;position:fixed;top:0;bottom:0;right:0}.ring-toggle{z-index:53;pointer-events:auto;opacity:0;flex-direction:column;align-items:center;gap:6px;width:28px;transition:all .35s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)translate(40px)}.ring-toggle.show{opacity:1;transform:translateY(-50%)translate(0)}.ring-toggle-btn{border:1.5px solid var(--line);background:var(--color-paper-white);cursor:pointer;width:28px;height:28px;color:var(--color-stone);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.6rem;transition:all .3s;display:flex}.ring-toggle-btn:hover{border-color:var(--accent);transform:scale(1.15)}.ring-toggle-btn.active{border-color:var(--accent);background:var(--accent);color:var(--bg)}.ring-toggle-btn.color-btn{background:conic-gradient(#c2553d,#d4a843,#6b9a6b,#4a9a8e,#5a82a8,#8a6ba0,#c2553d);border:none}.ring-toggle-btn.color-btn.active{box-shadow:0 0 0 2px var(--bg), 0 0 12px 2px #c4623d66}.ring-toggle-btn.gray-btn{background:conic-gradient(#333,#666,#aaa,#ddd,#aaa,#666,#333);border:none}.ring-collapse-btn{border:1.5px solid var(--line);background:var(--bg2);cursor:pointer;width:28px;height:28px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;margin-top:4px;padding:0;font-size:.7rem;transition:all .3s;display:flex}.ring-collapse-btn:hover{background:var(--bg3);color:var(--ink)}.color-ring-wrapper{pointer-events:auto;cursor:grab;touch-action:none;flex-shrink:0;width:500px;height:500px;position:relative}.color-ring-wrapper:active{cursor:grabbing}.color-ring{opacity:.88;will-change:transform, opacity, filter;background:conic-gradient(#cb4d4d,#cb8c4d,#c6a953,#c6c653,#7aab49,#45a145,#45a173,#45a1a1,#4680b9,#5e5eba,#8c5eba,#ba5eba,#c6538c,#cb4d4d);border-radius:50%;width:100%;height:100%;transition:opacity .6s,filter .6s;-webkit-mask:radial-gradient(circle,#0000 0 36.5%,#000 36.7% 100%);mask:radial-gradient(circle,#0000 0 36.5%,#000 36.7% 100%)}.color-ring.grayscale{background:conic-gradient(#0e0e0e,#1a1a1a,#2a2a2a,#3a3a3a,#4a4a4a,#5a5a5a,#6a6a6a,#7a7a7a,#8a8a8a,#9a9a9a,#aaa,#bababa,#cacaca,#dadada,#e8e8e8,#f0f0f0,#e8e8e8,#dadada,#cacaca,#bababa,#aaa,#9a9a9a,#8a8a8a,#7a7a7a,#6a6a6a,#5a5a5a,#4a4a4a,#3a3a3a,#2a2a2a,#1a1a1a,#0e0e0e)}.color-ring-wrapper:hover .color-ring{opacity:.95}.ring-all-btn{z-index:5;pointer-events:auto;background:var(--color-paper-white);color:var(--color-ink-black);border-radius:var(--radius-pill);font-family:var(--font-mono), monospace;letter-spacing:.06em;cursor:pointer;border:1px solid #0d0d0d26;padding:8px 14px;font-size:10px;font-weight:500;transition:transform .2s,background .2s,border-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-all-btn:hover,.ring-all-btn.active{background:var(--color-ink-black);color:var(--color-paper-white);border-color:var(--color-ink-black);transform:translate(-50%,-50%)scale(1.06)}.ring-glow{pointer-events:none;z-index:2;filter:blur(14px);opacity:0;border-radius:50%;width:44px;height:44px;transition:opacity .4s,background .4s;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.ring-glow.active{opacity:.5}.ring-label{font-family:var(--font-mono), monospace;color:var(--color-ink-black);letter-spacing:.1em;text-transform:uppercase;background:var(--color-paper-white);border-radius:var(--radius-pill);opacity:0;pointer-events:none;z-index:51;white-space:nowrap;border:1px solid #0d0d0d1a;padding:4px 10px;font-size:.55rem;transition:opacity .3s,transform .3s;position:fixed;top:50%;right:135px;transform:translateY(-50%)translate(8px)}.ring-label.show{opacity:1;transform:translateY(-50%)translate(0)}.color-reveal{z-index:10003;display:none;position:fixed;inset:0;overflow:hidden}.color-reveal.active{display:block}.color-reveal-bg{background:#1a1614;transition:background .8s .3s;position:absolute;inset:0}.ceremony-cancel-btn{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;cursor:pointer;opacity:0;pointer-events:none;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex;position:fixed;top:1.5rem;left:1.5rem}.color-reveal.active .ceremony-cancel-btn{opacity:1;pointer-events:auto}.ceremony-cancel-btn:hover{color:#fffffff2;background:#ffffff40;transform:scale(1.08)}.ceremony-wheel{z-index:2;opacity:0;justify-content:flex-start;align-items:center;width:140px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(140px)}.color-reveal.active .ceremony-wheel{animation:.7s cubic-bezier(.32,.72,0,1) .2s forwards wheelSlideIn}@keyframes wheelSlideIn{to{opacity:1;transform:translate(0)}}.ceremony-wheel-inner{filter:none;flex-shrink:0;width:500px;height:500px;position:relative}.ceremony-wheel-ring{border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 38.9%,#000 39.6% 100%);mask:radial-gradient(circle,#0000 0 38.9%,#000 39.6% 100%)}.ceremony-wheel-ring.rainbow{background:conic-gradient(#ff4d4d,#ffb82e,#dcf028,#48dc61,#28d8bc,#35baff,#625cff,#bd51f2,#f54fab,#ff4d4d)}.ceremony-wheel-ring.grayscale{background:conic-gradient(#000,#141414,#292929,#3d3d3d,#525252,#666,#7a7a7a,#8f8f8f,#a3a3a3,#b8b8b8,#ccc,#e0e0e0,#f5f5f5,#fff,#f5f5f5,#e0e0e0,#ccc,#b8b8b8,#a3a3a3,#8f8f8f,#7a7a7a,#666,#525252,#3d3d3d,#292929,#141414,#000)}.ceremony-wheel-hole{pointer-events:none;z-index:1;border-radius:50%;width:360px;height:360px;transition:background .8s .3s;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-reveal.picking-mode .ceremony-wheel-hole,.color-reveal.picking-mode .color-reveal-bg,.color-reveal.picking-mode .ceremony-wheel-glow{transition:background .4s}.ceremony-wheel-glow{display:none}.color-reveal-content{z-index:4;opacity:0;text-align:center;flex-direction:column;align-items:center;gap:.5rem;max-width:480px;padding:0 3rem;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.color-reveal.active .color-reveal-content{animation:.6s 1.8s forwards contentIn}@keyframes contentIn{to{opacity:1}}.color-reveal-label{font-family:var(--font-mono), monospace;color:#ffffff59;letter-spacing:.4em;text-transform:uppercase;font-size:.55rem}.color-reveal-content.light-text .color-reveal-label{color:#ffffff59}.color-reveal-content.dark-text .color-reveal-label{color:#0000004d}.color-reveal-hex{font-family:var(--font-sans);letter-spacing:.04em;font-size:2.5rem;font-weight:700;line-height:1}.color-reveal-content.light-text .color-reveal-hex{color:#fffffff2}.color-reveal-content.dark-text .color-reveal-hex{color:#000000d9}.color-reveal-title{font-family:var(--font-sans);max-width:360px;font-size:.95rem;font-style:italic;font-weight:400}.color-reveal-content.light-text .color-reveal-title{color:#ffffff8c}.color-reveal-content.dark-text .color-reveal-title{color:#00000080}.color-reveal-group{white-space:nowrap;margin:.1rem 0 0}.color-reveal-content.light-text .color-reveal-group{color:#ffffff8c}.color-reveal-content.dark-text .color-reveal-group{color:#0000009e}.color-picker-panel{z-index:5;-webkit-backdrop-filter:blur(16px)saturate(140%);border-radius:var(--radius-md);opacity:0;background:#ffffff29;border:1px solid #ffffff52;width:320px;max-width:calc(100% - 180px);padding:1rem 1.2rem;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)translateY(15px)}.color-reveal.active .color-picker-panel{animation:.5s 2.4s forwards pickerIn}@keyframes pickerIn{to{opacity:1;transform:translate(-50%)translateY(0)}}.color-picker-label{font-family:var(--font-mono),monospace;letter-spacing:.2em;text-transform:uppercase;text-align:center;color:#fff6;margin-bottom:.6rem;font-size:.55rem}.eyedrop-cover-wrap{cursor:crosshair;border-radius:8px;width:200px;height:200px;margin:0 auto .8rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.eyedrop-cover{object-fit:cover;width:100%;height:100%;display:block}.eyedrop-cursor{pointer-events:none;z-index:10;border:2px solid #fff;border-radius:50%;width:24px;height:24px;transition:border-color 50ms;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009,0 2px 8px #0006}.eyedrop-cursor.active{display:block}.eyedrop-cursor:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-picker-row{justify-content:center;align-items:center;gap:.7rem;display:flex}.color-picker-preview{border:2px solid #ffffffd9;border-radius:50%;flex-shrink:0;width:28px;height:28px;box-shadow:0 0 12px}.color-picker-hex{font-family:var(--font-mono),monospace;color:#ffffffb3;letter-spacing:.05em;font-size:.8rem}.color-picker-status{font-family:var(--font-mono),monospace;color:#ffffff4d;letter-spacing:.1em;text-transform:uppercase;font-size:.5rem}.color-picker-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.7rem;display:flex}.color-compare{background:#0000001f;border:1px solid #ffffff1a;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem;margin:0 auto .8rem;padding:.7rem;display:grid}.color-compare>div{grid-template-columns:24px 1fr;align-items:center;gap:.15rem .5rem;min-width:0;display:grid}.color-compare span{border:1px solid #ffffff40;border-radius:50%;grid-row:1/3;width:24px;height:24px}.color-compare small{color:#ffffff6b;font:500 .48rem var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase}.color-compare code{color:#ffffffc7;font:600 .6rem var(--font-mono),monospace}.color-compare i{color:#ffffff59;font-style:normal}.ceremony-readout{display:contents}.ceremony-readout.compact{display:block}.ceremony-readout-group{color:#ffffff70;font:400 .52rem var(--font-mono),monospace;letter-spacing:.06em;text-transform:uppercase;margin-top:.28rem}.cover-picker-empty{background:linear-gradient(135deg,#ffffff1a,#0003)}.color-picker-btn{font-family:var(--font-mono),monospace;letter-spacing:.15em;text-transform:uppercase;color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;padding:.4rem 1rem;font-size:.58rem;transition:all .2s}.color-picker-btn:hover{background:#fff3;border-color:#fff6}#batchModal .batch-ceremony-header{z-index:6;text-align:center;color:#ffffffe6;width:min(760px,100% - 3rem);position:absolute;top:6rem;left:50%;transform:translate(-50%)}#batchModal .batch-ceremony-label{font:500 .58rem var(--font-mono), monospace;letter-spacing:.38em;text-transform:uppercase;color:#ffffff7a}#batchModal .batch-ceremony-sub{font:400 .78rem var(--font-sans), sans-serif;color:#ffffffb3;margin-top:.65rem}#batchModal .batch-import-nav{z-index:10;width:min(100% - 40px,820px);position:absolute;top:1.25rem;left:50%;right:auto;transform:translate(-50%)}.color-reveal-nav{z-index:10}#batchModal .batch-import-nav button{color:inherit}.color-reveal-nav .nav-brand{color:var(--color-ink-black);background:0 0;border:0}.color-reveal-nav .nav-brand span.label,.color-reveal-nav .nav-brand i.sep,.color-reveal-nav .nav-icon-btn{color:var(--color-stone)}.color-reveal-nav .nav-brand-dot i{background:var(--color-ink-black)}.color-reveal.light-bg .color-picker-panel{background:#ffffff7a;border-color:#00000029}.color-reveal.light-bg .color-picker-label,.color-reveal.light-bg .color-picker-status{color:#0d0d0d94}.color-reveal.light-bg .color-picker-hex{color:#0d0d0dd1}.color-reveal.light-bg .color-picker-btn{color:#0d0d0ddb;background:#ffffff61;border-color:#0003}.color-reveal.light-bg .color-picker-btn:hover{background:#ffffff9e;border-color:#00000052}#batchModal .batch-ceremony-body{z-index:5;box-sizing:border-box;padding:.5rem clamp(1rem,2.5vw,2.5rem) .75rem;position:absolute;inset:5.6rem 0 4.5rem;overflow:hidden auto}#batchModal .batch-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-flow:row;place-content:start stretch;gap:clamp(.75rem,1.4vw,1.25rem);width:100%;max-width:1440px;margin:0 auto;display:grid}#batchModal .batch-grid.is-compact{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:center;max-width:980px}#batchModal .batch-grid:not(.is-compact){grid-template-columns:repeat(7,minmax(0,1fr))}#batchModal .batch-card{color:#ffffffdb;background:#120e0c94;border:1px solid #ffffff29;border-radius:12px;min-width:0;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000002e}#batchModal .batch-card-cover-wrap{aspect-ratio:1;background:#ffffff0f;position:relative;overflow:hidden}#batchModal .batch-card-img,#batchModal .batch-card-img-placeholder{object-fit:cover;width:100%;height:100%;display:block}#batchModal .batch-card-img-placeholder{background:linear-gradient(135deg,#ffffff1a,#0003)}#batchModal .batch-card-text{padding:.7rem .75rem .8rem}#batchModal .batch-card-hex{font:600 .72rem var(--font-mono), monospace;letter-spacing:.06em}#batchModal .batch-card-title{text-overflow:ellipsis;white-space:nowrap;font:500 .75rem var(--font-sans), sans-serif;margin-top:.4rem;overflow:hidden}#batchModal .batch-card-pill{color:#ffffff80;font:400 .58rem var(--font-mono), monospace;align-items:center;gap:.4rem;margin-top:.55rem;display:flex}#batchModal .batch-card-swatch{border-radius:50%;flex:none;width:12px;height:12px}#batchModal .batch-eyedrop-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:24px;height:24px;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000a6}#batchModal .batch-eyedrop-cursor.active{display:block}#batchModal .batch-remove-btn,#batchModal .batch-revert-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:0}#batchModal .batch-remove-btn{z-index:2;background:#00000073;border-radius:50%;width:24px;height:24px;position:absolute;top:.45rem;right:.45rem}#batchModal .batch-revert-btn{margin-left:auto;font-size:.9rem}#batchModal .batch-card-error{color:#ffbeb4d9;font:400 .65rem var(--font-mono), monospace;padding:.7rem}#batchModal .batch-ceremony-footer{z-index:6;padding:0 1rem max(1rem, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;bottom:0;left:0;right:0}#batchModal .batch-ceremony-hint{color:#ffffff73;font:400 .58rem var(--font-mono), monospace}#batchModal .batch-ceremony-actions{gap:.6rem;display:flex}@media (max-width:600px){.ceremony-wheel{width:calc(min(76vw,360px)/3);transform:translate(calc(min(76vw,360px)/3))}.ceremony-wheel-inner,.ceremony-wheel-ring{width:min(76vw,360px);height:min(76vw,360px)}.color-picker-panel{width:min(380px,100% - 32px);max-width:min(380px,100% - 32px)}.eyedrop-cover-wrap{margin-inline:auto}.color-picker-actions{flex-wrap:nowrap;gap:.45rem}.color-picker-actions .color-picker-btn{white-space:nowrap;letter-spacing:.08em;min-width:0;padding-inline:.65rem}#batchModal .batch-import-nav,.color-reveal-nav{top:.75rem}#batchModal .batch-ceremony-header{top:4.5rem}#batchModal .batch-ceremony-body{padding:.4rem .75rem .6rem;inset:5rem 0 5.25rem}#batchModal .batch-grid,#batchModal .batch-grid:not(.is-compact){grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}#batchModal .batch-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}#batchModal .batch-ceremony-footer{padding-bottom:max(.6rem, env(safe-area-inset-bottom));bottom:0}#batchModal .batch-remove-btn{width:40px;height:40px;top:.2rem;right:.2rem}#batchModal .batch-revert-btn{min-width:44px;min-height:44px}#batchModal .batch-ceremony-actions button{min-height:44px}}#batchModal .batch-hint{color:#ffffff73;font:400 .62rem var(--font-mono), monospace;text-align:center;margin-top:.7rem}.reveal-backdrop{z-index:30;-webkit-backdrop-filter:blur(20px);background:#0d0d0d40;place-items:center;padding:24px;transition:background .6s;display:grid;position:fixed;inset:0}.reveal-ceremony{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-md);background:#fffffff0;border:1px solid #fff9;width:min(1040px,100%);max-height:94vh;padding:36px 44px;position:relative;overflow:auto;box-shadow:0 24px 80px #0000001f,inset 0 1px #fffc}.reveal-close{cursor:pointer;z-index:3;color:var(--color-stone);background:#0d0d0d0a;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:22px;line-height:1;transition:all .2s;display:grid;position:absolute;top:14px;right:18px}.reveal-close:hover{color:var(--color-ink-black);background:#0d0d0d14}.reveal-stage{grid-template-columns:minmax(280px,400px) 1fr;align-items:center;gap:clamp(30px,5vw,60px);display:grid}.reveal-cover-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.reveal-cover-frame{aspect-ratio:1;border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000001a}.reveal-cover-frame.dim{filter:brightness(.4)saturate(.4)}.reveal-cover{object-fit:cover;cursor:default;width:100%;height:100%;transition:filter .8s,transform .4s;display:block}.reveal-cover.picking{cursor:crosshair}.reveal-cover.picking:hover{filter:brightness(1.05)}.reveal-color-splash{mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity .9s;position:absolute;inset:0}.stage-reveal .reveal-color-splash,.stage-pick .reveal-color-splash,.stage-confirm .reveal-color-splash{opacity:.18}.reveal-eyebrow{font-family:var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--color-stone);margin:0;font-size:11px;font-weight:500}.reveal-panel h2{font-family:var(--font-sans);letter-spacing:-.03em;margin:8px 0 22px;font-size:clamp(28px,4vw,48px);font-weight:600;line-height:1.1}.reveal-swatches{align-items:center;gap:12px;margin-bottom:10px;display:flex}.reveal-swatch{border:2px solid var(--color-paper-white);cursor:pointer;border-radius:50%;width:40px;height:40px;padding:0;transition:transform .2s;box-shadow:0 0 0 1px #00000014}.reveal-swatch.active{box-shadow:0 0 0 2px var(--color-ink-black);transform:scale(1.15)}.reveal-swatch.picked{box-shadow:0 0 0 2px var(--color-ink-black),0 0 0 4px var(--color-paper-white)}.reveal-swatch-meta{margin-left:8px}.reveal-swatch-meta code{font-family:var(--font-mono),monospace;font-size:14px;font-weight:600}.reveal-swatch-meta small{font-family:var(--font-mono),monospace;color:var(--color-stone);letter-spacing:.04em;margin-top:4px;font-size:10px;display:block}.reveal-harmony{gap:6px;margin:14px 0 6px;display:flex}.reveal-harmony span{border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 1px #0000000f}.reveal-actions{flex-wrap:wrap;gap:8px;margin:14px 0 20px;display:flex}.reveal-ghost{background:var(--color-paper-white);font-family:var(--font-mono),monospace;letter-spacing:.04em;cursor:pointer;color:var(--color-ink-black);border-radius:var(--radius-sm);text-transform:uppercase;border:1px solid #0d0d0d26;padding:8px 16px;font-size:11px;font-weight:500;transition:all .2s}.reveal-ghost:hover{border-color:var(--color-ink-black)}.reveal-ghost:disabled{opacity:.4;cursor:not-allowed}.reveal-ghost.on{background:var(--color-ink-black);color:var(--color-paper-white);border-color:var(--color-ink-black)}.reveal-ghost.danger{color:#c23;border-color:#c23}.file-reupload{cursor:pointer;align-items:center;display:inline-flex}.reveal-busy{font-family:var(--font-mono),monospace;color:var(--color-stone);align-self:center;font-size:10px}.reveal-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.reveal-form label{font-family:var(--font-mono),monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--color-stone);flex-direction:column;gap:6px;font-size:10px;font-weight:500;display:flex}.reveal-form label span{color:var(--color-pebble)}.reveal-rating{grid-column:1/-1}.reveal-stars{align-items:center;gap:4px;display:flex}.reveal-stars .star{cursor:pointer;color:#ddd;background:0 0;border:0;padding:2px;font-size:22px;line-height:1;transition:all .2s}.reveal-stars .star.on{color:#f0b400}.reveal-stars small{font-family:var(--font-mono),monospace;color:var(--color-stone);margin-left:10px;font-size:10px}.reveal-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.wave-grid{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.wave-grid-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.wave-grid-fallback{color:var(--color-stone);font-family:var(--font-mono),monospace;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.album-detail-page{--detail-glow:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-detail-page{--detail-glow:color-mix(in srgb, var(--album-color) 34%, transparent)}}.album-detail-page{isolation:isolate;background:var(--album-color);position:relative;overflow-x:clip}@supports (color:color-mix(in lab, red, red)){.album-detail-page{background:color-mix(in srgb, var(--album-color) 82%, var(--color-paper-white))}}.album-detail-page:before{content:"";z-index:-2;pointer-events:none;opacity:.38;background-image:linear-gradient(#0d0d0d06 1px,#0000 1px),linear-gradient(90deg,#0d0d0d05 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,#0000 78%);mask-image:radial-gradient(circle at 50% 20%,#000,#0000 78%)}.detail-atmosphere{z-index:-1;pointer-events:none;position:fixed;inset:-10%;overflow:hidden}.detail-atmosphere:before{content:none}.detail-atmosphere:after{content:"";background:var(--album-color);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.detail-atmosphere:after{background:color-mix(in srgb, var(--album-color) 18%, transparent)}}.detail-atmosphere:after{mix-blend-mode:normal}.album-detail-page .detail-nav{position:fixed;box-shadow:0 18px 60px #0d0d0d14,inset 0 1px #ffffffbf}.detail-viewport{max-width:min(1420px,100%);margin:0 auto;padding:clamp(112px,14vh,150px) clamp(20px,6vw,86px) clamp(72px,10vh,120px)}.album-hero.detail-panel-one{grid-template-columns:minmax(280px,520px) minmax(0,1fr);align-items:center;gap:clamp(36px,7vw,112px);min-height:auto;padding:0;display:grid}.detail-cover-stage{align-self:start;place-items:center;min-height:min(620px,100dvh - 150px);display:grid;position:sticky;top:118px}.detail-cover-glow{aspect-ratio:1;background:radial-gradient(circle, var(--album-color) 0, var(--album-color) 42%, transparent 68%);border-radius:34% 42% 38% 46%;width:min(560px,92vw);position:absolute}@supports (color:color-mix(in lab, red, red)){.detail-cover-glow{background:radial-gradient(circle, color-mix(in srgb, var(--album-color) 54%, white) 0, color-mix(in srgb, var(--album-color) 20%, transparent) 42%, transparent 68%)}}.detail-cover-glow{filter:blur(46px)saturate(1.28);opacity:.72;transform:translate(-4%,2%)rotate(-8deg)}.detail-cover{z-index:1;aspect-ratio:1;width:min(500px,78vw);max-width:none;transform-style:preserve-3d;will-change:transform;border-radius:clamp(24px,3vw,42px);transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform:perspective(800px)rotateY(0)rotateX(0);box-shadow:0 44px 110px #0d0d0d38,inset 0 0 0 1px #ffffff8c,0 0 0 12px #ffffff29}@media (hover:hover) and (pointer:fine) and (min-width:621px){.detail-cover:hover:not(.detail-cover-tilt-disabled){transition-duration:70ms,.35s;box-shadow:0 54px 130px #0d0d0d40,inset 0 0 0 1px #ffffff9e,0 0 0 12px #ffffff2e}}.detail-cover-tilt-disabled{will-change:auto;transform:perspective(800px)rotateX(0)rotateY(0)!important}.detail-cover img{object-fit:cover;width:100%;height:100%;display:block}.detail-copy{min-width:0;max-width:620px;padding:clamp(10px,1.5vw,20px) 0;position:relative}.detail-eyebrow-row{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 18px;display:flex}.detail-eyebrow,.detail-split-eyebrow,.detail-split-meta{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--color-stone);font-size:10px}.detail-eyebrow{box-sizing:border-box;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(14px);background:#ffffff61;border:1px solid #0d0d0d14;align-items:center;height:30px;min-height:30px;padding:0 12px;display:inline-flex}.album-color-swatch{box-sizing:border-box;border-radius:var(--radius-pill);height:30px;min-height:30px;color:var(--color-ink-black);font-family:var(--font-mono), monospace;letter-spacing:.1em;background:#ffffff61;border:1px solid #0d0d0d17;align-items:center;gap:7px;padding:0 10px;font-size:10px;font-weight:600;line-height:1;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:inline-flex}.album-color-swatch:disabled{cursor:default}.album-color-swatch-dot{border:1px solid #0d0d0d33;border-radius:50%;flex:0 0 11px;width:11px;height:11px;box-shadow:0 0 0 2px #ffffff7a}.album-color-swatch.is-editable{cursor:pointer}.album-color-swatch.is-editable:hover{border-color:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-color-swatch.is-editable:hover{border-color:color-mix(in srgb, var(--album-color) 52%, #0d0d0d2e)}}.album-color-swatch.is-editable:hover{background:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-color-swatch.is-editable:hover{background:color-mix(in srgb, var(--album-color) 10%, #ffffff8c)}}.album-color-swatch.is-editable:hover{box-shadow:0 5px 16px var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-color-swatch.is-editable:hover{box-shadow:0 5px 16px color-mix(in srgb, var(--album-color) 19%, transparent)}}.album-color-swatch.is-editable:hover{transform:translateY(-1px)}.album-color-swatch.is-editable:focus-visible{border-color:var(--album-color);box-shadow:0 0 0 3px var(--album-color);outline:none}@supports (color:color-mix(in lab, red, red)){.album-color-swatch.is-editable:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--album-color) 25%, transparent)}}.detail-copy h1{max-width:620px;font-family:var(--font-sans);letter-spacing:-.055em;text-wrap:balance;color:var(--color-ink-black);margin:0 0 12px;font-size:clamp(40px,5.8vw,76px);font-weight:720;line-height:.94}.detail-copy h2{color:var(--color-ink-black);margin:0 0 clamp(18px,2.6vw,28px);font-size:clamp(16px,1.9vw,22px);font-weight:440}@supports (color:color-mix(in lab, red, red)){.detail-copy h2{color:color-mix(in srgb, var(--color-ink-black) 58%, var(--album-color))}}.detail-rating{-webkit-backdrop-filter:blur(18px)saturate(150%);background:#ffffffdb;border:1px solid #ffffffb8;border-radius:28px;flex-direction:column;gap:8px;margin:0 0 18px;padding:16px 18px;display:inline-flex;box-shadow:0 18px 54px #0d0d0d1a}.album-detail-page-dark .detail-rating{background:#ffffffdb;border-color:#ffffffb8}.detail-rating-main .rating-value,.rating-display{font-variant-numeric:tabular-nums;font-size:clamp(34px,5vw,52px)}.detail-rating .rating-display,.detail-rating .rating-scale,.detail-rating>small{color:var(--album-color)!important}@supports (color:color-mix(in lab, red, red)){.detail-rating .rating-display,.detail-rating .rating-scale,.detail-rating>small{color:color-mix(in srgb, var(--album-color) 76%, var(--color-ink-black))!important}}.detail-rating .rating-display,.detail-rating .rating-scale,.detail-rating>small{text-shadow:0 1px #ffffff6b}.detail-review-block{max-width:620px;margin:8px 0 0}.review-title-display{letter-spacing:-.02em;font-size:clamp(19px,2.2vw,28px);line-height:1.25}.review-body-display{max-width:620px;font-size:15px;line-height:1.75}.detail-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:clamp(24px,4vw,38px);display:flex}.detail-actions-row{flex-wrap:wrap}.detail-actions-stack{flex-direction:column;align-items:flex-start;gap:14px;display:inline-flex}.visibility-switch{border-radius:var(--radius-pill);background:#0d0d0d0f;border:0;flex-shrink:0;align-items:center;gap:2px;min-height:42px;padding:3px;display:flex}.visibility-switch-label{min-height:34px;color:var(--color-stone);font-family:var(--font-mono), monospace;letter-spacing:.06em;white-space:nowrap;align-items:center;padding:6px 10px 6px 12px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.visibility-switch-btn{min-height:34px;font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--color-stone);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:6px 15px;font-size:12px;font-weight:500;line-height:1;transition:all .2s}.visibility-switch-btn:hover{color:var(--color-ink-black)}.visibility-switch-btn.active{background:var(--color-paper-white);color:var(--color-ink-black);box-shadow:0 1px 3px #00000014}.visibility-warning{width:100%;font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--color-stone);margin:0;padding:2px 0;font-size:11px;font-weight:500;line-height:1.5}.visibility-warning a{color:var(--color-stone);text-underline-offset:4px;text-decoration:underline}.detail-actions-side{align-items:center;gap:8px;display:inline-flex}.detail-actions-side .visibility-card{margin:0}.detail-actions-main{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffff6b;border:1px solid #fff6;align-items:center;gap:2px;min-height:42px;padding:3px;display:inline-flex;box-shadow:0 4px 24px #0000000f,inset 0 1px #fffc}.detail-actions .detail-action-button,.detail-actions .detail-actions-main .btn-primary.detail-action-button,.detail-actions .detail-actions-main .btn-secondary.detail-action-button{border-radius:var(--radius-pill);min-height:34px;color:var(--color-stone);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;padding:6px 15px;font-size:12px;font-weight:500;line-height:1;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}.detail-actions .detail-actions-main .detail-action-button:hover,.detail-actions .detail-actions-main .detail-action-button:focus-visible,.detail-actions .detail-actions-main .btn-primary.detail-action-button:hover,.detail-actions .detail-actions-main .btn-primary.detail-action-button:focus-visible{color:var(--color-ink-black);background:#ffffff8f}.detail-actions .detail-actions-main .btn-primary.detail-action-button{color:var(--color-stone);box-shadow:none;background:0 0}.detail-actions .detail-action-button:focus-visible{outline:3px solid var(--album-color)}@supports (color:color-mix(in lab, red, red)){.detail-actions .detail-action-button:focus-visible{outline:3px solid color-mix(in srgb, var(--album-color) 50%, white)}}.detail-actions .detail-action-button:focus-visible{outline-offset:2px}.detail-split{-webkit-backdrop-filter:blur(24px)saturate(170%);background:linear-gradient(135deg,#ffffff7a,#fff3);border:1px solid #ffffff9e;border-radius:clamp(20px,3vw,30px);margin-top:clamp(32px,5vw,64px);padding:clamp(18px,2.5vw,30px);box-shadow:0 24px 70px #0d0d0d14,inset 0 1px #ffffffb3}.detail-split-header{justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 16px;display:flex}.detail-split-header h2{letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(22px,3vw,34px);line-height:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.detail-track-list{flex-direction:column;gap:0;display:flex}.track{content-visibility:auto;contain-intrinsic-size:auto 72px;background:0 0;border:1px solid #0000;border-top-color:#0d0d0d0e;border-radius:20px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:16px;height:72px;min-height:72px;padding:12px 14px;transition:background .18s,border-color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.track:before{content:"";background:var(--album-color);opacity:0;border-radius:999px;width:3px;transition:opacity .18s;position:absolute;top:14px;bottom:14px;left:0}.track:hover,.track:focus-within{background:#ffffff6b;border-color:#ffffffad;transform:translate(4px)}.track:hover:before,.track:focus-within:before{opacity:.9}.track-num{font-family:var(--font-mono), monospace;text-align:right;color:var(--album-color);font-size:11px}@supports (color:color-mix(in lab, red, red)){.track-num{color:color-mix(in srgb, var(--album-color) 48%, var(--color-stone))}}.track-num{font-variant-numeric:tabular-nums}.track-title-row strong{font-size:15px;font-weight:560}.track-info{align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.track-title-row{flex:0 auto;min-width:0}.track-title-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-review-display,.edit-track-review{text-overflow:ellipsis;white-space:nowrap;flex:10rem;min-width:0;margin:0;overflow:hidden}.edit-track-review{height:30px;line-height:30px}.track-rating-display{border:1px solid;min-width:46px;padding:7px 10px}@supports (color:color-mix(in lab, red, red)){.track-rating-display{border:1px solid color-mix(in srgb, currentColor 26%, transparent)}}.track-rating-display{border-radius:var(--radius-pill);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;text-align:center;background:#ffffff6b;font-size:12px}.empty-tracks{background:#ffffff52;border:1px dashed #0d0d0d1f;border-radius:24px;padding:28px}@media (max-width:980px){.album-hero.detail-panel-one{grid-template-columns:1fr;gap:34px}.detail-cover-stage{min-height:0;position:relative;top:auto}.detail-copy{padding:0}.detail-copy h1{font-size:clamp(46px,14vw,86px)}}@media (max-width:620px){.album-detail-page .track{grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr);align-items:start}.album-detail-page .track-rating-control{grid-area:2/2;justify-self:start;width:min(100%,220px);margin-top:4px}.album-detail-page .track-rating-control .rating-picker{width:100%}.album-detail-page .track-rating-control .rating-slider{width:100%;min-width:56px}.detail-viewport{padding:96px 16px 56px}.detail-cover{border-radius:28px;width:min(360px,86vw);transform:none}.detail-cover:hover{transform:translateY(-4px)}.detail-eyebrow-row{flex-wrap:nowrap;align-items:center;gap:8px;width:fit-content;max-width:100%}.detail-eyebrow{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;justify-content:flex-start;width:auto;max-width:min(62vw,250px);padding-inline:10px;font-size:9px;overflow:hidden}.album-color-swatch{letter-spacing:.06em;flex:none;height:30px;min-height:30px;padding:0 9px;font-size:9px}.detail-eyebrow-row>.album-color-swatch:only-child{justify-content:flex-start;width:auto}.edit-meta-fields{justify-content:space-between;gap:6px;width:100%}.edit-meta-field,.edit-meta-tone{gap:5px;height:30px;min-height:30px;padding:4px 7px}.edit-meta-field:not(.edit-meta-year){flex:auto}.edit-meta-field input{width:100%}.edit-meta-year{flex:none}.edit-meta-year input{width:4ch}.detail-actions .btn-primary,.detail-actions .btn-secondary{justify-content:center;width:100%}.detail-actions .reveal-link{justify-content:initial;width:auto}.detail-split{border-radius:24px;margin-top:28px;padding:18px 10px}.detail-split-header{flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:10px;padding:0 4px}.detail-split-header h2{font-size:25px}.track{border-radius:14px;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;height:58px;min-height:58px;padding:8px 6px}.track-num{font-size:10px}.track-title-row{align-items:baseline;gap:6px;min-width:0;display:flex}.track-title-row strong{min-width:0;font-size:13px}.track-title-row small{font-size:9px}.track-rating-control{grid-column:auto;justify-content:flex-end}.track-rating-display{min-width:34px;padding:6px 7px;font-size:10px}.track-rating-control .rating-picker{width:136px}.track-rating-control .rating-picker>.rating-slider{min-width:0}.detail-actions-row{flex-wrap:nowrap;align-items:center;gap:10px;width:100%}.detail-actions-stack{flex:0 auto;min-width:0}.detail-actions-side{flex:none;justify-content:flex-start;width:auto;margin-left:2px}.delete-confirm{background:0 0;border-radius:0;align-items:center;gap:8px;width:auto;padding:0;display:inline-flex}.delete-confirm>span{white-space:nowrap}.delete-confirm .reveal-link{width:auto;min-height:0;padding:8px}}@media (max-width:1024px){.ring-toggle{display:none!important}.color-ring-container{width:110px}.color-ring-container.collapsed{transform:translate(110px)}.color-ring-wrapper{width:400px;height:400px}.ring-glow{width:36px;height:36px}.ring-label{font-size:.5rem;right:105px}}@media (max-width:768px){.nav-pill{width:calc(100% - 24px);max-width:none;min-height:40px;top:max(12px, env(safe-area-inset-top));flex-wrap:wrap;gap:4px;padding:3px 5px;overflow:visible}.nav-actions{gap:6px;min-width:0;margin-left:auto}.nav-actions>.nav-icon-btn,.nav-actions>.account-avatar-link{flex:0 auto;min-width:0}.nav-actions>.nav-icon-btn{padding-inline:6px}.nav-brand{padding:4px 9px;font-size:12px}.nav-brand span.label{display:none}.nav-theme-btn{padding:4px 8px;font-size:9px}.nav-icon-btn span{display:none}.nav-icon-btn{padding:6px}.nav-theme-switch{min-width:0}.nav-search-slot{z-index:99;width:auto;display:block;position:absolute;top:calc(100% + 8px);left:0;right:0}.nav-search-slot .nav-search{width:100%}.nav-search{min-width:0;padding:0 10px}.nav-actions{margin-left:auto}.album-hero{grid-template-columns:1fr;gap:32px;padding-top:90px}.detail-cover{max-width:340px}.reveal-stage{grid-template-columns:1fr}.reveal-ceremony{padding:28px 22px}.form-grid,.reveal-form{grid-template-columns:1fr}.auth-page{min-height:100dvh;padding-inline:12px}.auth-page>.dialog{width:min(100%,460px);margin:auto}.auth-panel{background:linear-gradient(145deg,#ffffff6b,#ffffff2e);border-radius:24px;padding:28px 22px;box-shadow:0 22px 70px #2531511f,inset 0 1px #ffffffeb}.settings-row-key-with-note{display:block}.settings-row-key-with-note small{margin-top:3px;display:block}}@media (max-width:520px){.account-avatar-link{width:30px;height:30px;margin:0 1px}.account-avatar-link .nav-user-avatar{flex:0 0 27px;width:27px;height:27px}.account-avatar-link .nav-user-avatar svg{width:13px;height:13px}.nav-pill{gap:3px 2px;max-width:calc(100% - 16px);min-height:38px;padding:3px}.nav-theme-switch{display:flex}.nav-actions{overflow:visible}.nav-icon-btn{justify-content:center;min-width:32px;min-height:32px}.nav-login-btn{text-align:center;justify-content:center;min-width:52px;min-height:29px;padding-inline:8px}.nav-search-clear{width:28px;height:28px}.nav-actions{gap:5px}.nav-actions>.nav-icon-btn{padding-inline:4px}.nav-brand{gap:5px;padding:4px 7px}.nav-theme-btn{padding:4px 5px;font-size:8px}.nav-search{flex-basis:0;height:38px;padding:0 10px}.nav-search-input{font-size:13px}.nav-login-btn{padding:5px 8px;font-size:8px}.nav-user{padding:6px 10px;font-size:9px}.nav-icon-btn{padding:6px}.nav-icon-btn svg{width:13px;height:13px}.dialog-backdrop{padding:max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));place-items:center}.dialog{width:100%;max-height:calc(100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));border-radius:24px;padding:28px 20px}.dialog-close,.reveal-close{width:44px;height:44px}.dialog h2{font-size:24px}.upload-url-row{flex-direction:row;align-items:stretch}.upload-url-row input{min-width:0}.upload-url-row button{white-space:nowrap;flex:none;min-height:44px}.upload-tabs button{min-height:44px}.color-ring-container{width:80px}.color-ring-container.collapsed{transform:translate(80px)}.color-ring-wrapper{width:280px;height:280px}.ring-glow{width:28px;height:28px}.ring-label{font-size:.48rem;right:75px}.track{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;height:72px;min-height:72px;padding-inline:8px}.track-rating-control{grid-column:auto;width:auto}.track-rating-control .rating-picker{gap:6px;width:126px}.track-rating-control .rating-score-input{width:36px}.rating-slider{width:100%;max-width:240px}.reveal-footer{flex-direction:column;align-items:stretch}.reveal-footer .primary{width:100%}.batch-footer{flex-direction:column;align-items:stretch;gap:12px}.batch-footer>div{justify-content:space-between}}.album-detail-page .visibility-card{background:#ffffff57;align-items:center;width:fit-content;max-width:100%;margin:10px 0 0;padding:4px 5px 4px 9px;display:inline-flex;box-shadow:0 4px 16px #14110c0d,inset 0 1px #ffffffb8;border-radius:var(--radius-pill)!important}.album-detail-page .visibility-card-heading{flex:none;justify-content:flex-start;align-items:center;gap:6px;margin:0;display:inline-flex}.album-detail-page .visibility-card .visibility-label{font-size:12px}.album-detail-page .visibility-card-hint{color:var(--color-pebble);font:500 9px var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.album-detail-page .visibility-card .visibility-options{border-radius:var(--radius-pill);gap:2px;width:auto;padding:2px;display:inline-flex}.album-detail-page .visibility-card .visibility-btn{border-radius:var(--radius-pill);min-height:28px;padding:4px 9px}.album-detail-page .visibility-btn-title{font-size:10px}.album-detail-page .visibility-btn-note,.album-detail-page .visibility-card-hint{display:none}.album-detail-page .edit-title-input,.album-detail-page .edit-artist-input,.album-detail-page .edit-review-title,.album-detail-page .edit-review-body,.album-detail-page .edit-track-review{box-sizing:border-box;width:100%;color:var(--color-ink-black);box-shadow:none;background:0 0;border:0;border-bottom:1px solid #0d0d0d29;border-radius:0;transition:border-color .18s,background .18s}.album-detail-page .edit-title-input:hover,.album-detail-page .edit-artist-input:hover,.album-detail-page .edit-review-title:hover,.album-detail-page .edit-review-body:hover,.album-detail-page .edit-track-review:hover{background:#ffffff29;border-bottom-color:#0d0d0d47}.album-detail-page .edit-title-input:focus,.album-detail-page .edit-artist-input:focus,.album-detail-page .edit-review-title:focus,.album-detail-page .edit-review-body:focus,.album-detail-page .edit-track-review:focus{border-bottom-color:var(--album-color);box-shadow:none;background:#ffffff38;border-bottom-width:1px;outline:none}.album-detail-page .edit-title-input{height:1.1em;min-height:0;padding:2px 0}.album-detail-page .edit-artist-input{height:30px;margin-top:0;padding:4px 0}.album-detail-page .edit-review-fields{gap:4px;width:100%;max-width:none;margin-top:12px}.album-detail-page .edit-review-title{height:30px;padding:4px 0}.album-detail-page .edit-review-body{resize:none;height:52px;min-height:52px;padding:7px 0}.album-detail-page .edit-track-review{height:26px;min-height:26px;padding:3px 0;line-height:18px}.album-detail-page .track{border:0;border-top:1px solid #0d0d0d1f;border-radius:0;grid-template-columns:46px minmax(0,1fr) 196px}.album-detail-page .track:last-child{border-bottom:1px solid #0d0d0d1f}.album-detail-page .track-num{visibility:visible;opacity:1;text-align:center;min-width:0;display:block}.album-detail-page .track-info{grid-template-rows:auto 22px;align-content:center;align-self:stretch;align-items:center;gap:0;width:100%;min-width:0;height:100%;padding:0;display:grid;overflow:hidden}.album-detail-page .track-rating-control{visibility:visible;opacity:1;z-index:2;justify-content:flex-end;align-items:center;width:196px;min-width:0;display:flex;overflow:visible}.album-detail-page .track-rating-control .rating-picker{width:196px;min-width:0;overflow:visible}.album-detail-page .track-rating-control .rating-slider{min-width:78px}.album-detail-page .track-title-row{flex:none;justify-content:flex-start;align-self:stretch;align-items:baseline;gap:10px;width:100%;min-width:0;display:flex}.album-detail-page .track-review-display,.album-detail-page .edit-track-review{flex:none;align-self:stretch;width:100%;min-width:0;margin-top:3px;padding-top:1px;padding-bottom:5px}.album-detail-page .track-title-row strong{opacity:1;visibility:visible;text-align:left;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;flex:auto;min-width:0;max-width:100%;line-height:1.25;display:block;overflow:hidden;color:var(--color-ink-black)!important}.album-detail-page .track-title-row small{flex:none}.album-detail-page .edit-track-review{box-sizing:border-box;width:100%;height:22px;min-height:22px;box-shadow:none;text-align:left;background:0 0;border:0;border-bottom:1px solid #0d0d0d29;border-radius:0;flex:none;align-self:center;margin:2px 0 0;padding:2px 0 0;line-height:20px}.album-detail-page-dark{color:#fff}.album-detail-page-dark .detail-copy h1,.album-detail-page-dark .detail-copy h2,.album-detail-page-dark .detail-eyebrow,.album-detail-page-dark .detail-split-header h2,.album-detail-page-dark .track-title-row strong,.album-detail-page-dark .visibility-label,.album-detail-page-dark .visibility-btn-title,.album-detail-page-dark .edit-title-input,.album-detail-page-dark .edit-artist-input,.album-detail-page-dark .edit-meta-field>span,.album-detail-page-dark .edit-meta-field input,.album-detail-page-dark .edit-meta-tone,.album-detail-page-dark .edit-meta-tone>span,.album-detail-page-dark .edit-meta-tone strong,.album-detail-page-dark .edit-review-title,.album-detail-page-dark .edit-review-body{color:#fff!important}.album-detail-page-dark .detail-rating .rating-display,.album-detail-page-dark .detail-rating .rating-scale,.album-detail-page-dark .detail-rating>small,.album-detail-page-dark .detail-rating .rating-number-field,.album-detail-page-dark .detail-rating .rating-score-input,.album-detail-page-dark .detail-rating .rating-slider,.album-detail-page-dark .detail-rating .rating-picker,.album-detail-page-dark .edit-track-review,.album-detail-page-dark .edit-track-review::placeholder,.album-detail-page-dark .edit-title-input::placeholder,.album-detail-page-dark .edit-artist-input::placeholder,.album-detail-page-dark .edit-meta-field input::placeholder,.album-detail-page-dark .edit-review-title::placeholder,.album-detail-page-dark .edit-review-body::placeholder{color:#ffffffb8!important}.album-detail-page-dark .edit-track-review,.album-detail-page-dark .edit-title-input,.album-detail-page-dark .edit-artist-input,.album-detail-page-dark .edit-meta-field input,.album-detail-page-dark .edit-review-title,.album-detail-page-dark .edit-review-body{caret-color:#fff;border-bottom-color:#ffffff9e!important}.album-detail-page-dark .edit-meta-field,.album-detail-page-dark .edit-meta-tone{border-color:#ffffff6b}.album-detail-page-dark .detail-split-eyebrow,.album-detail-page-dark .detail-split-meta,.album-detail-page-dark .track-title-row small,.album-detail-page-dark .visibility-btn-note,.album-detail-page-dark .visibility-card-hint{color:#23221e9e}.album-detail-page-dark .review-title-display,.album-detail-page-dark .review-body-display,.album-detail-page-dark .track-review-display{color:#fff!important}.album-detail-page-dark .detail-eyebrow{color:var(--color-stone)}.album-detail-page-dark .album-color-swatch,.album-detail-page-dark .album-color-swatch>span:last-child{color:#fff}.album-detail-page-dark .detail-rating{background:#ffffffdb;border:1px solid #ffffffb8}.album-detail-page-dark .detail-actions-main{background:#ffffff8f;border:1px solid #fff6;box-shadow:0 4px 24px #0000000f,inset 0 1px #fffc}.album-detail-page-dark .visibility-switch{background:#ffffff1a}.album-detail-page-dark .visibility-switch-label,.album-detail-page-dark .visibility-switch-btn{color:#ffffffdb!important}.album-detail-page-dark .visibility-switch-btn:hover{color:#fff!important}.album-detail-page-dark .visibility-switch-btn.active{background:#fff3;box-shadow:0 1px 3px #0000001f;color:#fff!important}.album-detail-page-dark .detail-actions-main .detail-action-button,.album-detail-page-dark .detail-actions-main .detail-action-button:visited{opacity:1;background:0 0;color:#fff!important}.album-detail-page-dark .detail-actions-main .btn-primary.detail-action-button:hover,.album-detail-page-dark .detail-actions-main .btn-primary.detail-action-button:focus-visible{background:#ffffff2e;color:#fff!important}.album-detail-page-dark .detail-actions-main .btn-primary.detail-action-button{box-shadow:none;background:0 0;color:#fff!important}.album-detail-page-dark .detail-actions-main .btn-secondary.detail-action-button:hover,.album-detail-page-dark .detail-actions-main .btn-secondary.detail-action-button:focus-visible{background:#ffffff2e;color:#fff!important}.album-detail-page-dark .visibility-card,.album-detail-page-dark .track-rating-display{color:var(--album-color);background:#ffffffd1;border-color:#ffffffb8}.album-detail-page-dark .album-color-swatch-dot{border-color:#ffffff80;box-shadow:0 0 0 2px #0d0d0d2e}.album-detail-page-dark .detail-rating{box-shadow:0 18px 54px #0d0d0d2e}.album-detail-page-dark .detail-rating .rating-score-input,.album-detail-page-dark .detail-rating .rating-number-field,.album-detail-page-dark .detail-rating .rating-slider{color:var(--album-color)!important}.album-detail-page-dark .detail-rating .rating-score-input:focus{background:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-detail-page-dark .detail-rating .rating-score-input:focus{background:color-mix(in srgb, var(--album-color) 12%, transparent)}}.album-detail-page-dark .detail-rating .rating-display,.album-detail-page-dark .detail-rating .rating-scale,.album-detail-page-dark .detail-rating>small,.album-detail-page-dark .detail-rating .rating-score-input,.album-detail-page-dark .detail-rating .rating-number-field,.album-detail-page-dark .detail-rating .rating-number-field>span{color:var(--album-color)!important}@supports (color:color-mix(in lab, red, red)){.album-detail-page-dark .detail-rating .rating-display,.album-detail-page-dark .detail-rating .rating-scale,.album-detail-page-dark .detail-rating>small,.album-detail-page-dark .detail-rating .rating-score-input,.album-detail-page-dark .detail-rating .rating-number-field,.album-detail-page-dark .detail-rating .rating-number-field>span{color:color-mix(in srgb, var(--album-color) 76%, var(--color-ink-black))!important}}.album-detail-page-dark .detail-rating .rating-display,.album-detail-page-dark .detail-rating .rating-scale,.album-detail-page-dark .detail-rating>small,.album-detail-page-dark .detail-rating .rating-score-input,.album-detail-page-dark .detail-rating .rating-number-field,.album-detail-page-dark .detail-rating .rating-number-field>span{text-shadow:0 1px #ffffff6b}.album-detail-page-dark .detail-rating .rating-slider{background:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-detail-page-dark .detail-rating .rating-slider{background:color-mix(in srgb, var(--album-color) 46%, #0d0d0d47)}}.album-detail-page-dark .detail-rating .rating-slider{accent-color:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-detail-page-dark .detail-rating .rating-slider{accent-color:color-mix(in srgb, var(--album-color) 76%, var(--color-ink-black))}}.album-detail-page-dark .detail-rating .rating-slider{color:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-detail-page-dark .detail-rating .rating-slider{color:color-mix(in srgb, var(--album-color) 76%, var(--color-ink-black))}}.album-detail-page-dark .detail-rating .rating-slider::-webkit-slider-thumb{border-color:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-detail-page-dark .detail-rating .rating-slider::-webkit-slider-thumb{border-color:color-mix(in srgb, var(--album-color) 42%, #0d0d0dd6)}}.album-detail-page-dark .detail-rating .rating-slider::-webkit-slider-thumb{background:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-detail-page-dark .detail-rating .rating-slider::-webkit-slider-thumb{background:color-mix(in srgb, var(--album-color) 76%, var(--color-ink-black))}}.album-detail-page-dark .detail-rating .rating-slider::-moz-range-thumb{border-color:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-detail-page-dark .detail-rating .rating-slider::-moz-range-thumb{border-color:color-mix(in srgb, var(--album-color) 42%, #0d0d0dd6)}}.album-detail-page-dark .detail-rating .rating-slider::-moz-range-thumb{background:var(--album-color)}@supports (color:color-mix(in lab, red, red)){.album-detail-page-dark .detail-rating .rating-slider::-moz-range-thumb{background:color-mix(in srgb, var(--album-color) 76%, var(--color-ink-black))}}.album-detail-page-dark .detail-actions .btn-secondary,.album-detail-page-dark .detail-actions .share-btn,.album-detail-page-dark .detail-actions .reveal-link,.album-detail-page-dark .detail-actions .delete-confirm,.album-detail-page-dark .detail-actions .visibility-warning,.album-detail-page-dark .picks-toggle{color:#ffffffdb}.album-detail-page-dark .detail-actions .btn-secondary{color:#111;background:#ffffffe6;border-color:#ffffff5c}.album-detail-page-dark .detail-actions .btn-secondary:hover{color:#111;background:#fff}.album-detail-page-dark .detail-actions .btn-primary{color:var(--album-color);background:#fff;border-color:#fff}@supports (color:color-mix(in lab, red, red)){.album-detail-page-dark .detail-actions .btn-primary{color:color-mix(in srgb, var(--album-color) 70%, #111)}}.album-detail-page-dark .track{border-top-color:#ffffff80;border-bottom-color:#0000}.album-detail-page-dark .track:last-child{border-bottom-color:#ffffff80}.album-detail-page .track:hover,.album-detail-page .track:focus-within{background:0 0;border-top-color:#0d0d0d1f;border-bottom-color:#0000}.album-detail-page .track:last-child:hover,.album-detail-page .track:last-child:focus-within{border-bottom-color:#0d0d0d1f}.album-detail-page-dark .track:hover,.album-detail-page-dark .track:focus-within{background:0 0;border-top-color:#ffffff80;border-bottom-color:#0000}.album-detail-page-dark .track:last-child:hover,.album-detail-page-dark .track:last-child:focus-within{border-bottom-color:#ffffff80}.album-detail-page-dark .track-num{color:#fff9}.album-detail-page-dark .visibility-card .visibility-options{background:#ffffff1a;border-color:#ffffff2e}.album-detail-page-dark .visibility-card{background:#ffffff1f}.album-detail-page-dark .visibility-card .visibility-btn{color:#fff}.album-detail-page-dark .visibility-card .visibility-btn-title,.album-detail-page-dark .visibility-card .visibility-btn-note,.album-detail-page-dark .visibility-label,.album-detail-page-dark .visibility-card-hint{color:#fff!important}.album-detail-page-dark .visibility-card .visibility-btn:hover,.album-detail-page-dark .visibility-card .visibility-btn.active{color:#fff;background:#ffffff29;border-color:#ffffff4d}@media (max-width:620px){.album-detail-page .detail-split{box-sizing:border-box;width:100%;overflow:hidden}.album-detail-page .detail-track-list{width:100%;min-width:0}.album-detail-page .track,.album-detail-page .track:last-child{border-top:1px solid #0d0d0d1f;border-bottom:0;border-radius:0;grid-template-rows:1fr;grid-template-columns:28px minmax(0,1fr) 42px;align-items:center;gap:8px;height:58px;min-height:58px;padding:8px 4px;transform:none}.album-detail-page .track:last-child{border-bottom:1px solid #0d0d0d1f}.album-detail-page .track-num{text-align:center;grid-area:1/1;align-self:center}.album-detail-page .track-info{grid-area:1/2;align-self:center;align-items:center;width:100%;min-width:0;height:auto;display:flex;overflow:hidden}.album-detail-page .track-title-row{justify-content:flex-start;align-items:baseline;gap:6px;width:100%;min-width:0;display:flex}.album-detail-page .track-title-row strong{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;flex:auto;min-width:0;font-size:13px;line-height:1.3;overflow:hidden}.album-detail-page .track-title-row small{flex:none;font-size:9px;line-height:1.3}.album-detail-page .track:not(.track-is-editing) .track-review-display,.album-detail-page .track:not(.track-is-editing) .edit-track-review{display:none}.album-detail-page .track-is-editing,.album-detail-page .track-is-editing:last-child{border-bottom:1px solid #0d0d0d1f;grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr);height:auto;min-height:76px}.album-detail-page .track-is-editing .track-rating-control{grid-area:2/2;justify-content:flex-start;width:min(100%,136px);min-width:0;height:auto}.album-detail-page .track-is-editing .track-rating-control .rating-picker,.album-detail-page .track-is-editing .track-rating-control .rating-slider{width:136px;min-width:0}.album-detail-page .track:not(.track-is-editing) .track-rating-control{grid-area:1/3;justify-content:flex-end;align-self:center;align-items:center;width:42px;min-width:42px;height:100%;margin:0;display:flex}.album-detail-page .track-rating-display{box-sizing:border-box;justify-content:center;align-items:center;width:38px;min-width:38px;height:28px;padding:0 4px;font-size:10px;line-height:1;display:inline-flex}.album-detail-page .track-rating-control .rating-picker{gap:3px;width:42px;min-width:42px}.album-detail-page .track-rating-control .rating-slider{width:42px;min-width:42px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.social-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9000;background:#00000080;animation:.25s social-fade-in;position:fixed;inset:0}@keyframes social-fade-in{0%{opacity:0}to{opacity:1}}.social-panel{background:var(--bg2,#1a1a18);border-left:1px solid var(--line,#343431);z-index:9001;flex-direction:column;width:380px;max-width:90vw;height:100dvh;animation:.3s cubic-bezier(.16,1,.3,1) social-slide-in;display:flex;position:fixed;top:0;right:0;box-shadow:-10px 0 40px #0006}@keyframes social-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.social-panel-header{border-bottom:1px solid var(--line,#343431);flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 1.2rem;display:flex}.social-panel-title{font:700 22px/1 var(--font-sans), sans-serif;letter-spacing:.08em;color:var(--ink,#f1eee7)}.social-panel-header-actions{align-items:center;gap:4px;min-width:0;display:flex}.social-profile-edit-btn{border:1px solid var(--line,#343431);min-width:0;color:var(--ink,#f1eee7);font:500 10px var(--font-mono), monospace;letter-spacing:.04em;white-space:nowrap;cursor:pointer;background:#ffffff0d;border-radius:999px;padding:6px 9px;transition:background .2s,border-color .2s,color .2s}.social-profile-edit-btn:hover{border-color:var(--muted,#898983);background:#ffffff1f}.social-panel-close{color:var(--muted,#898983);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px;line-height:1;transition:all .2s}.social-panel-body{flex-direction:column;flex:1;gap:10px;padding:1.1rem;display:flex;overflow-y:auto}.social-guest-body{justify-content:center;align-items:stretch;overflow:hidden}.social-guest-card{background:#ffffff9e;border:1px solid #ffffffc7;border-radius:24px;flex-direction:column;align-items:flex-start;gap:14px;padding:26px;display:flex;box-shadow:0 16px 40px #19140e14,inset 0 1px #ffffffeb}.social-guest-mark{background:#ffffffb3;border-radius:50%;padding:9px;display:inline-flex}.social-guest-card h2{color:var(--color-ink-black);font:700 30px/1.05 var(--font-sans), sans-serif;letter-spacing:-.045em;margin:0}.social-guest-card p{color:var(--color-stone);font:13px/1.75 var(--font-sans), sans-serif;margin:0 0 4px}.social-guest-card .btn-primary,.social-guest-card .btn-secondary{justify-content:center;width:100%;min-height:42px}.social-guest-login{text-decoration:none}.social-panel-nav{display:none}.social-panel-desktop-header{z-index:1;border-bottom:0;justify-content:flex-end;align-items:center;height:60px;min-height:60px;padding:0 14px;display:flex;position:relative}.social-panel-header-actions{align-items:center;gap:6px;min-width:0;height:30px;display:flex}.social-panel-header-actions .social-profile-edit-btn{box-sizing:border-box;justify-content:center;align-self:center;align-items:center;height:30px;min-height:30px;max-height:30px;margin:0;padding:0 11px;line-height:1;display:inline-flex;transform:none}.social-panel-header-actions .social-panel-close{place-items:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;line-height:0;display:grid}.social-panel-header-actions .social-panel-close:hover{background:#0d0d0d0f}.social-profile-edit-btn{color:var(--color-ink-black);background:#ffffff8c;border-color:#0d0d0d1a;border-radius:999px}.social-profile-edit-btn:hover{background:#fff;border-color:#0d0d0d2e}.social-panel-close{color:var(--color-stone);border-radius:999px}.social-label{color:var(--color-stone);letter-spacing:.13em;font-size:9px}.social-empty{color:var(--color-stone);padding:12px 0}@keyframes social-pulse{50%{opacity:.25;transform:scale(.7)}}.invite-code-text{color:var(--color-ink-black);font-size:17px}.add-friend-input{font-size:13px}.add-friend-btn{color:#fff;background:#171714;border-radius:999px;padding:8px 14px}.friend-remove-btn svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;fill:none;display:block}.friend-activity-item{padding:8px}.social-panel-heading{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex;transform:none}.social-panel-logo{color:var(--color-ink-black);font:700 11px var(--font-mono), monospace;letter-spacing:-.02em;align-self:center;align-items:center;gap:7px;margin:0;padding:5px 9px 5px 7px;display:inline-flex}.social-panel-logo .hue-mark{color:currentColor}.social-panel-logo b{font-weight:700}.social-panel-title-row{align-items:center;gap:10px;min-width:0;min-height:37px;display:flex}.social-panel-title{letter-spacing:-.035em;flex:none;align-self:center;align-items:center;height:37px;font-size:22px;line-height:1;display:inline-flex}.social-panel-kicker{color:#3737328f;font:9px/1.2 var(--font-mono), monospace;letter-spacing:.035em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.social-section{flex-direction:column;gap:.5rem;display:flex}.social-label{font:500 10px var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#898983);align-items:center;gap:6px;display:flex}.social-label-hint{font:10px var(--font-mono), monospace;letter-spacing:normal;text-transform:none;color:var(--pebble,#9a9796);opacity:.7}.social-count{min-width:18px;height:18px;color:var(--ink,#f1eee7);background:#ffffff14;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;display:inline-flex}.social-empty{font:400 12px var(--font-mono), monospace;color:var(--muted,#898983);text-align:center;margin:0;padding:.8rem 0}.invite-code-box{border:1px solid var(--line,#343431);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;padding:.7rem 1rem;transition:all .2s;display:flex}.invite-code-box:hover{border-color:var(--muted,#898983);background:#ffffff12}.invite-code-text{font:700 18px var(--font-mono), monospace;letter-spacing:.3em;color:var(--ink,#f1eee7)}.invite-code-copy{font:500 10px var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#898983);transition:all .2s}.invite-code-box:hover .invite-code-copy{color:var(--ink,#f1eee7)}.add-friend-row{gap:8px;display:flex}.add-friend-input{border:1px solid var(--line,#343431);color:var(--ink,#f1eee7);font:500 14px var(--font-mono), monospace;letter-spacing:.15em;text-transform:uppercase;background:#ffffff0a;border-radius:8px;outline:none;flex:1;padding:.6rem .8rem;transition:all .2s}.add-friend-input::placeholder{color:var(--muted,#898983);text-transform:none;letter-spacing:normal;font-weight:400}.add-friend-input:focus{border-color:var(--muted,#898983);background:#ffffff0f}.add-friend-btn{background:var(--ink,#f1eee7);color:var(--paper,#111110);font:600 11px var(--font-mono), monospace;letter-spacing:.06em;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.6rem 1rem;transition:all .2s}.add-friend-btn:hover:not(:disabled){opacity:.85}.add-friend-btn:disabled{opacity:.4;cursor:not-allowed}.friends-avatar-row{overscroll-behavior:contain;scrollbar-gutter:stable;flex-wrap:wrap;align-content:flex-start;gap:.6rem;max-height:190px;padding-top:6px;padding-bottom:6px;padding-right:4px;display:flex;overflow-y:auto}.friend-avatar-wrap{cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:52px;transition:all .2s;display:flex}.friend-avatar-wrap:hover{opacity:.7}.friend-avatar{background:var(--bg3,#242421);border:1px solid var(--line,#343431);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%}.friend-avatar-fallback{font:600 18px var(--font-mono), monospace;color:var(--ink,#f1eee7)}.friend-name{font:500 9px var(--font-mono), monospace;color:var(--muted,#898983);text-overflow:ellipsis;white-space:nowrap;max-width:52px;overflow:hidden}.friend-activity-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:.5rem;max-height:288px;padding-right:4px;display:flex;overflow-y:auto}.friend-activity-item{border:1px solid var(--line,#343431);background:#ffffff08;border-radius:8px;align-items:center;gap:.7rem;min-height:66px;max-height:66px;padding:.6rem;transition:all .2s;display:flex}.friend-activity-item:hover{background:#ffffff0f}.activity-cover{object-fit:cover;background:var(--bg3,#242421);border-radius:6px;flex-shrink:0;width:40px;height:40px}.activity-info{flex:1;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;display:grid;overflow:hidden}.activity-meta-line{align-items:baseline;gap:4px;min-width:0;display:flex}.activity-friend{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font:600 11px var(--font-mono), monospace;color:var(--ink,#f1eee7);overflow:hidden}.activity-action{font:400 10px var(--font-mono), monospace;color:var(--muted,#898983)}.activity-album{max-width:24ch;font:500 11px var(--font-mono), monospace;color:var(--ink,#f1eee7);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.activity-artist{max-width:24ch;font:400 10px var(--font-mono), monospace;color:var(--muted,#898983);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.activity-color-dot{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:12px;height:12px}.friend-avatar-wrap{position:relative}.friend-remove-btn{color:#fff;cursor:pointer;opacity:0;z-index:2;background:#dc3c3cd9;border:0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;line-height:1;transition:opacity .2s;display:flex;position:absolute;top:-2px;right:2px}.friend-avatar-wrap:hover .friend-remove-btn{opacity:1}.friend-remove-btn:hover{background:#dc3c3c}.friend-activity-item{cursor:pointer}.social-hint{font:400 11px var(--font-mono), monospace;color:var(--muted,#898983);flex-wrap:wrap;align-items:center;gap:4px;margin:0;display:flex}.social-hint-link{color:var(--ink,#f1eee7);font:500 11px var(--font-mono), monospace;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.friend-request-list{flex-direction:column;gap:.5rem;display:flex}.friend-request-item{border:1px solid var(--line,#343431);background:#ffffff08;border-radius:8px;align-items:center;gap:.7rem;padding:.6rem;transition:all .2s;display:flex}.friend-request-item:hover{background:#ffffff0f}.friend-request-item.outgoing{opacity:.8}.friend-request-avatar{background:var(--bg3,#242421);border:1px solid var(--line,#343431);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.friend-request-avatar img{object-fit:cover;width:100%;height:100%}.friend-request-avatar .friend-avatar-fallback{font:600 14px var(--font-mono), monospace;color:var(--ink,#f1eee7)}.friend-request-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.friend-request-name{font:600 12px var(--font-mono), monospace;color:var(--ink,#f1eee7);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-request-meta{font:400 10px var(--font-mono), monospace;color:var(--muted,#898983)}.friend-request-actions{flex-shrink:0;gap:6px;display:flex}.request-accept-btn{background:var(--ink,#f1eee7);color:var(--paper,#111110);font:600 10px var(--font-mono), monospace;cursor:pointer;border:none;border-radius:6px;padding:.35rem .7rem;transition:all .2s}.request-accept-btn:hover:not(:disabled){opacity:.85}.request-reject-btn,.request-cancel-btn{color:var(--muted,#898983);border:1px solid var(--line,#343431);font:500 10px var(--font-mono), monospace;cursor:pointer;background:#ffffff0f;border-radius:6px;padding:.35rem .7rem;transition:all .2s}.request-reject-btn:hover:not(:disabled),.request-cancel-btn:hover:not(:disabled){color:#e88;background:#dc3c3c26;border-color:#dc3c3c66}.request-accept-btn:disabled,.request-reject-btn:disabled,.request-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.social-overlay{-webkit-backdrop-filter:blur(10px);background:#11110f40}.social-panel{width:min(410px,100vw - 36px);height:calc(100dvh - 36px);color:var(--color-ink-black);-webkit-backdrop-filter:blur(24px)saturate(135%);background:#ffffffc2;border:1px solid #fffc;border-radius:28px;top:18px;right:18px;overflow:hidden;box-shadow:-18px 24px 70px #11110f33,inset 0 1px #fffffff2}.social-panel-header{border-bottom:1px solid #4b484113;align-items:flex-start;height:76px;padding:14px 12px 14px 22px}.social-panel-heading{flex-direction:column;gap:5px;min-width:0;display:flex;transform:translateY(6px)}.social-panel-kicker{color:#37373285;font:9px var(--font-mono),monospace;letter-spacing:.14em}.social-panel-title{color:var(--color-ink-black);font:700 24px/1.05 var(--font-sans),sans-serif;letter-spacing:.02em}.social-profile-edit-btn{color:var(--color-ink-black);background:#ffffff8c;border-color:#0d0d0d1a;transform:translateY(6px)}.social-panel-close{color:var(--color-stone)}.social-panel-close:hover{color:var(--color-ink-black);background:#0d0d0d0f}.social-panel-body{gap:10px;padding:1.1rem}.social-section{background:#ffffff94;border:1px solid #ffffffb8;border-radius:20px;gap:8px;padding:14px;box-shadow:0 8px 24px #19140e0b,inset 0 1px #ffffffe6}.social-label{color:var(--color-stone)}.social-count{color:var(--color-ink-black);background:#0d0d0d0f}.social-empty{color:var(--color-stone)}.social-loading-pill{color:var(--color-stone);font:10px var(--font-mono),monospace;background:#ffffffad;border:1px solid #fffc;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;display:flex}.social-loading-pill span{background:#171714;border-radius:50%;width:7px;height:7px;animation:1s infinite social-pulse}.invite-code-box,.add-friend-input,.friend-activity-item,.friend-request-item{color:var(--color-ink-black);background:#ffffff9e;border-color:#0d0d0d17;border-radius:14px}.invite-code-box:hover,.friend-activity-item:hover,.friend-request-item:hover{background:#fff;border-color:#0d0d0d29}.invite-code-text{color:var(--color-ink-black)}.invite-code-copy,.friend-name,.social-hint,.friend-request-meta,.activity-action,.activity-artist{color:var(--color-stone)}.add-friend-input{color:var(--color-ink-black)}.add-friend-input:focus{background:#fff;border-color:#0d0d0d38}.add-friend-btn{color:#fff;background:#171714;border-radius:999px}.friend-avatar{background:#171714;border-color:#0d0d0d1a}.friend-avatar-fallback{color:#fff}.friend-remove-btn{color:#fff!important;background:#171714!important}.activity-friend,.activity-album,.friend-request-name{color:var(--color-ink-black)}.request-accept-btn{color:#fff;background:#171714;border-radius:999px}.request-reject-btn,.request-cancel-btn{color:var(--color-stone);background:#0d0d0d0d;border-color:#0d0d0d1a;border-radius:999px}@media (max-width:720px){.social-panel{background:var(--color-paper-white);-webkit-backdrop-filter:none;border:0;border-radius:0;width:100%;height:100dvh;max-height:none;padding:70px 12px 0;inset:0}.social-panel-nav{z-index:100;width:calc(100% - 24px);min-height:40px;padding:4px 6px;display:flex;position:fixed;top:10px;left:50%;right:auto;transform:translate(-50%)}.social-panel-desktop-actions{display:none}.social-panel-body{padding:0 0 calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.add-friend-btn,.friend-request-actions button{min-height:44px}}.public-music-page{--page-bg:#e8e4da;--page-ink:#171714;--page-muted:#716e66;background:var(--page-bg);min-height:100vh;color:var(--page-ink);padding:0 clamp(20px,5vw,72px);transition:background .35s,color .35s;overflow:hidden}.public-wall-page{color:#f5f0e7;background:#11110f;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.public-wall-page:before{content:"";pointer-events:none;z-index:1;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.32'/%3E%3C/svg%3E");position:fixed;inset:0}.public-wall-page--empty{color:#0d0d0d;background:#f5f3f0}.public-wall-page--empty:before{display:none}.public-wall-page--empty .public-wall-empty-msg p{color:#0d0d0d80}.public-wall-page--empty .public-wall-footer{color:#0d0d0d80;text-shadow:none;background:#ffffffb3;border-color:#0d0d0d1f}.public-wall-nav{color:#0d0d0d;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.public-wall-brand{color:inherit;font:500 13px var(--font-mono),monospace;letter-spacing:-.02em;border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:6px 14px;text-decoration:none;transition:background .2s;display:inline-flex}.public-wall-brand:hover{background:#0d0d0d0f}.public-wall-brand-dot{grid-template-rows:repeat(3,4px);grid-template-columns:repeat(3,4px);gap:2px;display:grid}.public-wall-brand-dot i{background:#0d0d0d;border-radius:50%;width:4px;height:4px}.public-wall-brand-dot i:nth-child(5){opacity:0}.public-wall-brand i.sep{color:#a3a29d;margin:0 2px;font-style:normal;font-weight:300}.public-wall-brand .label{color:#686762}.public-wall-person{background:#0d0d0d0f;border-radius:999px;justify-self:center;align-items:center;gap:9px;padding:3px 12px 3px 4px;display:flex}.public-wall-avatar{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font:500 14px Georgia,serif;display:grid;overflow:hidden}.public-wall-avatar img{object-fit:cover;width:100%;height:100%}.public-wall-person strong,.public-wall-person small{display:block}.public-wall-person strong{font-size:11px;line-height:1.1}.public-wall-person small{font:8px var(--font-mono),monospace;letter-spacing:.06em;color:#686762;margin-top:3px}.public-wall-home-link{justify-self:end}.public-wall-home-link:hover{opacity:1}.public-wall-home-link svg{display:block}.public-wall-return-text{display:inline}.public-wall-stage,.public-wall-stage>.hue-drift,.public-wall-stage>.wave-grid,.public-wall-stage>.vinyl-wall-shell{min-height:100vh}.public-wall-empty-msg{z-index:10;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.public-wall-empty-msg h2{letter-spacing:-.02em;margin:0 0 10px;font-size:22px;font-weight:600}.public-wall-empty-msg p{color:#ffffff8c;font-size:14px}.public-wall-footer{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100% - 40px);font:9px var(--font-mono),monospace;letter-spacing:.08em;color:#fffb;text-align:center;text-shadow:0 1px 8px #000;background:#1118;border:1px solid #ffffff24;border-radius:999px;padding:7px 12px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.avatar-crop-stage canvas{cursor:grab;touch-action:none}.avatar-crop-stage canvas:active{cursor:grabbing}@media (max-width:720px){.public-wall-nav{z-index:20;left:50%;top:max(14px,env(safe-area-inset-top));grid-template-columns:auto minmax(0,1fr) auto;width:calc(100% - 28px);min-height:40px;padding:4px 6px;position:fixed;transform:translate(-50%)}.public-wall-brand{padding:5px 8px}.public-wall-person{background:0 0;border-radius:0;justify-self:center;min-width:0;padding:0}.public-wall-avatar{width:26px;height:26px;font-size:12px}.public-wall-person>span:last-child{align-items:baseline;gap:8px;min-width:0;display:flex}.public-wall-person strong,.public-wall-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-wall-person strong{max-width:112px}.public-wall-person small{max-width:120px;margin-top:0}.public-wall-home-link{color:var(--color-stone);background:0 0;justify-self:end;min-width:auto;min-height:auto;padding:6px;font-size:11px}.public-wall-home-link svg{display:block}.public-wall-return-text{display:none}.public-wall-footer{bottom:max(16px,env(safe-area-inset-bottom));font-size:8px}.public-wall-stage>.hue-drift,.public-wall-stage>.wave-grid,.public-wall-stage>.vinyl-wall-shell{min-height:100svh}}.public-music-page:before{content:"";pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");position:fixed;inset:0}.public-music-nav{z-index:2;border-bottom:1px solid;justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:26px 0;display:flex;position:relative}.public-music-brand{color:inherit;align-items:center;gap:5px;font-size:13px;text-decoration:none;display:flex}.public-music-brand i{background:conic-gradient(#e34b39,#e9c845,#4a936a,#467cd4,#ad58a9,#e34b39);border-radius:50%;width:12px;height:12px;margin-right:5px}.public-music-brand span{color:var(--page-muted)}.public-theme-switcher{gap:2px;display:flex}.public-theme-switcher button{color:inherit;font:9px var(--font-mono),monospace;letter-spacing:.08em;cursor:pointer;opacity:.5;background:0 0;border:0;padding:7px 9px}.public-theme-switcher button.is-active{opacity:1;background:var(--page-ink);color:var(--page-bg);border-radius:99px}.public-music-hero{z-index:1;grid-template-columns:minmax(180px,28vw) 1fr;align-items:center;gap:clamp(30px,7vw,100px);max-width:1280px;margin:0 auto;padding:clamp(70px,10vw,150px) 0 clamp(55px,8vw,110px);display:grid;position:relative}.public-music-avatar{aspect-ratio:1;background:var(--page-ink);width:min(280px,100%);color:var(--page-bg);border-radius:50%;place-items:center;font:100 7rem Georgia,serif;display:grid;overflow:hidden;box-shadow:0 30px 80px #0002}.public-music-avatar img{object-fit:cover;width:100%;height:100%}.public-music-kicker,.public-collection-heading p{font:10px var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--page-muted)}.public-music-intro h1{letter-spacing:-.075em;max-width:900px;margin:22px 0 30px;font:500 clamp(54px,9vw,130px)/.82 Georgia,serif}.public-music-bio{max-width:590px;color:var(--page-muted);font-size:clamp(15px,1.6vw,22px);line-height:1.65}.public-music-intro>div{font:10px var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;margin-top:32px}.public-music-intro>div span{color:var(--page-ink);margin-right:9px;font-size:24px}.public-music-collection{z-index:1;border-top:1px solid;max-width:1280px;margin:auto;padding:35px 0 100px;position:relative}.public-collection-heading{justify-content:space-between;margin-bottom:45px;display:flex}.public-collection-heading p{color:inherit;margin:0}.public-collection-heading span{font:9px var(--font-mono),monospace;color:var(--page-muted)}.public-album-grid{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,60px) clamp(16px,3vw,44px);display:grid}.public-album-card{color:inherit;grid-template-columns:24px 1fr;gap:10px;text-decoration:none;transition:transform .25s;display:grid;position:relative}.public-album-card:hover{transform:translateY(-6px)}.public-album-number{font:9px var(--font-mono),monospace;color:var(--page-muted);padding-top:5px}.public-album-cover{aspect-ratio:1;background:var(--album-color);grid-column:2;place-items:center;font:50px Georgia,serif;display:grid;overflow:hidden;box-shadow:0 16px 35px #0002}.public-album-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.public-album-card:hover img{transform:scale(1.025)}.public-album-meta{border-top:3px solid var(--album-color);grid-column:2;padding-top:13px}.public-album-meta h2{margin:0;font:500 clamp(17px,2vw,26px)/1.05 Georgia,serif}.public-album-meta>p{color:var(--page-muted);margin:5px 0 15px;font-size:11px}.public-album-meta footer{font:8px var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--page-muted);align-items:center;gap:10px;display:flex}.public-album-meta footer b{color:var(--page-ink);margin-left:auto}.public-music-footer{max-width:1280px;font:9px var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid;justify-content:space-between;margin:auto;padding:25px 0 45px;display:flex}.public-music-footer a{color:inherit}.public-music-empty{text-align:center;padding:80px 20px}.public-music-empty i{border:1px solid;border-radius:50%;width:50px;height:50px;margin:0 auto 25px;display:block}.public-music-empty h2{margin:0;font:32px Georgia,serif}.public-music-empty p{color:var(--page-muted)}.public-theme-editorial{--page-bg:#f0e6d5;--page-ink:#29251f;--page-muted:#766c5e}.public-theme-editorial .public-music-avatar{border-radius:0;transform:rotate(-2deg)}.public-theme-editorial .public-music-intro h1{font-style:italic}.public-theme-editorial .public-album-grid{grid-template-columns:repeat(2,1fr)}.public-theme-editorial .public-album-card{grid-template-columns:34px 44% 1fr;align-items:end}.public-theme-editorial .public-album-cover{grid-column:2}.public-theme-editorial .public-album-meta{border-top:1px solid;grid-column:3;padding:18px}.public-theme-editorial .public-album-number{grid-row:1;align-self:start}.public-theme-gallery{--page-bg:#f8f7f2;--page-ink:#121212;--page-muted:#777}.public-theme-gallery .public-music-avatar{box-shadow:none;border-radius:4px}.public-theme-gallery .public-music-hero{grid-template-columns:180px 1fr;padding-top:100px}.public-theme-gallery .public-music-intro h1{font-family:var(--font-sans);font-weight:700}.public-theme-gallery .public-album-grid{grid-template-columns:repeat(4,1fr);gap:65px 24px}.public-theme-gallery .public-album-cover{box-shadow:none}.public-theme-gallery .public-album-meta{border:0;padding-top:12px}.public-theme-gallery .public-album-meta h2{font-family:var(--font-sans);font-size:14px;font-weight:600}.public-theme-nocturne{--page-bg:#111214;--page-ink:#e9e2d4;--page-muted:#827e76;background:radial-gradient(circle at 65% 10%,#33261e 0,#0000 30%),#111214}.public-theme-nocturne .public-music-avatar{border:1px solid #ffffff35;box-shadow:0 0 100px #b4793b2e}.public-theme-nocturne .public-album-cover{border-radius:50%;box-shadow:0 15px 45px #0008}.public-theme-nocturne .public-album-card:after{content:"";aspect-ratio:1;pointer-events:none;background:repeating-radial-gradient(circle,#fff0 0 12%,#fff1 12.3% 12.6%,#fff0 13% 17%);border-radius:50%;width:calc(100% - 34px);position:absolute;top:0;left:34px}.public-theme-nocturne .public-album-meta{border-top:1px solid var(--album-color)}.public-theme-spectrum{background:linear-gradient(135deg,#eeeae1,#e4ded2 60%,#d8dfda)}.public-theme-spectrum .public-music-hero:after{content:"";filter:blur(2px);z-index:-1;background:conic-gradient(from 90deg,#e6624633,#e8c94a33,#4a9a7933,#4c78b833,#ad5e9c33,#e6624633);border-radius:50%;width:42vw;height:42vw;position:absolute;top:2vw;right:-18vw}.public-music-loading{text-align:center;color:#171714;min-height:100vh;font:10px var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;background:#e8e4da;place-content:center;display:grid}.public-music-loading span{border:2px solid #0002;border-top-color:#111;border-radius:50%;width:24px;height:24px;margin:0 auto 14px;animation:.8s linear infinite spin}.public-music-error{text-align:center;color:#0d0d0d;background:#fff;place-content:center;min-height:100vh;display:grid}.public-music-error-brand{z-index:10;color:inherit;font:700 13px var(--font-mono),monospace;letter-spacing:-.02em;-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #0d0d0d14;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex;position:fixed;top:20px;left:20px}.public-music-error-brand:hover{background:#fffffff2;border-color:#0d0d0d26}.public-music-error-body{gap:8px;max-width:340px;display:grid}.public-music-error h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.public-music-error p{color:#0d0d0d80;margin:0;font-size:14px;line-height:1.5}@media (max-width:780px){.public-music-page{padding:0 18px}.public-music-nav{align-items:flex-start}.public-theme-switcher{grid-template-columns:1fr 1fr;display:grid}.public-music-hero{grid-template-columns:1fr;padding:60px 0}.public-music-avatar{width:110px}.public-music-intro h1{font-size:58px}.public-album-grid,.public-theme-editorial .public-album-grid,.public-theme-gallery .public-album-grid{grid-template-columns:1fr 1fr}.public-theme-editorial .public-album-card{grid-template-columns:20px 1fr;display:grid}.public-theme-editorial .public-album-cover,.public-theme-editorial .public-album-meta{grid-column:2}.public-music-bio{font-size:15px}}@media (max-width:480px){.public-album-grid,.public-theme-editorial .public-album-grid,.public-theme-gallery .public-album-grid{grid-template-columns:1fr}.public-collection-heading{margin-bottom:28px}}.dialog-backdrop{-webkit-backdrop-filter:blur(18px)saturate(120%);background:#11110f52}.dialog{scrollbar-width:thin;background:#ffffffe0;border:1px solid #ffffffad;border-radius:24px;box-shadow:0 32px 90px #11110f33,inset 0 1px #ffffffe6}.dialog.auth-panel{-webkit-backdrop-filter:blur(30px)saturate(160%);background:linear-gradient(145deg,#ffffff57,#ffffff1f);border-color:#ffffffad}.dialog-brandline{color:#0d0d0d;font:500 11px var(--font-mono),monospace;letter-spacing:-.02em;background:#ffffff94;border:1px solid #0d0d0d14;border-radius:999px;align-items:center;gap:7px;margin:0 0 18px;padding:6px 11px 6px 8px;display:inline-flex}.dialog-brandline.social-panel-logo{margin:0;padding:5px 9px 5px 7px}.dialog-brandline>span:not(.hue-mark){font-weight:700}.dialog-brandline>i{color:var(--color-pebble);font-style:normal;font-weight:300}.dialog-brandline>small{font:400 11px var(--font-mono),monospace;color:var(--color-stone)}.hue-mark{flex:none;grid-template-rows:repeat(3,4px);grid-template-columns:repeat(3,4px);gap:2px;display:grid}.hue-mark i{background:currentColor;border-radius:50%;width:4px;height:4px}.hue-mark i:nth-child(5),.hue-mark i:nth-child(9){opacity:0}.export-theme-brand .hue-mark{grid-template-rows:repeat(3,2px);grid-template-columns:repeat(3,2px);gap:1px}.export-theme-brand .hue-mark i{width:2px;height:2px}.upload-dialog{width:min(620px,100%)}.upload-dialog .eyebrow,.export-modal .eyebrow{margin-bottom:8px}.upload-dialog h2{margin-bottom:22px}.upload-tabs{background:#0d0d0d0b;border:1px solid #0d0d0d14;border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 20px;padding:4px;display:grid;overflow:visible}.upload-tab{min-width:0;color:var(--color-stone);letter-spacing:.04em;text-transform:none;border:0;border-radius:999px;justify-content:center;margin:0;padding:9px 7px;font-size:9px}.upload-tab:hover{color:var(--color-ink-black);background:#ffffff8a}.upload-tab.on{background:var(--color-paper-white);color:var(--color-ink-black);border:0;box-shadow:0 1px 5px #0d0d0d1a}.upload-tab.locked{opacity:.42}.drop-zone{background-color:#ffffff61;border:1px dashed #0d0d0d33;border-radius:18px;height:216px}.drop-zone:hover{border-color:var(--color-ink-black);background-color:#ffffff9e}.upload-url-box{margin-bottom:0}.upload-url-row{background:#ffffff94;border:1px solid #0d0d0d1a;border-radius:16px;padding:5px}.upload-url-row input{min-width:0;box-shadow:none!important;background:0 0!important;border:0!important}.upload-url-row .primary.small{border-radius:11px}.itunes-import-panel{background:#ffffff61;border:1px solid #0d0d0d17;border-radius:18px;padding:14px}.itunes-search-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.itunes-search-heading>div{gap:1px;display:grid}.itunes-search-heading span,.itunes-settings>span{font:500 9px var(--font-mono),monospace;letter-spacing:.11em;color:var(--color-stone)}.itunes-search-heading strong{letter-spacing:-.02em;font-size:14px}.itunes-settings-button{color:var(--color-stone);font:500 10px var(--font-mono),monospace;background:#ffffffb3;border:1px solid #0d0d0d1f;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;transition:all .2s;display:inline-flex}.itunes-settings-button:hover,.itunes-settings-button.on{color:var(--color-ink-black);border-color:#0d0d0d3d}.itunes-settings-button span{font-size:13px;line-height:.6;transition:transform .2s}.itunes-settings-button.on span{transform:rotate(180deg)}.itunes-settings{background:#0d0d0d0b;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:-2px 0 12px;padding:10px;display:flex}.itunes-settings>div{gap:4px;display:flex}.itunes-region-option{color:var(--color-stone);font:500 10px var(--font-mono),monospace;background:0 0;border:0;border-radius:999px;padding:6px 9px}.itunes-region-option.on{color:#0d0d0d;background:#fff;box-shadow:0 1px 4px #0d0d0d1a}.itunes-results{border-top:1px solid #0d0d0d14;flex-direction:column;gap:5px;max-height:220px;margin-top:10px;padding-top:8px;display:flex;overflow:auto}.itunes-result{width:100%;min-height:56px;color:var(--color-ink-black);text-align:left;background:#ffffff80;border:1px solid #0d0d0d17;border-radius:12px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;transition:background .15s,border-color .15s;display:grid}.itunes-result:hover{background:#fff;border-color:#0d0d0d40}.itunes-result-checkbox{accent-color:#171714;cursor:pointer;width:16px;height:16px;margin:0}.itunes-result-main{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.itunes-result-main>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex;overflow:hidden}.itunes-result-main .primary{border-radius:10px;flex:none}.itunes-result>button{color:#171714;width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:0;display:grid}.itunes-result>button:hover,.itunes-result>button:focus{color:#171714;background:0 0;outline:none}.itunes-result>button>span{flex-direction:column;gap:3px;min-width:0;display:flex;overflow:hidden}.itunes-result img{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.itunes-result strong{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-sans);color:#171714;margin:0;padding:0;font-size:13px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.itunes-result small{text-overflow:ellipsis;white-space:nowrap;color:#6d6a62;margin:0;padding:0;font-size:11px;line-height:1.3;display:block;overflow:hidden}.itunes-selection{background:#0d0d0d09;border:1px solid #0d0d0d12;border-radius:12px;align-items:center;gap:8px;max-height:40px;margin-top:9px;padding:6px 9px;display:flex;overflow-x:auto}.itunes-selection-heading{font:10px var(--font-mono),monospace;color:var(--color-stone);flex:none}.itunes-selection-chips{align-items:center;gap:5px;min-width:0;display:flex}.itunes-selection-chip{background:#ffffffb8;border:1px solid #0d0d0d14;border-radius:999px;align-items:center;gap:5px;max-width:150px;padding:3px 4px;font-size:10px;display:inline-flex}.itunes-selection-chip img{object-fit:cover;border-radius:50%;width:20px;height:20px}.itunes-selection-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.itunes-selection-chip button{width:15px;height:15px;color:var(--color-stone);cursor:pointer;background:#0d0d0d12;border:0;border-radius:50%;place-items:center;padding:0;font-size:12px;line-height:1;display:grid}.itunes-selection-chip button:hover{color:#fff;background:#171714}.itunes-batch-button{width:100%;margin-top:10px}.playlist-import-summary{background:linear-gradient(135deg,#ffffffd1,#ffffff80);border:1px solid #0d0d0d17;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:12px;padding:16px;display:grid;box-shadow:0 10px 30px #0d0d0d0d}.playlist-import-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.playlist-import-copy>span{font:600 9px var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--color-pebble)}.playlist-import-copy strong{text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink-black);font-size:16px;line-height:1.25;overflow:hidden}.playlist-import-copy small{color:var(--color-stone);font-size:11px}.playlist-import-action{border-radius:12px;min-width:92px}.export-modal{width:min(760px,100%);padding:34px 36px}.export-modal h2{color:#0d0d0d;margin-bottom:8px}.export-modal-copy{margin-bottom:20px}.export-theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;gap:8px;margin-bottom:16px;display:grid}.export-theme-card{text-align:left;min-width:0;color:var(--color-stone);background:#ffffff6b;border:1px solid #0d0d0d14;border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:7px 8px;transition:background .15s,border-color .15s,transform .15s;display:grid;position:relative}.export-theme-card:hover{background:#ffffffc2;border-color:#0d0d0d29;transform:translateY(-1px)}.export-theme-card.on{color:var(--color-ink-black);box-shadow:none;background:#ffffffe6;border-color:#0d0d0d1f}.export-theme-number{font:500 8px var(--font-mono),monospace;letter-spacing:.08em;color:var(--color-pebble);display:block}.export-theme-image{object-fit:contain;border:1px solid #0d0d0d14;border-radius:7px;width:42px;height:42px;display:block}.export-theme-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.export-theme-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.export-theme-card small{text-overflow:ellipsis;white-space:nowrap;color:var(--color-stone);font-size:8px;line-height:1.2;overflow:hidden}.export-theme-brand{display:none}.export-theme-card.vintage .export-theme-art{background:linear-gradient(135deg,#eee2ce,#f8f4eb)}.export-theme-card.vintage .export-theme-art:after{content:"";background:#46331e47;height:1px;inset:auto 10px 9px}.export-theme-card.vintage .export-theme-art i{width:27px;height:27px}.export-theme-card.vintage .export-theme-art i:first-child{top:28px;left:29px}.export-theme-card.vintage .export-theme-art i:nth-child(2){top:28px;left:58px}.export-theme-card.vintage .export-theme-art i:nth-child(3){top:57px;left:29px}.export-theme-card.vintage .export-theme-art i:nth-child(4){top:57px;left:58px}.export-theme-card.midnight .export-theme-art:before{width:58px;height:58px;top:19px;left:calc(50% - 29px)}.export-theme-card.midnight .export-theme-art i:first-of-type{width:31px;height:44px;top:30px;left:calc(50% - 1px)}.export-theme-card.midnight .export-theme-art i:nth-of-type(2){top:47px;left:calc(50% + 10px)}.export-theme-card.polaroid .export-theme-art i{width:34px;height:43px}.export-theme-card.polaroid .export-theme-art i:first-child{top:29px;left:18px}.export-theme-card.polaroid .export-theme-art i:nth-child(2){top:22px;left:calc(50% - 17px)}.export-theme-card.polaroid .export-theme-art i:nth-child(3){top:30px;left:auto;right:18px}.export-theme-card.spectrum .export-theme-art{background:linear-gradient(135deg,#be623f,#dbbd58 34%,#76a474 66%,#647eaa)}.export-theme-card.spectrum .export-theme-art:before{inset:26px 24px}.export-theme-card strong{font-size:12px}.export-theme-card small{font-size:9px}.export-toolbox{background:#ffffff75;border-radius:16px;padding:12px 14px}.export-pick-grid{background:#0d0d0d0b;border:0;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:312px;padding:6px}.export-pick-card{background:#fff9;border:1px solid #0000;border-radius:12px;grid-template-columns:38px minmax(0,1fr);gap:8px;min-height:56px;padding:6px 8px}.export-pick-card:hover,.export-pick-card.selected{background:#fff;border-color:#0d0d0d29}.export-pick-card img{border-radius:8px;width:38px;height:38px}.export-pick-card>span{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.export-pick-card>i{width:7px;height:7px;position:absolute;bottom:8px;right:8px}.export-pick-card>b{width:18px;height:18px;font-size:9px;top:3px;left:34px}.export-pick-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;display:block;overflow:hidden}.export-pick-card small{text-overflow:ellipsis;white-space:nowrap;color:var(--color-stone);font-size:9px;line-height:1.3;display:block;overflow:hidden}.export-modal-footer{padding-top:2px}.export-modal-footer .primary{border-radius:999px;padding-inline:18px}@media (max-width:640px){.dialog{border-radius:20px;padding:28px 20px}.dialog-close{width:28px;height:28px;font-size:18px;top:10px;right:12px}.upload-tabs{border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.upload-tab{border-radius:10px}.itunes-settings{flex-direction:column;align-items:flex-start}.itunes-results{max-height:190px}.itunes-result{grid-template-columns:16px minmax(0,1fr);gap:8px;min-height:50px;padding:6px 8px}.itunes-result>button{grid-template-columns:38px minmax(0,1fr);gap:8px}.itunes-result img{width:38px;height:38px}.itunes-result strong{font-size:12px}.itunes-result small{font-size:10px}.itunes-selection{max-width:100%;padding:5px 7px}.itunes-selection-chip{max-width:125px}.export-modal{padding:28px 20px}.export-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.export-theme-art{height:92px}.export-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.public-wall-page .public-wall-stage{width:100%;height:100%;min-height:0;position:absolute;inset:0;overflow:hidden}.public-wall-page .public-wall-stage>.hue-drift,.public-wall-page .public-wall-stage>.wave-grid,.public-wall-page .public-wall-stage>.vinyl-wall-shell{width:100%;height:100%;min-height:0}.friend-profile-page{background:var(--bg,#1a1a17);min-height:100vh;color:var(--ink,#f1eee7);padding-top:100px;padding-bottom:4rem}.friend-profile-header{align-items:center;gap:1.5rem;max-width:900px;margin:0 auto;padding:2rem;display:flex}.friend-profile-avatar{background:var(--bg3,#242421);border:2px solid var(--line,#343431);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.friend-profile-avatar img{object-fit:cover;width:100%;height:100%}.friend-profile-info h1{margin:0 0 .3rem;font-size:1.6rem;font-weight:700}.friend-profile-code{font:500 .75rem var(--font-mono), monospace;color:var(--muted,#898983);margin:0 0 .2rem}.friend-profile-bio{color:var(--muted,#898983);margin:0 0 .2rem;font-size:.85rem}.friend-profile-count{font:600 .7rem var(--font-mono), monospace;color:var(--ink,#f1eee7);margin:0}.friend-profile-empty{text-align:center;color:var(--muted,#898983);padding:4rem 2rem;font-size:.9rem}.friend-album-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.friend-album-card{color:inherit;flex-direction:column;gap:.4rem;text-decoration:none;transition:transform .2s;display:flex;position:relative}.friend-album-card:hover{transform:translateY(-2px)}.friend-album-cover{aspect-ratio:1;background:var(--bg3,#242421);border-radius:8px;width:100%;overflow:hidden}.friend-album-cover img{object-fit:cover;width:100%;height:100%}.friend-album-meta{flex-direction:column;gap:2px;display:flex}.friend-album-title{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.friend-album-artist{color:var(--muted,#898983);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.friend-album-rating{font:600 .65rem var(--font-mono), monospace;color:var(--muted,#898983)}.friend-album-color-dot{border:1px solid #ffffff26;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:8px}@media (max-width:600px){.social-panel-header{padding-inline:.9rem}.social-profile-edit-btn{padding:5px 7px;font-size:9px}.friend-profile-page{padding-top:80px}.friend-album-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem;padding:0 1rem}.friend-profile-header{gap:1rem;padding:1.5rem 1rem}.friend-profile-avatar{width:60px;height:60px}.friend-profile-info h1{font-size:1.2rem}}.social-btn{color:var(--ink,#f1eee7);font:500 10px var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #555550;border-radius:6px;align-items:center;gap:5px;padding:7px 11px;transition:all .2s;display:inline-flex}.social-btn:hover{border-color:var(--muted,#898983);background:#ffffff14}.social-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:720px){.social-overlay{-webkit-backdrop-filter:blur(14px);background:#11110f5c}.social-panel{width:100vw;max-width:100vw;height:100dvh;box-shadow:none;background:radial-gradient(circle at 0 0,#a0e2ee66,#0000 34%),radial-gradient(circle at 100% 10%,#c4b8ff59,#0000 38%),linear-gradient(145deg,#f4f9fc,#fff8f2 62%,#faf5ff);border:0;border-radius:0;animation:.34s cubic-bezier(.22,1,.36,1) social-mobile-in;inset:0}@keyframes social-mobile-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.social-panel-header{z-index:3;height:auto;min-height:calc(64px + env(safe-area-inset-top));padding:max(12px, env(safe-area-inset-top)) 12px 10px 18px;-webkit-backdrop-filter:none;background:0 0;border-bottom:1px solid #4b484114;align-items:center;position:relative}.social-panel-desktop-header{display:none}.social-panel-heading{gap:3px}.social-panel-kicker{letter-spacing:.02em;font-size:8px}.social-panel-title{letter-spacing:-.04em;font-size:25px}.social-panel-header-actions{gap:6px}.social-profile-edit-btn{background:#ffffff9e;min-height:36px;padding:8px 11px;transform:none}.social-panel-close{background:#ffffff94;border:1px solid #0d0d0d14;place-items:center;min-width:38px;min-height:38px;padding:0;font-size:15px;display:grid}.social-panel-body{padding:14px 12px max(24px, env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-gutter:auto;gap:12px}.social-loading-pill{z-index:2;width:fit-content;margin:0 auto;position:sticky;top:0;box-shadow:0 8px 24px #19140e14}.social-section{background:#ffffff94;border-color:#ffffffd1;border-radius:18px;gap:10px;padding:15px;box-shadow:0 8px 28px #19140e0b,inset 0 1px #ffffffeb}.social-label{letter-spacing:.12em;font-size:9px}.invite-code-box{background:#ffffffc2;border-radius:15px;min-height:54px;padding:10px 14px}.invite-code-text{letter-spacing:.28em;font-size:19px}.invite-code-copy{background:#0d0d0d0e;border-radius:999px;padding:6px 9px}.add-friend-row{background:#ffffffb3;border:1px solid #0d0d0d14;border-radius:16px;gap:7px;padding:5px}.add-friend-input{background:0 0;border:0;min-width:0;min-height:42px;padding:9px 10px}.add-friend-input:focus{background:0 0;border:0}.add-friend-btn{border-radius:12px;min-height:42px;padding:9px 16px}.friends-avatar-row{scrollbar-width:none;flex-wrap:nowrap;gap:12px;max-height:none;margin-inline:-4px;padding:4px 4px 8px;overflow:auto hidden}.friends-avatar-row::-webkit-scrollbar{display:none}.friend-avatar-wrap{flex:0 0 58px;gap:6px;width:58px}.friend-avatar{width:50px;height:50px}.friend-name{max-width:58px;font-size:9px}.friend-remove-btn{opacity:1;width:20px;height:20px;min-height:20px;padding:0;top:-3px;right:0;box-shadow:0 2px 8px #0d0d0d29}.friend-remove-btn svg{width:11px;height:11px}.friend-request-list{gap:8px}.friend-request-item{border-radius:15px;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;min-height:62px;padding:10px;display:grid}.friend-request-avatar{width:40px;height:40px}.friend-request-actions{gap:6px}.friend-request-actions button{min-height:36px;padding:7px 10px}.friend-activity-list{gap:8px;max-height:none;padding-right:0;overflow:visible}.friend-activity-item{border-radius:15px;gap:11px;min-height:72px;max-height:none;padding:10px}.activity-cover{border-radius:10px;width:50px;height:50px}.activity-album,.activity-artist{max-width:none}.activity-color-dot{width:10px;height:10px}.social-empty{background:#0d0d0d06;border-radius:14px;padding:18px 8px}}@media (max-width:380px){.social-panel-header{padding-left:14px}.social-panel-title{font-size:23px}.social-profile-edit-btn{text-overflow:ellipsis;max-width:92px;overflow:hidden}.social-section{padding:13px}.invite-code-text{letter-spacing:.22em;font-size:17px}.friend-request-item{grid-template-columns:38px minmax(0,1fr)}.friend-request-actions{grid-column:2}}.insights-page{--profile-ink:#17233d;--profile-muted:#61708a;--profile-faint:#8993a5;--profile-line:#17233d1c;--profile-glass:#ffffffa3;--profile-glass-strong:#ffffffc7;--profile-ai:#f8f3ffb8;--profile-radius:26px;--profile-gap:16px;isolation:isolate;min-height:100dvh;color:var(--profile-ink);font-family:var(--font-sans);background-color:#0000;background-image:radial-gradient(circle at 0 0,#a0e2ee6b,#0000 34%),radial-gradient(circle at 100% 10%,#c4b8ff61,#0000 38%),linear-gradient(145deg,#f4f9fc,#fff8f2 62%,#faf5ff);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding-bottom:96px;position:relative;overflow:hidden}.insights-page>.detail-nav{z-index:100;position:fixed;top:20px}.insights-content{z-index:1;width:min(1120px,100% - 72px);margin:auto;position:relative}.insights-loading{min-height:70vh;color:var(--profile-muted);font:11px var(--font-mono),monospace;place-items:center;display:grid}.insights-hero{grid-template-columns:minmax(320px,.8fr) minmax(400px,1fr);align-items:center;gap:clamp(44px,7vw,104px);min-height:590px;padding:58px 0 44px;display:grid}.insights-hero-copy{max-width:475px;transform:translateY(12px)}.eyebrow{color:#8d7167;font:700 10px var(--font-mono),monospace;letter-spacing:.15em}.insights-hero h1{letter-spacing:-.045em;text-wrap:balance;max-width:620px;margin:16px 0;font-size:clamp(42px,5.6vw,68px);font-weight:750;line-height:1.08}.insights-hero h1 em{color:#e96f59;white-space:nowrap;font-style:normal}.hero-copy{max-width:420px;color:var(--profile-muted);margin:0;font-size:15px;line-height:1.7}.profile-stats{flex-wrap:wrap;gap:22px;margin:26px 0;display:flex}.profile-stats span{color:var(--profile-muted);font-size:11px}.profile-stats b{color:var(--profile-ink);font-size:24px;line-height:1.2;display:block}.insights-page .btn-primary{color:#fff;background:#171714;border:1px solid #ffffffc7;border-radius:999px;margin-top:24px;box-shadow:0 12px 30px #17171429}@media (max-width:760px){.insights-page>.detail-nav{width:calc(100% - 24px);top:10px}.insights-content{width:calc(100% - 36px)}.insights-hero{grid-template-columns:1fr;min-height:auto;padding:58px 0 70px}.insights-page .insights-hero-copy{order:2;transform:none}.insights-page .album-dot-carousel{order:1}}.hue-drift-field{z-index:-2;pointer-events:none;position:fixed;inset:0}.hue-drift-field i{filter:blur(60px);opacity:.4;border-radius:50%;width:58vw;height:42vw;animation:16s ease-in-out infinite alternate hue-drift;position:absolute}.hue-drift-field i:first-child{background:#a0e4ee;animation-delay:-2s;top:4vh;left:-20vw}.hue-drift-field i:nth-child(2){background:#cec0ff;animation-delay:-6s;top:18vh;right:-18vw}.hue-drift-field i:nth-child(3){background:#ffd0b0;animation-delay:-10s;bottom:8vh;left:14vw}.hue-drift-field i:nth-child(4){background:#f6b8d6;animation-delay:-14s;bottom:-18vh;right:16vw}@keyframes hue-drift{0%{transform:translate(-6vw,-4vh)rotate(-12deg)scale(1)}50%{transform:translate(4vw,2vh)rotate(6deg)scale(1.12)}to{transform:translate(14vw,8vh)rotate(24deg)scale(1.24)}}.album-dot-carousel{isolation:isolate;place-items:center;min-height:560px;display:grid;position:relative}.album-dot-carousel:before{content:"";background:radial-gradient(ellipse at center,var(--orbit-color,#d9a177) 0 38%,transparent 72%);border-radius:48% 52% 42% 58%/46% 54% 48% 52%;width:min(640px,104vw);height:min(420px,76vw);position:absolute}@supports (color:color-mix(in lab, red, red)){.album-dot-carousel:before{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--orbit-color,#d9a177) 28%,transparent) 0 38%,transparent 72%)}}.album-dot-carousel:before{filter:blur(22px);opacity:.58}.album-orbit{border:2px solid var(--orbit-color,#d9a177);position:absolute}@supports (color:color-mix(in lab, red, red)){.album-orbit{border:2px solid color-mix(in srgb,var(--orbit-color,#d9a177) 58%,#fff 42%)}}.album-orbit{opacity:.72;box-shadow:0 0 16px var(--orbit-color,#d9a177),inset 0 0 12px var(--orbit-color,#d9a177);border-radius:50%;transform:rotate(-18deg)}@supports (color:color-mix(in lab, red, red)){.album-orbit{box-shadow:0 0 16px color-mix(in srgb,var(--orbit-color,#d9a177) 28%,transparent),inset 0 0 12px color-mix(in srgb,var(--orbit-color,#d9a177) 10%,transparent)}}.orbit-one{width:min(500px,92vw);height:min(300px,55vw)}.orbit-two{width:min(380px,70vw);height:min(500px,92vw);animation-delay:-2s;transform:rotate(28deg)}.album-dot-grid{width:min(520px,94vw);height:min(520px,94vw);position:relative}.album-dot{background:#ffffff1f;border:1px solid #ffffffb0;border-radius:50%;transition:transform .3s,border-color .3s,filter .3s,box-shadow .3s;animation:.58s cubic-bezier(.2,.8,.2,1) both album-dot-enter;display:block;position:absolute;overflow:visible;box-shadow:0 12px 28px #17254824,inset 0 1px #ffffff8a}.album-dot img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.album-dot-label{width:130px;color:var(--archive-ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:0;font-size:11px;transition:opacity .2s;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)}.album-dot:hover .album-dot-label,.album-dot:focus-visible .album-dot-label{opacity:1}.album-dot:hover,.album-dot:focus-visible{z-index:5;filter:saturate(1.14);box-shadow:0 18px 36px var(--orbit-color,#d9a177),inset 0 1px #ffffffa6;border-color:#fff;transform:scale(1.13)}@supports (color:color-mix(in lab, red, red)){.album-dot:hover,.album-dot:focus-visible{box-shadow:0 18px 36px color-mix(in srgb,var(--orbit-color,#d9a177) 34%,transparent),inset 0 1px #ffffffa6}}.album-dot-center{width:188px;height:188px;box-shadow:0 0 0 10px var(--orbit-color,#d9a177),0 20px 50px #17254838;top:calc(50% - 94px);left:calc(50% - 94px)}@supports (color:color-mix(in lab, red, red)){.album-dot-center{box-shadow:0 0 0 10px color-mix(in srgb,var(--orbit-color,#d9a177) 15%,transparent),0 20px 50px #17254838}}.album-dot-orbit{width:88px;height:88px}.album-dot-orbit-1{top:21%;left:10%}.album-dot-orbit-2{top:10%;left:65%}.album-dot-orbit-3{top:44%;left:79%}.album-dot-orbit-4{top:73%;left:62%}.album-dot-orbit-5{top:71%;left:16%}.album-dot-orbit-6{top:46%;left:2%}.album-dot-readout{text-align:right;gap:2px;max-width:180px;display:grid;position:absolute;bottom:0;right:0}.album-dot-readout small{color:var(--archive-faint);font:9px var(--font-mono),monospace}.album-dot-readout strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.album-dot-carousel-empty{color:var(--archive-muted);font-size:13px}.main-album-summary{border-left:2px solid var(--orbit-color,#d9a177);gap:2px;margin-top:24px;padding-left:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.main-album-summary{border-left:2px solid color-mix(in srgb,var(--orbit-color,#d9a177) 60%,transparent)}}.main-album-summary span,.main-album-summary small{color:var(--archive-faint);font:9px var(--font-mono),monospace}.main-album-summary strong{letter-spacing:-.03em;font-size:18px}.album-dot-caption{display:none}@keyframes album-dot-enter{0%{opacity:0;transform:scale(.52)}to{opacity:1;transform:scale(1)}}@media (max-width:760px){.insights-page .insights-hero-copy{order:2}.insights-page .album-dot-carousel{order:1}.album-dot-grid{width:min(360px,88vw);height:min(360px,88vw)}.album-dot-center{width:132px;height:132px;top:calc(50% - 66px);left:calc(50% - 66px)}.album-dot-readout{bottom:-8px;right:7%}.main-album-summary{margin-top:18px}}.insights-page{--nebula-surface:#ffffff94;--nebula-surface-strong:#ffffffb8;--nebula-edge:#ffffffc7;--nebula-shadow:0 18px 48px #2531511a,0 2px 8px #2531510a;--nebula-shadow-hover:0 24px 58px #25315129,0 2px 10px #2531510f;--nebula-radius:22px;--nebula-gap:16px}.insights-page .profile-card{border:1px solid var(--nebula-edge);border-radius:var(--nebula-radius);background:linear-gradient(145deg,#ffffffad,var(--nebula-surface));box-shadow:var(--nebula-shadow),inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(22px)saturate(150%);transition:transform .22s,box-shadow .22s,border-color .22s}.insights-page .profile-card:hover{box-shadow:var(--nebula-shadow-hover),inset 0 1px #fffffffa;border-color:#ffffffeb}.insights-page .profile-card:focus-within{box-shadow:0 0 0 3px #63d8e61f,var(--nebula-shadow-hover),inset 0 1px #fffffffa;border-color:#63d8e69e}.insights-page .album-dot,.insights-page .orbit-core,.insights-page .donut-center,.insights-page .climate-donut-center,.insights-page .donut-slice,.insights-page .deep-stats span{border-color:var(--nebula-edge);background:var(--nebula-surface)}.insights-page .album-dot{box-shadow:0 14px 32px #25315124,inset 0 1px #ffffffe0}.insights-page .album-dot:hover,.insights-page .album-dot:focus-visible{box-shadow:0 20px 42px var(--orbit-color,#b29bff),inset 0 1px #fffffffa}@supports (color:color-mix(in lab, red, red)){.insights-page .album-dot:hover,.insights-page .album-dot:focus-visible{box-shadow:0 20px 42px color-mix(in srgb,var(--orbit-color,#b29bff) 30%,transparent),inset 0 1px #fffffffa}}.insights-page .distribution-column:focus-visible,.insights-page .step-node:focus-visible,.insights-page .orbit-node:focus-visible,.insights-page .donut-slice:focus-visible,.insights-page .album-ranking-row:focus-visible,.insights-page .timeline-cover:focus-visible,.insights-page .matrix-cell:focus-visible{outline-offset:3px;border-radius:12px;outline:2px solid #63d8e6}.insights-page .climate-metric{border-color:var(--nebula-edge);background:#ffffff6b;box-shadow:inset 0 1px #ffffffe0}.insights-page .matrix-cell{border-color:var(--cell-color)}@supports (color:color-mix(in lab, red, red)){.insights-page .matrix-cell{border-color:color-mix(in srgb,var(--cell-color) 28%,var(--nebula-edge))}}.insights-page .matrix-cell{box-shadow:inset 0 1px #ffffffd6}.profile-section{gap:14px;padding:64px 0 0;scroll-margin-top:76px;display:grid}.profile-section-head{border-top:1px solid var(--profile-line);align-items:baseline;gap:14px;margin-bottom:20px;padding-top:16px;display:flex}.section-index{flex:none;align-items:baseline;display:flex}.section-index span{color:var(--profile-muted);font:700 12px var(--font-mono),monospace;letter-spacing:.08em}.profile-section-head h2{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2.8vw,31px);font-weight:700;line-height:1.15}.profile-section-head>div:last-child{min-width:0}.profile-section-head p{max-width:700px;color:var(--profile-muted);margin:10px 0 0;font-size:12px;line-height:1.65}.card-heading{gap:4px;margin-bottom:22px;display:grid}.card-heading b{letter-spacing:-.02em;font-size:15px;font-weight:650;line-height:1.3}.card-heading small{color:var(--profile-faint);font:9px var(--font-mono),monospace;letter-spacing:.04em}.chart-card,.matrix-card,.review-reading,.timeline-card{padding:25px;overflow:hidden}.chart-grid{gap:var(--profile-gap);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.archive-overview{gap:14px;display:grid}.archive-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.social-facts{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.fact-mini{border:1px solid var(--nebula-edge);border-radius:var(--nebula-radius);background:linear-gradient(145deg,#ffffffad,var(--nebula-surface));box-shadow:var(--nebula-shadow),inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(22px)saturate(150%);gap:2px;min-width:80px;padding:14px 18px;display:grid}.fact-mini b{letter-spacing:-.03em;font-size:20px;font-weight:700;line-height:1.1}.fact-mini small{color:var(--profile-muted);font-size:9px}.chart-sample{border-top:1px solid var(--profile-line);color:var(--profile-faint);align-items:flex-start;gap:9px;margin:18px 0 0;padding-top:8px;font-size:10px;line-height:1.55;display:flex}.chart-sample span{border:1px solid var(--profile-line);color:var(--profile-muted);font:8px var(--font-mono),monospace;letter-spacing:.06em;border-radius:999px;flex:none;padding:3px 7px}.facts-grid{margin-top:var(--profile-gap);grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.fact-card{align-content:start;min-height:108px;padding:18px;display:grid}.fact-card b{letter-spacing:-.05em;margin:12px 0 3px;font-size:30px;font-weight:700;line-height:1;display:block}.fact-card small{color:var(--profile-muted);font-size:11px;line-height:1.4}.ai-card{padding:26px 30px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fcf8ffb8,#b29bff14)!important;border-color:#e6dfffde!important}.ai-card:after{content:"AI";color:#71508b0f;font:700 56px var(--font-mono),monospace;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;bottom:8px;right:18px}.ai-reading-head{z-index:1;gap:3px;min-width:0;display:grid;position:relative}.ai-source{color:var(--profile-faint);font:8.5px var(--font-mono),monospace;letter-spacing:.04em;display:block}.ai-main-text,.review-analysis{z-index:1;max-width:860px;color:var(--profile-muted);letter-spacing:-.005em;margin:18px 0 0;font-size:14px;line-height:1.85;position:relative}.ai-main-text{font-size:15px;line-height:1.9}.ai-failure-reason{color:var(--profile-muted);margin-top:10px;font-size:11px;line-height:1.55;display:block}.ai-note{border:1px solid var(--note-accent);margin-top:18px;padding:14px 42px 14px 18px;position:relative}@supports (color:color-mix(in lab, red, red)){.ai-note{border:1px solid color-mix(in srgb,var(--note-accent) 24%,#fffc)}}.ai-note{color:var(--profile-muted);background:#ffffff70;border-radius:14px;font-size:12px;line-height:1.7}.ai-note .ai-source{margin-bottom:4px}.ai-note:before{content:"AI";color:var(--note-accent);position:absolute;bottom:7px;right:14px}@supports (color:color-mix(in lab, red, red)){.ai-note:before{color:color-mix(in srgb,var(--note-accent) 22%,transparent)}}.ai-note:before{font:700 26px var(--font-mono),monospace;pointer-events:none;line-height:1}.insight-state{color:var(--profile-muted);z-index:1;gap:6px;padding:16px 4px;display:grid;position:relative}.insight-state strong{color:var(--profile-ink);letter-spacing:-.01em;font-size:14px;font-weight:600}.insight-state span{color:var(--profile-faint);font-size:12px;line-height:1.6}.ai-generate-row{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.ai-generate-row .btn-primary{align-items:center;display:inline-flex}.ai-last-generated{color:var(--profile-faint);letter-spacing:.02em;align-self:baseline;font-size:10px;line-height:1.4;display:inline}.ai-credits-badge{color:var(--color-stone);letter-spacing:.02em;background:#fff9;border:1px solid #0d0d0d1f;border-radius:999px;align-self:baseline;padding:1px 8px;font-size:10px;line-height:1.4;display:inline}.ai-generation-notice{color:var(--profile-muted);flex-basis:100%;font-size:10px;line-height:1.45}.rules-dialog{width:min(540px,100%);padding:36px}.rules-dialog h2{color:var(--color-ink-black);letter-spacing:-.02em;margin:0 0 16px;font-size:21px;font-weight:650}.rules-meta{border-top:1px solid #0d0d0d12;border-bottom:1px solid #0d0d0d12;align-items:center;gap:10px;margin-bottom:16px;padding:12px 0 14px;display:flex}.rules-meta-badge{height:22px;color:var(--color-moss-green,var(--color-stone));letter-spacing:.02em;background:linear-gradient(135deg,#5e8a7824,#5e8a7814);border:1px solid #5e8a7847;border-radius:999px;flex:none;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.rules-meta-date{color:var(--color-stone);font:400 12px var(--font-mono),monospace;letter-spacing:.01em}.rules-list{gap:14px;margin:0 0 22px;padding:0;list-style:none;display:grid}.rules-list li{grid-template-columns:74px 1fr;align-items:start;gap:14px;display:grid}.rules-list li b{color:var(--color-ink-black);letter-spacing:.01em;padding-top:1px;font-size:13px;font-weight:650}.rules-list li span{color:var(--color-stone);font-size:12.5px;line-height:1.65}.rules-list li i{color:var(--color-ink-black);font-style:normal;font-weight:650}.rules-actions{gap:12px;display:flex}.rules-actions .btn-secondary,.rules-actions .btn-primary{border-radius:999px;flex:1;height:44px;min-height:44px;padding:0 20px;box-shadow:none!important;margin:0!important}@media (max-width:520px){.rules-dialog{padding:28px 22px}.rules-list li{grid-template-columns:1fr;gap:3px}}#invite-reward{scroll-margin-top:96px}.invite-promo{border-color:#5e8a7861}.invite-promo-badge{color:#3f6a57;letter-spacing:.02em;white-space:nowrap;background:#5e8a7829;border:1px solid #5e8a7857;border-radius:999px;flex:none;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.evidence-row,.review-keywords{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:relative}.evidence-row span,.review-keywords>span{color:var(--profile-muted);background:#ffffff85;border:1px solid #886a9e1f;border-radius:999px;padding:6px 10px;font-size:10px;line-height:1.3}.review-keywords small{opacity:.7;font:9px var(--font-mono),monospace;margin-left:4px}.distribution-chart{align-items:stretch;gap:8px;height:230px;padding-top:8px;display:flex}.distribution-column{text-align:center;cursor:pointer;background:0 0;border:0;flex:1;grid-template-rows:32px 1fr 28px;min-width:0;padding:0 2px;transition:transform .2s;display:grid}.distribution-column:hover,.distribution-column.is-active{transform:translateY(-4px)}.distribution-value{align-content:end;line-height:1;display:grid}.distribution-value b{font:600 12px var(--font-mono),monospace}.distribution-value small{color:var(--profile-faint);font:8px var(--font-mono),monospace}.distribution-bar-track{border-bottom:1px solid var(--profile-line);background:repeating-linear-gradient(0deg,#0000 0 40px,#17233d0a 41px);justify-content:center;align-items:flex-end;display:flex}.distribution-bar-track i{border-radius:12px 12px 3px 3px;width:min(36px,75%);min-height:6px;transition:filter .2s,box-shadow .2s;display:block;box-shadow:0 4px 10px #23234b1a}.distribution-column:hover .distribution-bar-track i,.distribution-column.is-active .distribution-bar-track i{filter:saturate(1.15)brightness(1.04);box-shadow:0 8px 18px #23234b24}.distribution-column>span{color:var(--profile-muted);text-overflow:ellipsis;white-space:nowrap;padding-top:7px;font-size:9px;overflow:hidden}.chart-focus{color:var(--profile-muted);background:#ffffff7a;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;font-size:11px;display:flex}.chart-focus b{color:var(--profile-ink)}.chart-focus span{font:10px var(--font-mono),monospace}.orbit-chart{height:210px;margin:4px auto 0;position:relative}.orbit-chart:before,.orbit-chart:after{content:"";border:1.5px dashed #b29bff47;border-radius:50%;position:absolute;inset:20px 28px;transform:rotate(-16deg)}.orbit-chart:after{border:1.5px dashed #63d8e64d;inset:48px 56px;transform:rotate(22deg)}.orbit-core{z-index:1;background:#ffffffb8;border:1px solid #ffffffe0;border-radius:50%;align-content:center;place-items:center;width:86px;height:86px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 28px #2d2d501a,inset 0 1px #fffffff2}.orbit-core b{letter-spacing:-.03em;font-size:22px;font-weight:700}.orbit-core small{max-width:58px;color:var(--profile-muted);text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:8.5px;overflow:hidden}.orbit-node{z-index:2;color:#fff;width:52px;height:52px;font:700 9.5px var(--font-mono),monospace;cursor:pointer;border:2.5px solid #ffffffe0;border-radius:50%;place-items:center;margin:-26px 0 0 -26px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:grid;position:absolute;box-shadow:0 6px 16px #23234b26,inset 0 1px #ffffff4d}.orbit-node.is-active,.orbit-node:hover{z-index:3;transform:scale(1.2);box-shadow:0 10px 24px #23234b33,inset 0 1px #fff6}.step-chart{border-bottom:1px solid var(--profile-line);background:repeating-linear-gradient(0deg,#0000 0 39px,#17233d0a 40px);align-items:end;gap:8px;height:210px;padding:18px 2px 0;display:flex}.step-node{cursor:pointer;background:0 0;border:0;flex:1;grid-template-rows:1fr auto;align-items:end;gap:6px;min-width:38px;height:100%;padding:0;display:grid}.step-node i{border-radius:10px 10px 3px 3px;width:100%;min-height:14px;transition:height .35s cubic-bezier(.2,.8,.2,1),filter .2s,box-shadow .2s;display:block;box-shadow:0 4px 10px #23234b14}.step-node span{color:var(--profile-muted);font:9px var(--font-mono),monospace;text-align:center}.step-node:hover i,.step-node.is-active i{filter:saturate(1.2)brightness(1.04);box-shadow:0 8px 18px #23234b1f}.archive-rating-card{min-width:0;padding:25px}.archive-rating-card .card-heading{margin-bottom:22px}.album-ranking{scrollbar-width:thin;scrollbar-color:#b29bff4d transparent;gap:4px;max-height:340px;padding-right:4px;display:grid;overflow-y:auto}.album-ranking::-webkit-scrollbar{width:4px}.album-ranking::-webkit-scrollbar-thumb{background:#b29bff4d;border-radius:4px}.album-ranking-row{color:inherit;border-radius:12px;grid-template-columns:28px 44px minmax(0,1fr) 48px;align-items:start;gap:10px;min-width:0;padding:9px 8px;text-decoration:none;transition:background .18s,transform .18s;display:grid}.album-ranking-row:hover{background:#ffffff94;transform:translate(3px)}.album-ranking-row img{object-fit:cover;border-radius:10px;flex-shrink:0;width:44px;height:44px;box-shadow:0 5px 14px #17233d1f}.album-ranking-rank{color:var(--profile-faint);font:700 10px var(--font-mono),monospace;padding-top:5px}.album-ranking-info{gap:3px;min-width:0;display:grid}.album-ranking-info b{word-break:break-word;overflow-wrap:anywhere;white-space:normal;font-size:12px;font-weight:600;line-height:1.4;display:block}.album-ranking-info small{color:var(--profile-muted);white-space:normal;font-size:10px;line-height:1.4;display:block}.album-ranking-row>strong{font:700 15px var(--font-mono),monospace;text-align:right;white-space:nowrap;flex:none;width:48px;padding-top:4px}.donut-chart{place-items:center;height:220px;display:grid;position:relative}.donut-ring{border:18px solid #ffffff8c;border-radius:50%;width:164px;height:164px;transform:rotate(-24deg);box-shadow:0 14px 28px #23234b1f,inset 0 0 0 1px #ffffffb3;-webkit-mask:radial-gradient(circle,#0000 0 54%,#000 55%);mask:radial-gradient(circle,#0000 0 54%,#000 55%)}.donut-center{background:#ffffffb8;border-radius:50%;align-content:center;place-items:center;width:80px;height:80px;display:grid;position:absolute;box-shadow:0 8px 18px #23234b14}.donut-center b{font-size:24px}.donut-center small{max-width:64px;color:var(--profile-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.donut-slice{max-width:66px;font:9px var(--font-mono),monospace;cursor:pointer;background:#ffffffb8;border:0;border-radius:99px;padding:3px 6px;transition:transform .18s,box-shadow .18s;position:absolute}.donut-slice:hover{z-index:2;transform:scale(1.08);box-shadow:0 5px 12px #23234b1f}.climate-profile{gap:22px;display:grid}.climate-profile-top{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:28px;display:grid}.climate-donut{place-items:center;width:180px;height:180px;margin:0 auto;display:grid;position:relative}.climate-donut-ring{border-radius:50%;width:180px;height:180px;transform:rotate(-90deg);box-shadow:0 10px 24px #23234b14;-webkit-mask:radial-gradient(circle,#0000 0 43%,#000 44%);mask:radial-gradient(circle,#0000 0 43%,#000 44%)}.climate-donut-center{width:92px;height:92px;color:var(--profile-ink);background:#ffffffb8;border:1px solid #ffffffe0;border-radius:50%;align-content:center;place-items:center;display:grid;position:absolute;box-shadow:inset 0 1px #ffffffeb,0 8px 20px #303e5c14}.climate-donut-center b{font:700 26px var(--font-sans);letter-spacing:-.03em}.climate-donut-center small{color:var(--profile-faint);font:8.5px var(--font-mono),monospace;letter-spacing:.12em;margin-top:3px}.climate-swatch-list{gap:10px;display:grid}.climate-swatch-row{grid-template-columns:12px 50px 40px minmax(0,1fr);align-items:center;gap:10px;display:grid}.climate-swatch-row>i{border-radius:3px;width:12px;height:12px;box-shadow:0 1px 3px #17233d1f}.climate-swatch-row>span{color:var(--profile-muted);font-size:11px}.climate-swatch-row>small{color:var(--profile-ink);font:10px var(--font-mono),monospace;text-align:right}.climate-swatch-row>b{background:#17233d12;border-radius:99px;height:6px;overflow:hidden}.climate-swatch-row>b>em{border-radius:inherit;min-width:3px;height:100%;font-style:normal;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.climate-metric-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.climate-metric{background:#ffffff6b;border:1px solid #ffffffb8;border-radius:14px;gap:8px;padding:14px 16px;transition:transform .18s,background .18s;display:grid;box-shadow:inset 0 1px #ffffffd1}.climate-metric:hover{background:#ffffff94;transform:translateY(-2px)}.climate-metric>span{color:var(--profile-muted);font-size:11px}.climate-metric>small{color:var(--profile-ink);font-size:11px;font-weight:600}.climate-metric-track{background:#17233d12;border-radius:99px;height:7px;position:relative}.climate-metric-track i{border-radius:inherit;opacity:.9;height:100%;display:block}.climate-metric-track b{background:var(--profile-ink);border:2px solid #ffffffeb;border-radius:50%;width:11px;height:11px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #303e5c33}.matrix-scroll{-webkit-overflow-scrolling:touch;padding:2px;overflow:auto}.matrix-grid{align-items:stretch;gap:6px;min-width:560px;display:grid}.matrix-axis{min-height:30px;color:var(--profile-muted);font:700 8.5px var(--font-mono),monospace;letter-spacing:.02em;justify-content:center;align-items:center;display:flex}.matrix-hue{justify-content:flex-start;gap:8px;padding-left:4px;font-size:11px}.matrix-hue i{border:2px solid #ffffffe6;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 2px 6px #17233d1f}.matrix-card{padding:25px}.matrix-cell{border:1px solid var(--cell-color);place-content:center;gap:2px;min-height:48px;display:grid}@supports (color:color-mix(in lab, red, red)){.matrix-cell{border:1px solid color-mix(in srgb,var(--cell-color) 22%,#ffffffc7)}}.matrix-cell{background:var(--cell-color);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.matrix-cell{background:color-mix(in srgb,var(--cell-color) var(--cell-strength),#ffffff94)}}.matrix-cell{color:var(--profile-ink);text-align:center;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:inset 0 1px #ffffffad}.matrix-cell:hover{z-index:1;filter:saturate(1.08);box-shadow:0 6px 14px var(--cell-color),inset 0 1px #ffffffc2;transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.matrix-cell:hover{box-shadow:0 6px 14px color-mix(in srgb,var(--cell-color) 20%,transparent),inset 0 1px #ffffffc2}}.matrix-cell.is-empty{color:var(--profile-faint);box-shadow:none;border-color:#17233d0d;--cell-strength:8%!important}.matrix-cell b{font:700 12px var(--font-mono),monospace}.matrix-cell small{opacity:.72;font-size:7.5px}.deep-stats{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.deep-stats span{color:var(--profile-muted);background:#ffffff73;border-radius:12px;padding:8px 10px;font-size:10px}.deep-stats b{color:var(--profile-ink);font-size:13px;display:block}.profile-meter{align-items:center;gap:8px;display:flex}.meter-track{background:#17233d12;border-radius:99px;flex:1;height:6px;overflow:hidden}.meter-track i{border-radius:inherit;height:100%;display:block}.profile-meter>b,.profile-meter small{color:var(--profile-muted);font:9px var(--font-mono),monospace}.review-reading{min-height:0}.review-aesthetic,.review-keyword-block{z-index:1;background:#ffffff4d;border:1px solid #ffffffad;border-radius:16px;margin-top:20px;padding:16px 18px;position:relative;box-shadow:inset 0 1px #ffffffad}.review-aesthetic-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.review-aesthetic-heading b{font-size:12px;font-weight:600}.review-aesthetic-heading small{color:var(--profile-faint);font:8.5px var(--font-mono),monospace}.review-dimension-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;display:grid}.review-dimension{gap:6px;display:grid}.review-dimension-label{color:var(--profile-muted);justify-content:space-between;font-size:11px;display:flex}.review-dimension-label b{font:700 10px var(--font-mono),monospace;color:var(--profile-ink)}.review-dimension-track{background:#17233d12;border-radius:99px;height:8px;overflow:hidden}.review-dimension-track i{border-radius:inherit;min-width:2px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 2px 6px #17233d1a}.review-keyword-block{background:#ffffff38}.review-regenerate{z-index:2;border:1px solid var(--profile-line);color:var(--profile-ink);font:9px var(--font-mono),monospace;background:#ffffffb8;border-radius:999px;padding:8px 12px;position:relative}.timeline-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.timeline-heading>div{gap:4px;display:grid}.timeline-heading b{letter-spacing:-.02em;font-size:15px;font-weight:650}.timeline-heading small,.timeline-heading>span{color:var(--profile-faint);font:8.5px var(--font-mono),monospace}.timeline-wall{scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:10px;padding:3px 2px 10px;display:flex;overflow-x:auto}.timeline-cover{scroll-snap-align:start;background:#17233d14;border:1.5px solid #ffffffeb;border-radius:11px;flex:0 0 64px;width:64px;height:64px;transition:transform .2s,box-shadow .2s,filter .2s;display:block;overflow:hidden;box-shadow:0 6px 14px #17233d1a,inset 0 1px #ffffff80}.timeline-cover img{object-fit:cover;width:100%;height:100%}.timeline-cover:hover,.timeline-cover:focus-visible{z-index:2;filter:saturate(1.08);transform:translateY(-4px)scale(1.06);box-shadow:0 14px 24px #17233d29,0 0 0 3px #ffffffb3}.timeline-track{opacity:.9;border:1px solid #ffffffd6;border-radius:999px;height:10px;margin-top:14px;box-shadow:0 4px 12px #17233d1a,inset 0 1px #ffff01}.boundary-note{border-top:1px solid var(--profile-line);text-align:center;max-width:680px;color:var(--profile-faint);margin:64px auto 0;padding:20px 0;font-size:11px;line-height:1.6}@media (max-width:1050px){.facts-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.facts-grid{grid-template-columns:repeat(3,1fr)}.social-facts{flex-wrap:wrap}.archive-charts{grid-template-columns:1fr}}@media (max-width:700px){.profile-section{padding-top:56px}.profile-section-head{grid-template-columns:auto 1fr;gap:8px 12px;margin-bottom:16px;display:grid}.section-index{position:relative;top:2px}.chart-grid,.review-dimension-bars{grid-template-columns:1fr}.facts-grid{grid-template-columns:repeat(2,1fr);gap:10px}.social-facts{gap:8px}.fact-mini{min-width:72px;padding:8px 12px}.fact-mini b{font-size:17px}.chart-card,.matrix-card,.review-reading,.timeline-card,.ai-card{padding:20px}.ai-main-card{padding:22px 24px}.climate-profile-top{grid-template-columns:1fr;justify-items:center;gap:20px}.climate-metric-row{grid-template-columns:1fr;gap:10px}.timeline-heading{gap:8px;display:grid}.timeline-wall{gap:8px;padding:2px 1px 8px}.timeline-cover{flex-basis:56px;width:56px;height:56px}.timeline-track{margin-top:12px}.card-heading{margin-bottom:18px}.distribution-chart{gap:6px;height:200px}.step-chart{gap:6px;height:190px}.orbit-chart{height:190px}.archive-rating-card{padding:18px}.album-ranking{max-height:300px}}@media (max-width:480px){.profile-hero{padding-inline:16px}.profile-hero-copy h1{font-size:clamp(38px,12vw,58px);line-height:1}.profile-section{padding-inline:16px}.facts-grid{grid-template-columns:1fr 1fr;gap:8px}.fact-card{min-height:90px;padding:14px}.fact-card b{margin:8px 0 2px;font-size:26px}.social-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.fact-mini{min-width:0;padding:10px 8px}.fact-mini b{font-size:18px}.fact-mini small{font-size:8px}.album-ranking-row{grid-template-columns:24px 38px minmax(0,1fr) 40px;gap:8px;padding:7px 5px}.album-ranking-row img{width:38px;height:38px}.album-ranking-info b{font-size:11px;line-height:1.35}.album-ranking-info small{font-size:9px}.album-ranking{max-height:260px}.album-ranking-row>strong{width:40px;font-size:13px}.matrix-grid{min-width:440px}.matrix-scroll{margin-inline:-8px;padding-inline:8px;scroll-padding-inline:8px}.climate-donut,.climate-donut-ring{width:160px;height:160px}.distribution-column{grid-template-rows:28px 1fr 24px}.distribution-column>span{font-size:8px}.donut-slice{min-width:44px;min-height:32px}.timeline-cover{flex-basis:64px;width:64px;height:64px}}@media (max-width:700px){.insights-page .album-dot-carousel{min-height:420px;margin-inline:-8px}.insights-page .album-dot-grid{width:min(330px,86vw);height:min(330px,86vw)}.insights-page .album-dot-center{width:116px;height:116px;top:calc(50% - 58px);left:calc(50% - 58px)}.insights-page .album-dot-orbit{width:68px;height:68px}.insights-page .album-dot-orbit-1{top:20%;left:12%}.insights-page .album-dot-orbit-2{top:10%;left:66%}.insights-page .album-dot-orbit-3{top:44%;left:78%}.insights-page .album-dot-orbit-4{top:74%;left:62%}.insights-page .album-dot-orbit-5{top:72%;left:16%}.insights-page .album-dot-orbit-6{top:46%;left:3%}.insights-page .album-dot-label{width:96px;font-size:9px;top:calc(100% + 6px)}.insights-page .album-dot-readout{max-width:140px;bottom:-4px;right:5%}.insights-page .album-dot-readout strong{font-size:12px}.insights-page .album-dot-readout small{font-size:8px}.insights-page .orbit-chart{height:178px;margin-inline:-4px}.insights-page .orbit-chart:before{inset:18px 20px}.insights-page .orbit-chart:after{inset:43px 42px}.insights-page .orbit-node{border-width:2px;width:44px;height:44px;margin:-22px 0 0 -22px;font-size:8.5px}.insights-page .orbit-node.is-active,.insights-page .orbit-node:hover{transform:scale(1.12)}.insights-page .donut-chart{height:196px}.insights-page .donut-ring{border-width:15px;width:144px;height:144px}.insights-page .donut-center{width:70px;height:70px}.insights-page .donut-center b{font-size:20px}.insights-page .donut-slice{min-width:48px;min-height:34px;padding:5px 7px;font-size:8px}.insights-page .distribution-chart{gap:4px;height:184px}.insights-page .distribution-column{min-width:30px}.insights-page .distribution-column>span{font-size:7.5px}.insights-page .step-chart{gap:4px;height:176px;padding-inline:0}.insights-page .step-node{min-width:28px}.insights-page .step-node span{font-size:8px}.insights-page .matrix-hue{gap:6px;padding-left:2px}.insights-page .matrix-hue i{width:9px;height:9px}.insights-page .nav-icon-btn{min-width:36px;min-height:36px}.insights-page .nav-icon-btn svg{width:14px;height:14px}}@media (max-width:380px){.insights-page .album-dot-carousel{min-height:380px}.insights-page .album-dot-grid{width:300px;height:300px}.insights-page .album-dot-center{width:104px;height:104px;top:calc(50% - 52px);left:calc(50% - 52px)}.insights-page .album-dot-orbit{width:60px;height:60px}.insights-page .orbit-node{width:40px;height:40px;margin:-20px 0 0 -20px}.insights-page .donut-slice{min-width:44px;padding-inline:5px}}@media (prefers-reduced-motion:reduce){.insights-page *,.insights-page :before,.insights-page :after{transition:none!important;animation:none!important}}.welcome-letter{width:min(478px,100%)}.welcome-title{font:650 20px var(--font-sans);letter-spacing:.01em;color:#0d0d0d;margin:0 0 4px}.welcome-body{font:400 14px/1.9 var(--font-sans);color:#2f2f2a;margin-top:6px}.welcome-body p{margin:0 0 12px}.welcome-body .welcome-greeting{color:#0d0d0d;font-weight:700}.welcome-body .welcome-signature{text-align:right;color:var(--color-stone);letter-spacing:.03em;margin-top:16px;margin-bottom:0;font-size:13px}.welcome-actions{gap:12px;margin-top:22px;display:flex}.welcome-actions .btn-primary,.welcome-actions .btn-secondary{flex:1;height:44px;line-height:1;box-shadow:none!important}@media (max-width:520px){.welcome-body{font-size:13.5px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}