@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-vietnamese-800-normal-CpjukuLw.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-800-normal-BZxKbt5V.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-vietnamese-900-normal-Dt_hWMjt.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-900-normal-swJS2L_Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-ext-900-normal-BgjSW1bu.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-900-normal-CoV-fQpy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-900-normal-SFh9ViAc.woff2)format("woff2"),url(/assets/barlow-condensed-latin-900-normal-Bz1RFETY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-vietnamese-600-normal-DUi7WF5p.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-600-normal-D6zpsUhD.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-ext-600-normal-DxxdqCpr.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-600-normal-VcznFIpX.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f4fb;--surface:#fff;--surface-sunk:#f1eefa;--ink:#16121f;--ink-2:#57506b;--ink-3:#8b849d;--brand:#6529dc;--brand-ink:#2a0e63;--brand-wash:#6529dc14;--line:#2a0e631c;--line-2:#2a0e6338;--danger:#b32f4d;--display:"Barlow Condensed", "Haettenschweiler", Impact, sans-serif;--body:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--radius:14px;--radius-sm:9px;--shell:min(1180px, calc(100% - 48px));--ease:cubic-bezier(.22, 1, .36, 1)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#100a1c;--surface:#191030;--surface-sunk:#140d26;--ink:#f4f1fb;--ink-2:#b5aacb;--ink-3:#857ba0;--brand:#a47cff;--brand-ink:#d9c8ff;--brand-wash:#a47cff21;--line:#c4a9ff21;--line-2:#c4a9ff42;--danger:#f07f99}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:104px}html:has(dialog[open]){overflow:hidden}body{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;padding-bottom:96px;font-size:15px;line-height:1.6;transition:background-color .3s,color .3s}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,ol,dl{margin:0}ol{padding:0;list-style:none}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.05em;height:1.05em}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.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}.skip-link{z-index:200;border-radius:var(--radius-sm);background:var(--brand);color:#fff;transition:transform .2s var(--ease);padding:11px 16px;font-size:13px;font-weight:600;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.eyebrow{color:var(--ink-3);letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:600}.button-solid,.button-quiet{cursor:pointer;min-height:42px;transition:background-color .18s ease, border-color .18s ease, transform .18s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex}.button-solid{background:var(--brand);color:#fff}.button-solid:hover{background:var(--brand-ink);transform:translateY(-1px)}[data-theme=dark] .button-solid{color:#1a0f34}[data-theme=dark] .button-solid:hover{background:var(--brand-ink)}.button-quiet{border-color:var(--line-2);color:var(--ink-2);background:0 0}.button-quiet:hover{border-color:var(--ink-3);color:var(--ink)}.button-solid svg{transition:transform .22s var(--ease)}.button-solid:hover svg{transform:translate(3px)}.button-icon,.button-ghost{width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;transition:background-color .18s,color .18s;display:grid}.button-icon{border-color:var(--line)}.button-icon:hover,.button-ghost:hover{background:var(--brand-wash);color:var(--brand)}.button-icon svg,.button-ghost svg{width:17px;height:17px}.link-action{color:var(--brand);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.link-action:hover{text-decoration:underline}.brand-lockup{aspect-ratio:624/222;background:url(/assets/brand-lockup-light-UhIPEAWJ.webp) 50%/contain no-repeat;height:30px;display:block}[data-theme=dark] .brand-lockup{background-image:url(/assets/brand-lockup-dark-vrxQbjx8.webp)}.site-header{z-index:60;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #0000;transition:border-color .3s,box-shadow .3s,background-color .3s;position:sticky;top:0}.site-header.is-stuck{border-bottom-color:var(--line);box-shadow:0 10px 32px #18083c0f}[data-theme=dark] .site-header.is-stuck{box-shadow:0 10px 32px #0006}.header-inner{width:min(1440px,100% - 32px);height:78px;transition:height .32s var(--ease);align-items:center;gap:16px;margin:0 auto;display:flex}.site-header.is-stuck .header-inner{height:58px}.header-brand{transform-origin:0;transition:transform .32s var(--ease);flex:none;text-decoration:none}.site-header.is-stuck .header-brand{transform:scale(.86)}.header-nav{flex:none;gap:2px;margin-right:auto;display:flex}.header-nav a{height:36px;color:var(--ink-3);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600;text-decoration:none;transition:color .18s,background-color .18s;display:inline-flex}.header-nav a:hover{color:var(--ink)}.header-nav a[aria-current=true]{background:var(--brand-wash);color:var(--brand)}.header-nav svg{width:15px;height:15px}.header-search{flex:300px;min-width:210px;position:relative}.header-search>svg{width:15px;height:15px;color:var(--ink-3);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.header-search input{border:1px solid var(--line);background:var(--surface);border-radius:999px;outline:0;width:100%;height:40px;padding:0 38px;font-size:13px;transition:border-color .18s}.header-search input::placeholder{color:var(--ink-3)}.header-search input:focus{border-color:var(--brand)}.header-search button{width:28px;height:28px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.header-search button:hover{color:var(--ink)}.header-search button svg{width:14px;height:14px}.header-actions{flex:none;align-items:center;gap:8px;display:flex}.header-manage{white-space:nowrap;flex:none;gap:7px;min-height:38px;padding-inline:12px}.header-manage svg{width:15px;height:15px}.header-manage.is-active{border-color:var(--brand);background:var(--brand-wash);color:var(--brand)}.header-new svg{width:16px;height:16px}.header-new{white-space:nowrap;flex:none}.header-new:hover svg{transform:none}.mobile-nav{display:none}.save-indicator{color:var(--ink-3);white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.save-indicator svg{width:14px;height:14px}.save-indicator.is-saving{color:var(--brand)}.save-indicator.is-error{color:var(--danger)}.is-spinning{animation:.8s linear infinite spin}.masthead{width:var(--shell);margin:0 auto;padding:64px 0 46px}.masthead .eyebrow{margin-bottom:18px}.masthead-title{font-weight:400}.masthead-title .brand-lockup{height:clamp(56px,11vw,116px)}.masthead-line{color:var(--ink-2);margin-top:22px;font-size:16px}.masthead-line b{font-family:var(--display);color:var(--ink);font-size:1.5em;font-weight:800;line-height:1}.masthead-line i{color:var(--ink-3);margin:0 10px;font-style:normal}.masthead-line.is-quiet{color:var(--ink-3)}.layout{width:var(--shell);border-top:1px solid var(--line);margin:0 auto;padding-top:34px}.page-shell{width:var(--shell);margin:0 auto;padding-top:30px}.feed{min-width:0;scroll-margin-top:104px}.feed-head{z-index:40;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex;position:relative}.section-title{font-family:var(--display);letter-spacing:-.015em;text-transform:uppercase;font-size:clamp(32px,4.4vw,44px);font-weight:800;line-height:.9}.count{color:var(--ink-3);font-size:13px}.feed-actions{align-items:center;gap:8px;min-height:30px;display:flex}.view-toggle{background:var(--surface-sunk);border-radius:8px;gap:1px;padding:2px;display:flex}.view-toggle button{width:30px;height:26px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:background-color .18s,color .18s;display:grid}.view-toggle button:hover{color:var(--ink)}.view-toggle button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #18083c14}[data-theme=dark] .view-toggle button.is-active{background:var(--brand-wash);color:var(--brand);box-shadow:none}.view-toggle svg{width:14px;height:14px}.random-btn{border:1px solid var(--line);background:var(--surface-sunk);width:38px;height:30px;color:var(--ink-3);cursor:pointer;border-radius:8px;justify-content:center;place-items:center;padding:0;transition:border-color .18s,color .18s,background-color .18s;display:flex}.random-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-wash)}.random-btn svg{width:13px;height:13px}.random-btn svg+svg{width:9px;margin-left:-2px}.smart-random{position:relative}.smart-random.is-open{z-index:80}.smart-random .random-btn{gap:2px}.random-popover{z-index:90;border:1px solid var(--line);background:var(--surface);width:min(270px,100vw - 32px);animation:editor-in .2s var(--ease);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #18083c29}.random-popover button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:10px;display:grid}.random-popover button:hover{background:var(--surface-sunk)}.random-popover button>svg{width:16px;color:var(--brand)}.random-popover span,.random-popover b,.random-popover small{display:block}.random-popover b{font-size:12px}.random-popover small{color:var(--ink-3);margin-top:2px;font-size:10.5px}.filters{z-index:1;align-items:center;gap:10px;margin-bottom:26px;display:flex;position:relative}.filters-search{flex:1;display:none;position:relative}.filters-search>svg{width:15px;height:15px;color:var(--ink-3);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.filters-search input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);outline:0;width:100%;height:40px;padding:0 14px 0 36px;font-size:13px}.filters-search input:focus{border-color:var(--brand)}.segmented{background:var(--surface-sunk);border-radius:999px;gap:2px;padding:3px;display:flex}.segmented button{min-height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 15px;font-size:12.5px;font-weight:600;transition:background-color .18s,color .18s}.segmented button:hover{color:var(--ink)}.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #18083c1a}[data-theme=dark] .segmented button.is-active{box-shadow:none;background:var(--brand-wash);color:var(--brand)}.filters-selects{gap:8px;margin-left:auto;display:flex}.filters-selects select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b849d' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center / 15px;height:38px;color:var(--ink-2);cursor:pointer;appearance:none;outline:0;padding:0 30px 0 12px;font-size:12.5px}.filters-selects select:focus{border-color:var(--brand)}.entries{flex-direction:column;gap:14px;display:flex}.pagination{justify-content:center;align-items:center;gap:4px;margin-top:28px;display:flex}.pagination button{min-width:34px;height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0 8px;font-size:13px;font-weight:600;transition:background-color .18s,color .18s;display:grid}.pagination button:hover:not(:disabled){background:var(--surface-sunk);color:var(--ink)}.pagination button:disabled{color:var(--ink-3);opacity:.4;cursor:default}.pagination button.is-active{background:var(--brand-wash);color:var(--brand)}.pagination button svg{width:15px;height:15px}.pagination-gap{min-width:20px;color:var(--ink-3);place-items:center;display:grid}.entries-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:16px;display:grid}.grid-entry{text-align:left;cursor:pointer;animation:rise-in .55s var(--ease) both;animation-delay:var(--enter-delay,0s);background:0 0;border:0;flex-direction:column;gap:7px;padding:0;display:flex}.grid-cover{border-radius:var(--radius-sm);width:100%;transition:transform .22s var(--ease), box-shadow .22s var(--ease)}.grid-entry:hover .grid-cover{transform:translateY(-4px);box-shadow:0 12px 32px #18083c21}[data-theme=dark] .grid-entry:hover .grid-cover{box-shadow:0 12px 32px #0006}.grid-info{min-width:0}.grid-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.grid-artist{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:11.5px;overflow:hidden}.grid-score{font-family:var(--display);color:var(--ink-2);font-size:19px;font-weight:800;line-height:1}.grid-score.is-high{color:var(--brand)}.entry{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .2s ease, transform .25s var(--ease), box-shadow .25s var(--ease);padding:22px 24px;position:relative}.entry:hover{border-color:var(--line-2);box-shadow:0 14px 40px #18083c12}[data-theme=dark] .entry:hover{box-shadow:0 14px 40px #00000059}.entry.is-pinned{border-left:3px solid var(--brand)}.entry-head{grid-template-columns:74px minmax(0,1fr) auto auto;align-items:start;gap:18px;display:grid}.entry-cover{width:74px}.entry-cover-wrap{flex:none;position:relative}.entry-cover-button{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:0}.entry-cover-button .cover{transition:transform .22s var(--ease)}.entry-cover-button:hover .cover{transform:translateY(-2px)}.preview-button{cursor:pointer;transition:background-color .18s ease, opacity .18s ease, transform .18s var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.preview-button svg{width:13px;height:13px}.preview-button.is-on-cover{background:var(--ink);width:26px;height:26px;color:var(--bg);opacity:0;position:absolute;bottom:-6px;right:-6px;transform:scale(.85);box-shadow:0 4px 10px #18083c40}.entry-cover-wrap:hover .preview-button.is-on-cover,.preview-button.is-on-cover.loading,.preview-button.is-on-cover.playing{opacity:1;transform:scale(1)}.preview-button.is-on-cover.playing{background:var(--brand);color:#fff}.album-preview{color:var(--ink-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12.5px;font-weight:600;transition:color .18s;display:inline-flex}.album-preview:hover,.album-preview.playing,.album-preview.loading{color:var(--brand)}.album-preview svg{width:15px;height:15px}.entry-id{min-width:0;padding-top:2px}.entry-id .eyebrow{margin-bottom:7px}.entry-title{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(24px,3vw,31px);font-weight:800;line-height:.95}.entry-title button{color:inherit;font:inherit;text-align:left;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration-thickness:2px}.entry-title button:hover{text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand)}.entry-artist{color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:5px;font-size:14px;display:flex}.artist-name{color:inherit;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;transition:color .18s}.artist-name:hover{color:var(--brand);text-decoration:underline}.artist-amp{color:var(--ink-3);white-space:pre;margin:0 1px;font-style:normal}.artist-link{background:var(--brand-wash);color:var(--brand);cursor:pointer;border:0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;transition:background-color .18s}.artist-link:hover{background:color-mix(in srgb, var(--brand) 18%, transparent)}.entry-score{min-width:76px;font-family:var(--display);text-align:right;white-space:nowrap;padding-top:2px}.entry-score b{letter-spacing:-.03em;font-size:46px;font-weight:800;line-height:.78}.entry-score span{color:var(--ink-3);font-family:var(--body);margin-top:4px;font-size:11px;display:block}.entry-score.is-high b{color:var(--brand)}.entry-score em{font-family:var(--body);margin-top:5px;font-size:10.5px;font-style:normal;font-weight:600;display:block}.is-up{color:#2f9367}.is-down{color:var(--danger)}[data-theme=dark] .is-up{color:#5fd39c}.entry-menu{position:relative}.menu-popover{z-index:20;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;min-width:150px;padding:5px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 16px 40px #18083c24}[data-theme=dark] .menu-popover{box-shadow:0 16px 40px #00000080}.menu-popover button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:9px 11px;font-size:13px;display:flex}.menu-popover button:hover{background:var(--surface-sunk)}.menu-popover button svg{width:15px;height:15px}.menu-popover .is-danger{color:var(--danger)}.entry-body{margin-top:18px}.entry-body p{color:var(--ink-2);text-wrap:pretty;white-space:pre-wrap;font-size:14.5px;line-height:1.72}.entry-body .link-action{margin-top:8px}.entry-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:14px;display:flex}.favourite{color:var(--ink-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12.5px;font-weight:600;transition:color .18s;display:inline-flex}.favourite.is-static{cursor:default;margin:0}.favourite:not(.is-static):hover,.favourite.is-active{color:var(--brand)}.favourite svg{width:15px;height:15px}.entry-date{color:var(--ink-3);font-size:12px}.entry-tracks{border-radius:var(--radius-sm);background:var(--surface-sunk);gap:20px;margin-top:14px;padding:12px 16px;display:flex}.entry-tracks .track{align-items:baseline;gap:8px;margin:0;font-size:13.5px;display:flex}.entry-tracks .track span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;flex:none;font-size:10.5px;font-weight:600}.cover{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(150deg, var(--cover-base), var(--cover-shade));flex:none;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-initials{color:#ffffffe6;font-family:var(--display);letter-spacing:-.02em;place-items:center;font-size:42%;font-weight:800;display:grid;position:absolute;inset:0}.summary{animation:rise-in .5s var(--ease) both;scroll-margin-top:104px}.summary-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.summary-head .eyebrow{margin-bottom:10px}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px 20px}.stat b{font-family:var(--display);letter-spacing:-.03em;font-size:42px;font-weight:800;line-height:.85;display:block}.stat span{color:var(--ink-3);margin-top:8px;font-size:12px;display:block}.summary-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:12px;margin-top:12px;display:grid}.summary-grid>*,.summary-side{min-width:0}.summary-side{flex-direction:column;gap:12px;display:flex}.summary .panel{margin-top:12px}.summary-grid .panel,.summary-side .panel{margin-top:0}.summary .panel{overflow:hidden}.panel-description{max-width:520px;color:var(--ink-3);margin:-7px 0 18px;font-size:11.5px;line-height:1.45}.archive-tools{gap:16px;display:grid}.archive-tools-title{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:11px;display:grid}.archive-tools-title>svg{background:var(--brand-wash);width:34px;height:34px;color:var(--brand);border-radius:10px;padding:8px}.archive-tools-title .panel-title{margin:1px 0 3px}.archive-tools-title p,.archive-tools-note{color:var(--ink-3);font-size:11.5px;line-height:1.45}.archive-tools-actions{flex-wrap:wrap;gap:7px;display:flex}.archive-tools-actions .button-quiet{flex:130px;min-height:38px;padding-inline:12px}.archive-tools-note{margin-top:-7px}.wishlist-page,.artist-page{animation:rise-in .5s var(--ease) both;scroll-margin-top:100px}.wishlist-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding:26px 0 30px;display:flex}.wishlist-head .eyebrow{margin-bottom:10px}.wishlist-head>div>p:last-child{color:var(--ink-3);margin-top:10px}.wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:24px;display:grid}.wishlist-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .2s ease, transform .2s var(--ease), box-shadow .2s ease;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:14px;display:grid}.wishlist-card:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 14px 35px #18083c14}.wishlist-card .cover{border-radius:10px;grid-row:1/3;width:92px}.wishlist-card-copy{align-self:center;min-width:0}.wishlist-card-copy h2{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:16px;overflow:hidden}.wishlist-card-copy>p:last-child{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.wishlist-card-actions{align-items:center;gap:5px;display:flex}.wishlist-card-actions .button-solid{min-height:34px;padding-inline:13px;font-size:11.5px}.wishlist-card-actions .button-ghost{width:34px;height:34px}.wishlist-empty{margin-top:24px}.wishlist-editor{width:min(610px,100% - 32px)}.wishlist-fields{grid-template-columns:116px minmax(0,1fr);gap:18px;display:grid}.wishlist-form-cover{border-radius:10px;width:116px}.wishlist-error{color:var(--danger);padding:0 20px 16px;font-size:12px}.artist-back{min-height:38px;margin-bottom:26px}.artist-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;padding-bottom:32px;display:grid}.artist-hero h1{font-family:var(--display);letter-spacing:-.03em;text-transform:uppercase;margin-top:9px;font-size:clamp(54px,9vw,96px);font-weight:800;line-height:.82}.artist-stats{gap:28px;display:flex}.artist-stats div{flex-direction:column-reverse;display:flex}.artist-stats dt{color:var(--ink-3);text-transform:uppercase;font-size:10.5px}.artist-stats dd{font-family:var(--display);margin:0 0 4px;font-size:38px;font-weight:800;line-height:1}.artist-evolution{margin-top:22px;padding:24px 28px 18px;overflow:hidden}.artist-evolution .panel-title{margin:4px 0 0}.artist-section-head.is-chart{justify-content:space-between;align-items:end;gap:24px;display:flex}.artist-chart-key{color:var(--ink-3);align-items:center;gap:7px;font-size:10.5px;display:flex}.artist-chart-key i{border:2px solid var(--surface);background:var(--brand);width:7px;height:7px;box-shadow:0 0 0 1px var(--brand);border-radius:50%}.artist-chart-scroll{scrollbar-color:var(--line-2) transparent;scrollbar-width:thin;margin:2px -8px 0;padding:0 8px 4px;overflow-x:auto}.artist-chart{width:100%;min-width:620px;height:auto;color:var(--line-2);display:block}.artist-chart-grid line{fill:none;stroke:currentColor;stroke-width:1px;stroke-dasharray:2 7;vector-effect:non-scaling-stroke}.artist-chart text{stroke:none;font-family:var(--body)}.artist-chart-grid text{fill:var(--ink-3);font-size:9px}.artist-chart-line{fill:none;stroke:var(--brand);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.artist-chart-point{cursor:pointer;outline:none}.artist-point-halo{fill:var(--surface);stroke:var(--brand-wash);stroke-width:8px;transition:stroke-width .2s var(--ease), r .2s var(--ease)}.artist-point-disc{fill:var(--brand);stroke:var(--surface);stroke-width:2.5px;transition:transform .2s var(--ease);transform-box:fill-box;transform-origin:50%}.artist-point-score{fill:#fff;pointer-events:none;font-size:7.5px;font-weight:700}[data-theme=dark] .artist-point-score{fill:#1a0f34}.artist-point-year{fill:var(--ink-2);font-size:10px;font-weight:600}.artist-chart-point:hover .artist-point-halo,.artist-chart-point:focus-visible .artist-point-halo{r:16;stroke-width:10px}.artist-chart-point:hover .artist-point-disc,.artist-chart-point:focus-visible .artist-point-disc{transform:scale(1.12)}.artist-chart-point:focus-visible{outline:none}.artist-evolution-empty{border:1px solid var(--line);background:var(--surface-sunk);border-radius:12px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:20px;min-height:112px;padding:18px 20px;display:grid}.artist-first-score{border:1px solid var(--line-2);background:var(--surface);width:76px;height:76px;color:var(--brand);border-radius:50%;place-items:center;display:grid;position:relative}.artist-first-score svg{opacity:.22;width:58px;height:58px;position:absolute}.artist-first-score b{font-family:var(--display);font-size:30px;line-height:1;position:relative}.artist-evolution-empty h3{font-size:14px}.artist-evolution-empty p{max-width:620px;color:var(--ink-3);margin-top:4px;font-size:12px;line-height:1.55}.artist-discography{padding-top:34px}.artist-section-head{margin-bottom:18px}.artist-section-head .eyebrow{margin-bottom:8px}.artist-albums{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.artist-albums>button{border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .18s ease, transform .18s var(--ease);border-radius:12px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.artist-albums>button:hover{border-color:var(--brand);transform:translateY(-2px)}.artist-albums .cover{border-radius:7px;width:64px}.artist-albums span{min-width:0}.artist-albums small,.artist-albums b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.artist-albums small{color:var(--ink-3);font-size:10px}.artist-albums b{margin-top:2px;font-size:12px}.artist-albums strong{font-family:var(--display);font-size:25px}.manager-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(430px,100% - 32px);color:var(--ink);padding:0;box-shadow:0 40px 100px #12062e47}.manager-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10062680}.manager-dialog[open]{animation:editor-in .28s var(--ease)}.manager-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px;display:flex}.manager-head h2{font-family:var(--display);text-transform:uppercase;margin-top:5px;font-size:28px}.manager-body{gap:15px;padding:20px;display:grid}.manager-mark{background:var(--brand-wash);width:42px;height:42px;color:var(--brand);border-radius:12px;place-items:center;display:grid}.manager-mark svg{width:21px;height:21px}.manager-body>p{color:var(--ink-3);font-size:12.5px;line-height:1.55}.manager-code{color:var(--ink-2);gap:7px;font-size:12px;font-weight:600;display:grid}.manager-code input{border:1px solid var(--line-2);background:var(--surface-sunk);letter-spacing:.08em;border-radius:9px;outline:0;height:42px;padding:0 12px}.manager-code input:focus{border-color:var(--brand);background:var(--surface)}.manager-error{color:var(--danger);font-size:12px}.manager-foot{border-top:1px solid var(--line);background:var(--surface-sunk);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.manager-foot .button-solid{min-width:126px}.member-avatar{border:1px solid color-mix(in srgb, var(--brand) 55%, var(--line));background:var(--brand-wash);width:25px;height:25px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:800;display:inline-grid}.member-avatar.is-large{width:44px;height:44px;font-size:16px}.member-dashboard{gap:20px}.member-current{align-items:center;gap:11px;display:flex}.member-current div{gap:2px;display:grid}.member-current small,.member-row small{color:var(--ink-3);font-size:10.5px}.member-create{border-top:1px solid var(--line);align-items:end;gap:8px;padding-top:17px;display:flex}.member-create label{color:var(--ink-2);flex:1;gap:6px;font-size:11px;font-weight:600;display:grid}.member-create input{border:1px solid var(--line-2);background:var(--surface);border-radius:9px;min-height:40px;padding:0 11px}.issued-code{border:1px solid var(--brand);background:var(--brand-wash);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.issued-code div{gap:3px;display:grid}.issued-code small{color:var(--ink-3);font-size:10px}.issued-code b{letter-spacing:.1em;font-size:14px}.member-list{gap:7px;display:grid}.member-row{border:1px solid var(--line);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px;display:grid}.member-row>div{gap:2px;min-width:0;display:grid}.member-row.is-disabled{opacity:.55}.author-badge{width:fit-content;color:var(--ink-3);align-items:center;font-size:10.5px;font-weight:600;display:inline-flex}.entry-id>.author-badge{margin-bottom:7px}.entry-score small{color:var(--ink-3);font-family:var(--body);white-space:nowrap;margin-bottom:3px;font-size:9px;font-weight:500;display:block}.grid-author{color:var(--ink-3);margin-top:3px;font-size:9px}.track-average-note{color:var(--brand);align-items:center;gap:7px;margin:12px 0 0;font-size:11px;font-weight:600;display:flex}.track-average-note svg{width:14px;height:14px}.club-opinions{gap:13px;display:grid}.opinion-switcher{flex-wrap:wrap;gap:7px;display:flex}.opinion-switcher>button{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--ink);cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:7px 10px;display:flex}.opinion-switcher>button:hover,.opinion-switcher>button.is-active{border-color:var(--brand);background:var(--brand-wash)}.opinion-switcher>button>b{font-family:var(--display);font-size:21px}.import-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(620px,100% - 32px);color:var(--ink);padding:0;box-shadow:0 40px 100px #12062e47}.import-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10062680}.import-dialog[open]{animation:editor-in .28s var(--ease)}.import-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px;display:flex}.import-head h2{font-family:var(--display);text-transform:uppercase;margin-top:5px;font-size:28px}.import-body{padding:20px}.import-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.import-stats p{background:var(--surface-sunk);border-radius:10px;padding:14px}.import-stats b,.import-stats span{display:block}.import-stats b{font-family:var(--display);font-size:34px;line-height:1}.import-stats span{color:var(--ink-3);text-transform:uppercase;margin-top:4px;font-size:10.5px}.import-stats .has-warning b{color:var(--danger)}.import-explainer{color:var(--ink-3);margin:12px 0 16px;font-size:11.5px}.import-options{gap:7px;display:grid}.import-options>button{border:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:12px;transition:border-color .18s,background-color .18s;display:grid}.import-options>button:hover{border-color:var(--brand);background:var(--brand-wash)}.import-options>button>svg{width:17px;color:var(--brand)}.import-options b,.import-options small{display:block}.import-options b{font-size:13px}.import-options small{color:var(--ink-3);margin-top:2px;font-size:11px}.import-foot{border-top:1px solid var(--line);background:var(--surface-sunk);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.import-foot p{color:var(--brand);align-items:center;gap:7px;font-size:11.5px;display:flex}.history-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(680px,100% - 32px);max-height:min(760px,100dvh - 48px);color:var(--ink);padding:0;box-shadow:0 40px 100px #12062e47}.history-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10062680}.history-dialog[open]{animation:editor-in .28s var(--ease)}.history-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px;display:flex}.history-head h2{font-family:var(--display);text-transform:uppercase;margin-top:5px;font-size:28px}.history-body{padding:20px}.history-intro{color:var(--ink-3);margin-bottom:18px;font-size:12px;line-height:1.55}.history-state{min-height:180px;color:var(--ink-3);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.history-list{max-height:470px;padding:0;list-style:none;overflow-y:auto}.history-list li{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;display:grid}.history-mark{align-self:stretch;place-items:center;display:grid;position:relative}.history-mark:before{background:var(--line-2);content:"";width:1px;position:absolute;top:0;bottom:0;left:50%}.history-mark span{border:3px solid var(--surface);background:var(--brand);width:11px;height:11px;box-shadow:0 0 0 1px var(--brand);border-radius:50%;position:relative}.history-copy{gap:3px;min-width:0;display:grid}.history-copy time{color:var(--brand);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.history-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.history-copy small{color:var(--ink-3);font-size:11px}.history-list .button-quiet{min-height:34px;padding-inline:10px;font-size:11px}.history-list .button-quiet svg{width:13px}.history-empty{text-align:center;align-content:center;place-items:center;gap:8px;min-height:210px;display:grid}.history-empty>svg{width:28px;height:28px;color:var(--brand)}.history-empty b{font-family:var(--display);text-transform:uppercase;font-size:19px}.history-empty p{max-width:310px;color:var(--ink-3);font-size:12px;line-height:1.5}.ranked-place{width:22px;color:var(--ink-3);font-family:var(--display);text-align:right;flex:none;font-size:15px;font-style:normal;font-weight:700}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px 20px}.panel-title{font-family:var(--display);letter-spacing:-.005em;text-transform:uppercase;margin-bottom:14px;font-size:21px;font-weight:700}.panel-empty{color:var(--ink-3);font-size:13px}.ranked{flex-direction:column;gap:3px;display:flex}.ranked.is-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;max-height:300px;overflow-y:auto}.ranked.is-scroll::-webkit-scrollbar{width:10px}.ranked.is-scroll::-webkit-scrollbar-track{background:0 0}.ranked.is-scroll::-webkit-scrollbar-thumb{background:var(--line-2);background-clip:content-box;border:3px solid #0000;border-radius:999px}.ranked.is-scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-3);background-clip:content-box}.ranked.is-scroll.summary-ranked{max-height:min(600px,68dvh)}.ranked button{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:7px 8px;transition:background-color .18s;display:flex}.ranked-copy em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranked button:hover{background:var(--surface-sunk)}.ranked .cover{border-radius:5px;width:34px}.ranked-copy{gap:1px;min-width:0;display:grid}.ranked-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.ranked-copy em{color:var(--ink-3);font-size:11.5px;font-style:normal}.ranked-score{font-family:var(--display);color:var(--ink-2);margin-left:auto;font-size:20px;font-weight:800}.bands{flex-direction:column;gap:9px;display:flex}.band{grid-template-columns:74px minmax(0,1fr) 20px;align-items:center;gap:10px;font-size:11.5px;display:grid}.band span{color:var(--ink-3)}.band.is-genre{grid-template-columns:96px minmax(0,1fr) 20px;font-size:12.5px}.band.is-genre span{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.band i{background:var(--surface-sunk);border-radius:999px;height:5px;display:block}.band b{background:var(--brand);height:100%;transition:width .5s var(--ease);border-radius:999px;display:block}.band strong{font-family:var(--display);text-align:right;font-size:15px}.panel-subtitle{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;margin-top:18px;margin-bottom:10px;font-size:10.5px;font-weight:600}.month-bars{gap:4px;height:100px;display:flex}.month-bars.is-year{gap:8px;height:150px}.month-bars.is-year .month-bar-label{text-transform:uppercase;font-size:11px}.month-bar{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.month-bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.month-bar-fill{background:var(--brand);opacity:.6;width:100%;min-height:3px;transition:height .5s var(--ease);border-radius:3px 3px 0 0}.month-bar-count{font-family:var(--display);color:var(--ink);font-size:13px;font-weight:700;line-height:1}.month-bar-label{color:var(--ink-3);text-transform:capitalize;font-size:9.5px}.genre-ranks{flex-direction:column;gap:6px;display:flex}.genre-rank{justify-content:space-between;align-items:center;font-size:13px;display:flex}.genre-rank span{color:var(--ink-2)}.genre-rank b{font-family:var(--display);color:var(--ink-3);font-size:15px;font-weight:700}.privacy{color:var(--ink-3);align-items:center;gap:7px;padding:0 4px;font-size:11.5px;display:flex}.privacy svg{width:13px;height:13px}.empty{border:1px dashed var(--line-2);border-radius:var(--radius);text-align:center;justify-items:center;padding:76px 24px;display:grid}.empty>svg{width:34px;height:34px;color:var(--ink-3)}.empty h3{font-family:var(--display);margin-top:18px;font-size:27px;font-weight:700}.empty p{color:var(--ink-3);margin-top:6px;margin-bottom:20px;font-size:14px}.album-shell{width:var(--shell);margin:0 auto;padding-top:26px}.album{isolation:isolate;animation:rise-in .5s var(--ease) both;position:relative}.album.has-cover-theme:before{content:"";z-index:-1;top:-26px;right:calc((100vw - min(100vw, var(--shell))) / -2);left:calc((100vw - min(100vw, var(--shell))) / -2);background:radial-gradient(circle at 22% 30%, color-mix(in srgb, var(--album-accent) 18%, transparent), transparent 55%);pointer-events:none;height:430px;position:absolute}.album.has-cover-theme .album-cover{box-shadow:0 24px 65px color-mix(in srgb, var(--album-accent) 28%, transparent)}.album.has-cover-theme .album-score.is-high b{color:color-mix(in srgb, var(--album-accent) 72%, var(--brand))}.album-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px;display:flex}.album-bar-actions{gap:8px;display:flex}.album-bar .button-quiet{min-height:38px;padding:0 15px;font-size:12.5px}.album-bar svg{width:15px;height:15px}.album-back:hover svg{transform:translate(-3px)}.album-back svg{transition:transform .22s var(--ease)}.album-head{border-bottom:1px solid var(--line);grid-template-columns:260px minmax(0,1fr);align-items:start;gap:36px;padding-bottom:32px;display:grid}.album-cover{border-radius:var(--radius);width:260px;box-shadow:0 24px 60px #18083c29}[data-theme=dark] .album-cover{box-shadow:0 24px 60px #00000080}.album-id{min-width:0;padding-top:4px}.album-id .eyebrow{margin-bottom:12px}.album-title{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(40px,6vw,68px);font-weight:800;line-height:.9}.album-artist{color:var(--ink-2);margin-top:10px;font-size:18px}.album-score{font-family:var(--display);align-items:baseline;gap:6px;margin-top:24px;display:flex}.album-score b{letter-spacing:-.03em;font-size:64px;font-weight:800;line-height:.8}.album-score span{color:var(--ink-3);font-family:var(--body);font-size:13px}.album-score.is-high b{color:var(--brand)}.album-score em{font-family:var(--body);margin-left:10px;font-size:12px;font-style:normal;font-weight:600}.album-actions{align-items:center;gap:20px;margin-top:24px;display:flex}.album-delete{color:var(--ink-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12.5px;font-weight:600;transition:color .18s;display:inline-flex}.album-delete:hover{color:var(--danger)}.album-delete svg{width:15px;height:15px}.album-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:48px;padding-top:32px;display:grid}.album-main{flex-direction:column;gap:34px;min-width:0;display:flex}.album-side{flex-direction:column;gap:12px;display:flex}.album-prose{flex-direction:column;gap:16px;display:flex}.album-prose p{color:var(--ink-2);text-wrap:pretty;white-space:pre-wrap;font-size:16px;line-height:1.78}.album-tracks{flex-direction:column;gap:10px;display:flex}.album-track{border-radius:var(--radius-sm);background:var(--surface-sunk);align-items:baseline;gap:12px;padding:13px 16px;display:flex}.album-track span{min-width:104px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:10.5px;font-weight:600}.album-track b{font-size:15px;font-weight:600}.track-ratings-section{min-width:0}.track-ratings-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.track-ratings-head .eyebrow{margin-bottom:5px}.track-ratings-summary{color:var(--ink-3);flex:none;align-items:baseline;gap:4px;font-size:11.5px;display:flex}.track-ratings-summary>b{color:var(--ink);font-family:var(--display);font-size:22px}.track-ratings-summary span{border-left:1px solid var(--line-2);margin-left:10px;padding-left:10px}.track-ratings-summary strong{color:var(--brand);font-size:13px}.track-highlights{margin-bottom:18px}.track-rating-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.track-rating-row{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) minmax(88px,150px) 42px;align-items:center;gap:13px;min-height:54px;display:grid}.track-number{color:var(--ink-3);font-family:var(--display);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.track-name{flex-direction:column;gap:2px;min-width:0;display:flex}.track-name b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.track-name small{color:var(--ink-3);text-transform:uppercase;font-size:9.5px}.track-name small:empty{display:none}.track-score-rail{background:var(--line);border-radius:99px;height:3px;position:relative;overflow:hidden}.track-score-rail i{border-radius:inherit;background:var(--brand);height:100%;display:block}.track-score-rail.is-empty{opacity:.45}.track-score{color:var(--ink);font-family:var(--display);text-align:right;font-variant-numeric:tabular-nums;font-size:25px;font-weight:800;line-height:1}.track-score.is-empty{color:var(--ink-3)}.track-rating-list.is-editing .track-rating-row{grid-template-columns:34px minmax(150px,1fr) minmax(180px,230px) 28px;min-height:64px}.track-title-input,.track-score-input{border:1px solid var(--line-2);background:var(--surface-sunk);min-width:0;color:var(--ink);font:inherit;border-radius:8px;outline:none}.track-title-input{width:100%;height:38px;padding:0 10px}.track-title-input:focus,.track-score-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.track-score-editor{grid-template-columns:minmax(72px,1fr) 48px 22px;align-items:center;gap:8px;display:grid}.track-score-editor>input[type=range]{width:100%;min-width:0;accent-color:var(--brand);cursor:pointer}.track-score-editor.is-empty>input[type=range]{opacity:.38}.track-score-input{text-align:center;font-variant-numeric:tabular-nums;width:48px;height:38px;padding:0 5px}.track-score-editor button,.track-remove{width:24px;height:28px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.track-score-editor button:hover{color:var(--ink)}.track-remove:hover{color:var(--danger)}.track-score-editor svg,.track-remove svg{width:13px;height:13px}.track-editor-actions,.track-view-actions{align-items:center;gap:9px;margin-top:14px;display:flex}.track-editor-actions>span{flex:1}.track-editor-actions .link-action{align-items:center;gap:5px;display:inline-flex}.track-editor-actions .link-action svg{width:13px;height:13px}.track-view-actions{justify-content:flex-end}.track-view-actions .button-quiet,.track-editor-actions .button-quiet,.track-editor-actions .button-solid{min-height:36px;padding:0 13px;font-size:11.5px}.track-rating-empty{border:1px dashed var(--line-2);border-radius:var(--radius-sm);background:var(--surface-sunk);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid}.track-rating-empty>svg{width:26px;color:var(--brand)}.track-rating-empty b{font-size:13px}.track-rating-empty p{color:var(--ink-3);margin-top:3px;font-size:11.5px;line-height:1.45}.track-rating-empty>div:last-child{align-items:center;gap:8px;display:flex}.track-rating-empty .button-solid,.track-rating-empty .button-quiet{min-height:38px;padding:0 12px;font-size:11.5px}.track-rating-empty button svg{width:14px;height:14px}.timeline{flex-direction:column;display:flex}.timeline-item{grid-template-columns:20px minmax(0,1fr);gap:10px;padding-bottom:18px;display:grid;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:not(:last-child):before{content:"";background:var(--line-2);width:1px;position:absolute;top:16px;bottom:2px;left:5px}.timeline-mark{border:2px solid var(--brand);background:var(--surface);border-radius:50%;width:11px;height:11px;margin-top:5px}.timeline-item:last-child .timeline-mark{background:var(--brand)}.timeline-body{min-width:0}.timeline-head{align-items:baseline;gap:8px;display:flex}.timeline-head b{font-family:var(--display);font-size:24px;font-weight:800;line-height:1}.timeline-head em{font-size:11px;font-style:normal;font-weight:600}.timeline-head span{color:var(--ink-3);font-size:11px}.timeline-date{color:var(--ink-3);margin-top:2px;font-size:11.5px;display:block}.timeline-note{color:var(--ink-2);white-space:pre-wrap;margin-top:6px;font-size:13px;line-height:1.6}.timeline-actions{gap:10px;margin-top:7px;display:flex}.timeline-actions button{color:var(--ink-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:10.5px;display:inline-flex}.timeline-actions button:hover{color:var(--ink)}.timeline-actions button.is-danger:hover{color:var(--danger)}.timeline-actions svg{width:11px;height:11px}.relisten-open{width:100%;min-height:38px;margin-top:16px;font-size:12.5px}.relisten-open svg{width:14px;height:14px}.relisten-form{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;display:flex}.relisten-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.relisten-form .field-label{align-items:center;gap:6px;display:flex}.relisten-form .field-label b{font-size:11px}.relisten-score{align-items:center;gap:10px;display:flex}.relisten-score b{min-width:32px;font-family:var(--display);flex:none;font-size:26px;font-weight:800;line-height:1}.relisten-score input{min-width:0;accent-color:var(--brand);cursor:pointer;flex:1}.relisten-actions{justify-content:flex-end;gap:8px;display:flex}.relisten-actions .button-quiet,.relisten-actions .button-solid{min-height:36px;padding:0 14px;font-size:12.5px}.album-lookup{border-bottom:1px solid var(--line);background:var(--surface-sunk);gap:13px;padding:18px 20px;display:grid}.album-lookup-copy{align-items:center;gap:10px;display:flex}.album-lookup-copy>svg{background:var(--surface);width:30px;height:30px;color:var(--brand);border-radius:9px;padding:7px}.album-lookup-copy h3{font-family:var(--display);font-size:15px;line-height:1.2}.album-lookup-copy p{color:var(--ink-3);margin-top:2px;font-size:11.5px}.album-lookup-search{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid;position:relative}.album-lookup-search>svg{z-index:1;width:16px;color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.album-lookup-search input{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;outline:0;min-width:0;height:40px;padding:0 12px 0 39px}.album-lookup-search input:focus{border-color:var(--brand)}.album-lookup-search .button-quiet{min-height:40px;padding-inline:17px}.album-lookup-status{color:var(--ink-3);font-size:11.5px}.album-lookup-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.album-lookup-results>button{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .18s ease, transform .18s var(--ease), box-shadow .18s ease;border-radius:10px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:6px;display:grid}.album-lookup-results>button:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 7px 18px #3817701a}.album-lookup-results img,.lookup-cover{aspect-ratio:1;object-fit:cover;border-radius:6px;width:48px}.lookup-cover{background:var(--brand-wash);color:var(--brand);place-items:center;display:grid}.lookup-cover svg{width:20px}.catalog-cover{position:relative;overflow:hidden}.catalog-cover img{width:100%;height:100%;position:absolute;inset:0}.album-lookup-results span{min-width:0}.album-lookup-results strong,.album-lookup-results small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.album-lookup-results strong{font-size:12px}.album-lookup-results small{color:var(--ink-3);margin-top:3px;font-size:10.5px}.catalog-credit{color:var(--ink-3);text-align:right;grid-column:1/-1;padding-top:2px;font-size:10px}.editor{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(660px,100% - 32px);max-height:min(88vh,860px);color:var(--ink);padding:0;box-shadow:0 40px 100px #12062e47}.editor::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10062680}.editor[open]{animation:editor-in .28s var(--ease)}.editor form{flex-direction:column;max-height:min(88vh,860px);display:flex}.editor-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.editor-head h2{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;font-size:26px;font-weight:800}.editor-head-actions{align-items:center;gap:7px;display:flex}.editor-clear{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:600;display:inline-flex}.editor-clear:hover{background:var(--surface-sunk);color:var(--danger)}.editor-clear svg{width:13px;height:13px}.editor-body{overflow-y:auto}.editor-block{border-bottom:1px solid var(--line);padding:20px}.editor-block:last-child{border-bottom:0}.editor-identity{grid-template-columns:136px minmax(0,1fr);gap:20px;display:grid}.editor-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cover-field{align-content:start;gap:7px;display:grid}.cover-drop{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg);width:136px;position:relative;overflow:hidden}.cover-drop img{object-fit:cover;width:100%;height:100%;display:block}.cover-drop-empty{border:1px dashed var(--line-2);border-radius:var(--radius-sm);width:100%;height:100%;color:var(--ink-3);text-align:center;cursor:pointer;background:0 0;align-content:center;justify-items:center;gap:5px;padding:12px;transition:border-color .18s,color .18s,background-color .18s;display:grid}.cover-drop-empty svg{width:21px;height:21px}.cover-drop-empty span{font-size:12px;font-weight:600;line-height:1.3}.cover-drop-empty small{font-size:10.5px;line-height:1.3}.cover-drop-empty:hover,.cover-drop.is-dragging .cover-drop-empty{border-color:var(--brand);background:var(--brand-wash);color:var(--brand)}.cover-drop-actions{gap:1px;display:flex;position:absolute;bottom:0;left:0;right:0}.cover-drop-actions button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c051ebd;border:0;flex:1;height:30px;padding:0;font-size:11.5px;font-weight:600;transition:background-color .18s}.cover-drop-actions button:hover{background:#0c051ee6}.cover-drop-actions .is-remove{flex:0 0 34px}.cover-drop-actions .is-remove svg{width:14px;height:14px;margin:0 auto}.artist-row{align-items:center;gap:6px;display:flex}.artist-row input{flex:1;min-width:0}.artist-row .button-ghost{flex:none;width:34px;height:34px}.artist-row .button-ghost svg{width:15px;height:15px}.artist-add{justify-self:start;align-items:center;gap:5px;margin-top:2px;font-size:12px;display:inline-flex}.artist-add svg{width:13px;height:13px}.field{gap:6px;min-width:0;display:grid}.field.is-wide{grid-column:1/-1}.field-label{color:var(--ink-2);font-size:12px;font-weight:600}.field small{color:var(--ink-3);font-size:11.5px}.field-error{color:var(--danger)!important}.field input,.field textarea{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--bg);outline:0;width:100%;padding:10px 12px;font-size:14px;transition:border-color .18s}.field input{height:40px}.field textarea{resize:vertical;min-height:96px;line-height:1.65}.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}.field input:focus,.field textarea:focus{border-color:var(--brand)}.field input:focus-visible,.field textarea:focus-visible{outline:none}.field.has-error input{border-color:var(--danger)}.field input[list]{background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b849d' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center / 15px;appearance:none;padding-right:34px}.field input[list]::-webkit-calendar-picker-indicator{opacity:0;display:none}.field input[list]::-webkit-list-button{opacity:0;display:none}.score-picker{align-items:center;gap:22px;display:flex}.score-readout{font-family:var(--display);flex:none;line-height:.78}.score-readout b{letter-spacing:-.03em;font-size:54px;font-weight:800}.score-readout span{color:var(--ink-3);font-family:var(--body);margin-left:3px;font-size:12px}.score-readout.is-high b{color:var(--brand)}.score-slider{flex:1}.score-slider input{width:100%;accent-color:var(--brand);cursor:pointer}.editor-track-ratings{background:var(--surface-sunk)}.editor-track-ratings-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.editor-track-ratings-head h3{font-family:var(--display);letter-spacing:.01em;margin:4px 0 0;font-size:20px}.editor-track-ratings-head p:not(.eyebrow){max-width:55ch;color:var(--ink-3);margin:5px 0 0;font-size:12px;line-height:1.5}.editor-track-ratings-head .button-quiet{flex:none}.editor-track-ratings-body{border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.editor-track-ratings-empty{color:var(--ink-3);margin:0;font-size:12px}.editor-track-add{margin-top:12px}.duplicate-warning{border-top:1px solid color-mix(in srgb, var(--danger) 30%, var(--line));background:color-mix(in srgb, var(--danger) 7%, var(--surface));gap:12px;padding:15px 20px;display:grid}.duplicate-warning>div:first-child{align-items:flex-start;gap:10px;display:flex}.duplicate-warning>div:first-child>svg{color:var(--danger);margin-top:2px}.duplicate-warning p b,.duplicate-warning p span{display:block}.duplicate-warning p b{font-size:12.5px}.duplicate-warning p span{color:var(--ink-3);margin-top:2px;font-size:11.5px}.duplicate-actions{justify-content:flex-end;gap:7px;display:flex}.duplicate-actions .button-quiet,.duplicate-actions .button-solid{min-height:35px;padding-inline:13px;font-size:11.5px}.editor-foot{border-top:1px solid var(--line);background:var(--surface-sunk);justify-content:flex-end;gap:9px;padding:14px 20px;display:flex}.toast{z-index:120;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;transition:opacity .25s ease, transform .25s var(--ease);border-radius:999px;align-items:center;gap:14px;padding:11px 17px;font-size:13px;font-weight:600;display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(10px)}.toast.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.toast button{border:0;border-left:1px solid color-mix(in srgb, var(--bg) 30%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;align-items:center;gap:5px;padding-left:13px;display:inline-flex}.toast button:hover{text-underline-offset:3px;text-decoration:underline}.toast button svg{width:14px;height:14px}.storage-loading{background:var(--bg);min-height:100dvh;color:var(--ink-3);place-content:center;justify-items:center;gap:18px;display:grid}.storage-loading .brand-lockup{width:min(210px,52vw);height:auto}.storage-loading p{letter-spacing:.05em;font-size:12px}@keyframes bar-grow{0%{width:0}to{width:var(--bar-size,0%)}}@keyframes bar-rise{0%{height:0}to{height:var(--bar-size,0%)}}.band b{animation:bar-grow .85s var(--ease) backwards;animation-delay:var(--bar-delay,0s)}.month-bar-fill{animation:bar-rise .8s var(--ease) backwards;animation-delay:var(--bar-delay,0s)}.cover img{opacity:0;transition:opacity .45s var(--ease)}.cover img.is-loaded{opacity:1}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation-duration:.3s;animation-timing-function:var(--ease)}::view-transition-new(root){animation-duration:.3s;animation-timing-function:var(--ease)}}@keyframes editor-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.site-header{animation:drop-in .55s var(--ease) both}.masthead .eyebrow{animation:rise-in .6s .14s var(--ease) both}.masthead-title{animation:rise-in .72s .22s var(--ease) both}.masthead-line{animation:rise-in .6s .4s var(--ease) both}.feed-head{animation:rise-in .6s .44s var(--ease) both}.filters{animation:rise-in .6s .5s var(--ease) both}.entry{animation:rise-in .55s var(--ease) both;animation-delay:var(--enter-delay,0s)}.empty{animation:rise-in .55s .5s var(--ease) both}.library .panel:first-child{animation:rise-in .55s .62s var(--ease) both}.library .panel:nth-child(2){animation:rise-in .55s .7s var(--ease) both}.library .panel:nth-child(3){animation:rise-in .55s .78s var(--ease) both}.compare{animation:rise-in .5s var(--ease) both}.compare-heading{margin:22px 0 26px}.compare-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:28px;display:grid}.compare-vs{color:var(--ink-3);font-family:var(--display);letter-spacing:.08em;align-self:center;padding-top:140px;font-size:20px;font-weight:800}.compare-column{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;padding:22px;transition:border-color .2s,box-shadow .2s}.compare-column.is-winner{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}.compare-cover-button{cursor:pointer;background:0 0;border:0;margin:0 auto 16px;padding:0;display:block}.compare-cover{border-radius:var(--radius-sm);width:148px;margin:0 auto}.compare-title{margin-top:4px}.compare-title button{color:inherit;font:inherit;font-family:var(--display);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;padding:0;font-size:26px;font-weight:800}.compare-title button:hover{text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand)}.compare-artist{color:var(--ink-2);justify-content:center;margin-top:4px;font-size:13.5px}.compare-score{font-family:var(--display);margin-top:14px}.compare-score b{letter-spacing:-.03em;font-size:52px;font-weight:800}.compare-score span{color:var(--ink-3);font-family:var(--body);margin-left:3px;font-size:12px}.compare-column.is-winner .compare-score b{color:var(--brand)}.compare-facts{text-align:left;flex-direction:column;gap:8px;margin-top:18px;display:flex}.compare-facts div{border-radius:var(--radius-sm);background:var(--surface-sunk);justify-content:space-between;gap:10px;padding:9px 12px;display:flex}.compare-facts dt{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:10.5px;font-weight:600}.compare-facts dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}.compare-picker-backdrop{z-index:130;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:rise-in .18s var(--ease) both;background:#10062680;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.compare-picker{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;width:min(460px,100%);max-height:min(78vh,560px);display:flex;box-shadow:0 40px 100px #12062e47}.compare-picker header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.compare-picker header h3{font-family:var(--display);text-transform:uppercase;font-size:20px;font-weight:800}.compare-picker-search{margin:14px 18px;position:relative}.compare-picker-search svg{width:15px;height:15px;color:var(--ink-3);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.compare-picker-search input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);outline:0;width:100%;height:40px;padding:0 14px 0 36px;font-size:13px}.compare-picker-search input:focus{border-color:var(--brand)}.compare-picker-list{padding:0 10px 14px;overflow-y:auto}.compare-picker-list .panel-empty{text-align:center;padding:20px}@media (width<=1280px){.header-inner{gap:12px}.header-nav a{padding-inline:10px}.header-search{min-width:180px}.save-indicator span{display:none}}@media (width<=1040px){:root{--shell:min(720px, calc(100% - 40px))}.layout{grid-template-columns:minmax(0,1fr);gap:40px}.album-grid{grid-template-columns:minmax(0,1fr);gap:36px}.header-search,.save-indicator span{display:none}.artist-albums{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-search{display:block}}@media (width<=720px){:root{--shell:calc(100% - 32px)}html{scroll-padding-top:84px}body{padding-bottom:calc(104px + env(safe-area-inset-bottom));font-size:14.5px}.header-inner{gap:10px;height:62px}.site-header.is-stuck .header-inner{height:54px}.header-nav{display:none}.header-brand{margin-right:auto}.save-indicator{order:5}.header-new{min-height:38px;padding:0 13px}.header-new span{display:none}.header-new svg{width:18px;height:18px}.header-manage{width:38px;padding:0}.header-manage span{display:none}.masthead{padding:40px 0 32px}.masthead-line{font-size:14.5px}.filters{flex-wrap:wrap}.filters-search{flex:1 0 100%}.filters-selects{width:100%;margin-left:0}.filters-selects label{flex:1}.filters-selects select{width:100%}.entry{padding:18px}.entry-head{grid-template-columns:60px minmax(0,1fr) auto;gap:14px}.entry-cover{width:60px}.entry-menu{position:absolute;top:14px;right:12px}.entry-score{min-width:60px}.entry-score b{font-size:36px}.entries-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.entry-tracks{flex-direction:column;gap:8px}.entry-foot{flex-direction:column;align-items:flex-start;gap:10px}.album-head{grid-template-columns:minmax(0,1fr);gap:22px}.album-cover{width:min(200px,60%)}.album-artist{font-size:16px}.album-score b{font-size:52px}.album-score em{margin:6px 0 0;display:block}.album-bar{flex-wrap:wrap}.album-track{flex-direction:column;gap:4px}.album-track span{min-width:0}.editor-track-ratings-head{flex-direction:column;align-items:flex-start;gap:12px}.editor-track-ratings-head .button-quiet{width:100%}.track-ratings-head{flex-direction:column;align-items:flex-start;gap:8px}.track-ratings-summary span{margin-left:7px;padding-left:7px}.track-rating-list:not(.is-editing) .track-rating-row{grid-template-columns:26px minmax(0,1fr) 40px;gap:10px;padding-block:10px}.track-rating-list:not(.is-editing) .track-score-rail{grid-column:2;width:100%}.track-rating-list:not(.is-editing) .track-score{grid-area:1/3/span 2}.track-rating-list.is-editing .track-rating-row{grid-template-columns:26px minmax(0,1fr) 26px;gap:9px;padding-block:10px}.track-rating-list.is-editing .track-score-editor{grid-column:2/-1;width:100%}.track-rating-list.is-editing .track-remove{grid-area:1/3}.track-editor-actions{flex-wrap:wrap}.track-editor-actions>span{display:none}.track-editor-actions .link-action{flex:1 0 100%;justify-content:flex-start;margin-bottom:3px}.track-view-actions{flex-direction:column;align-items:stretch}.track-view-actions .button-quiet{width:100%}.track-rating-empty{grid-template-columns:34px minmax(0,1fr);padding:15px}.track-rating-empty>div:last-child{flex-direction:column;grid-column:1/-1;align-items:stretch}.track-rating-empty .button-solid,.track-rating-empty .button-quiet{width:100%}.relisten-row{grid-template-columns:1fr}.member-create{flex-direction:column;align-items:stretch}.member-row{grid-template-columns:auto minmax(0,1fr)}.member-row .button-quiet{grid-column:span 1}.issued-code{flex-direction:column;align-items:stretch}.wishlist-head{flex-direction:column;align-items:flex-start}.wishlist-grid{grid-template-columns:1fr}.wishlist-card{grid-template-columns:76px minmax(0,1fr)}.wishlist-card .cover{width:76px}.wishlist-fields{grid-template-columns:1fr}.wishlist-form-cover{width:96px}.artist-hero{grid-template-columns:1fr;gap:24px}.artist-stats{justify-content:space-between;gap:12px;width:100%}.artist-stats dd{font-size:31px}.artist-evolution{padding:20px 18px 16px}.artist-section-head.is-chart{flex-direction:column;align-items:flex-start;gap:8px}.artist-chart-key{display:none}.artist-chart-scroll{margin-inline:-4px;padding-inline:4px}.artist-chart{min-width:560px}.artist-evolution-empty{grid-template-columns:60px minmax(0,1fr);gap:14px;padding:16px}.artist-first-score{width:60px;height:60px}.artist-first-score svg{width:46px;height:46px}.artist-first-score b{font-size:25px}.artist-albums{grid-template-columns:1fr}.import-dialog{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:92dvh;margin:auto 0 0}.import-dialog>div{max-height:92dvh;overflow-y:auto}.history-dialog{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:92dvh;margin:auto 0 0}.history-list li{grid-template-columns:18px minmax(0,1fr);padding-block:9px}.history-list .button-quiet{grid-column:2;justify-self:start}.import-stats p{padding:10px}.duplicate-actions{flex-wrap:wrap}.editor{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:92dvh;margin:auto 0 0}.editor form{max-height:92dvh}.album-lookup-search{grid-template-columns:1fr}.album-lookup-search>svg{top:20px}.album-lookup-results{grid-template-columns:1fr}.editor-identity{grid-template-columns:1fr;gap:16px}.editor-grid{grid-template-columns:1fr}.score-readout b{font-size:42px}.compare-grid{grid-template-columns:1fr;gap:16px}.compare-vs{padding-top:0}.compare-cover{width:116px}.summary-head{flex-direction:column;align-items:flex-start;margin-bottom:20px}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{min-height:112px;padding:18px 16px}.stat b{font-size:38px}.stat span{max-width:12ch;font-size:11.5px;line-height:1.35}.summary-grid{grid-template-columns:minmax(0,1fr)}.summary .panel{padding:18px 16px}.month-bars.is-year{gap:4px;height:138px}.month-bars.is-year .month-bar-label{letter-spacing:-.02em;font-size:8px}.month-bar-count{font-size:12px}.ranked.is-scroll.summary-ranked{max-height:min(520px,64dvh)}.summary .ranked button{grid-template-columns:22px 40px minmax(0,1fr) 34px;gap:9px;min-width:0;padding:7px 4px;display:grid}.summary .ranked .cover{width:40px}.summary .ranked-score{text-align:right;margin-left:0}.toast{text-align:center;bottom:16px;left:16px;right:16px}.mobile-nav{z-index:55;right:12px;bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;grid-template-columns:repeat(3,1fr);padding:5px;display:grid;position:fixed;left:12px;box-shadow:0 14px 45px #18083c29}.mobile-nav button{min-height:48px;color:var(--ink-3);background:0 0;border:0;border-radius:11px;align-content:center;place-items:center;gap:2px;font-size:9px;font-weight:600;display:grid}.mobile-nav button.is-active{background:var(--brand-wash);color:var(--brand)}.mobile-nav svg{width:16px;height:16px}.toast{bottom:78px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}