@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/fonts/material-symbols-rounded-v346-subset.woff2)format("woff2")}:root{--shape-scale:1;--r-xs:calc(8px * var(--shape-scale));--r-sm:calc(12px * var(--shape-scale));--r-md:calc(16px * var(--shape-scale));--r-lg:calc(22px * var(--shape-scale));--r-xl:calc(30px * var(--shape-scale));--r-2xl:calc(40px * var(--shape-scale));--r-full:999px;--spring:cubic-bezier(.25, 1.4, .4, 1);--spring-soft:cubic-bezier(.3, 1.1, .5, 1);--ease:cubic-bezier(.2, 0, 0, 1);--font:"M PLUS Rounded 1c", system-ui, sans-serif;--dur:.42s;--e1:0 1px 2px #2d2a410f, 0 1px 3px #2d2a410d;--e2:0 2px 6px -1px #2d2a4114, 0 4px 12px -2px #2d2a4112;--e3:0 8px 18px -6px #2d294524, 0 12px 28px -8px #2d29451a}@supports (color:lab(0% 0 0)){:root{--e1:0 1px 2px lab(18.3416% 5.93254 -13.6988/.06), 0 1px 3px lab(18.3416% 5.93254 -13.6988/.05);--e2:0 2px 6px -1px lab(18.3416% 5.93254 -13.6988/.08), 0 4px 12px -2px lab(18.3416% 5.93254 -13.6988/.07);--e3:0 8px 18px -6px lab(18.1971% 7.78824 -17.0157/.14), 0 12px 28px -8px lab(18.1971% 7.78824 -17.0157/.1)}}body.no-motion{--dur:1ms}body.no-motion *{animation-duration:1ms!important}:where(.app){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:var(--c-surface);min-height:100dvh;font-family:var(--font);overflow:hidden}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}.stage{min-height:100dvh;font-family:var(--font);background:radial-gradient(1200px 600px at 12% -5%,#ece9f899,#0000 60%),radial-gradient(1000px 700px at 105% 110%,#f5e4df80,#0000 55%),#eff0f3;background:radial-gradient(1200px 600px at 12% -5%,lab(92.8317% 3.0089 -6.81548/.6),#0000 60%),radial-gradient(1000px 700px at 105% 110%,lab(91.7326% 5.54675 4.45335/.5),#0000 55%),lab(94.7501% .254661 -1.49404);padding:56px clamp(20px,5vw,72px) 96px}.app-root{background:var(--c-surface);width:100%;height:100dvh;min-height:100%;color:var(--c-on-surface);overflow:hidden}.app-root .app{min-height:100%}.app-root .app--mobile .m-topbar{padding:max(16px, env(safe-area-inset-top)) 16px 10px}.app-root .app--mobile .m-nav{bottom:max(12px, env(safe-area-inset-bottom))}.app-root .app--mobile .m-scroll{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.app-root .app--desktop .d-side{width:clamp(236px,20vw,284px)}.nf-page{--nf-primary:var(--c-primary,#623ca8);--nf-on-primary:var(--c-on-primary,#fff);--nf-primary-container:var(--c-primary-container,#e0d7ff);--nf-on-primary-container:var(--c-on-primary-container,#341a62);--nf-tertiary:var(--c-tertiary,#ae4024);--nf-surface:var(--c-surface,#f9f8fc);--nf-surface-high:var(--c-surface-container-high,#e5e3eb);--nf-on-surface:var(--c-on-surface,#0b0a10);--nf-on-surface-variant:var(--c-on-surface-variant,#3c434e);width:100%;min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 22px max(26px, env(safe-area-inset-bottom));background:linear-gradient(135deg, oklch(from var(--nf-primary-container) l c h / .5), transparent 38%), linear-gradient(315deg, oklch(from var(--nf-surface-high) l c h / .82), transparent 48%), var(--nf-surface);color:var(--nf-on-surface);font-family:var(--font);place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.nf-page{--nf-primary:var(--c-primary,lab(34.6614% 35.6115 -53.1962));--nf-on-primary:var(--c-on-primary,lab(100% 0 0));--nf-primary-container:var(--c-primary-container,lab(87.549% 12.1493 -25.077));--nf-on-primary-container:var(--c-on-primary-container,lab(16.7291% 26.9128 -38.6426));--nf-tertiary:var(--c-tertiary,lab(43.0082% 44.8346 40.5213));--nf-surface:var(--c-surface,lab(97.6188% .885934 -2.05619));--nf-surface-high:var(--c-surface-container-high,lab(90.6069% 1.63603 -3.76133));--nf-on-surface:var(--c-on-surface,lab(2.97793% 1.02831 -2.37103));--nf-on-surface-variant:var(--c-on-surface-variant,lab(27.9811% -.562787 -8.10667))}}.nf-stage{text-align:center;z-index:1;flex-direction:column;align-items:center;width:min(100%,560px);display:flex;position:relative}.nf-brand{color:var(--nf-on-surface);align-items:center;gap:9px;margin-bottom:clamp(30px,7vw,42px);text-decoration:none;display:inline-flex}.nf-brand:hover .nf-mark{transform:translateY(-2px)rotate(-3deg)}.nf-mark{background:var(--nf-primary);width:38px;height:38px;color:var(--nf-on-primary);box-shadow:0 10px 22px -8px var(--nf-primary);transition:transform .28s var(--spring);border-radius:12px 15px 12px 16px;place-items:center;display:grid}.nf-mark .msr{font-size:22px}.nf-wordmark{letter-spacing:0;font-size:19px;font-weight:800}.nf-wordmark b{color:var(--nf-primary)}.nf-number{justify-content:center;align-items:center;gap:clamp(6px,2.4vw,18px);margin-bottom:8px;display:flex}.nf-digit{font-family:"Outfit", var(--font);letter-spacing:0;color:var(--nf-primary);animation:nf-pop .6s var(--spring) both;font-size:clamp(104px,30vw,190px);font-weight:900;line-height:.9}@supports ((-webkit-background-clip:text) or (background-clip:text)){.nf-digit{background:linear-gradient(155deg, var(--nf-primary), var(--nf-tertiary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.nf-digit:last-child{animation-delay:.12s}.nf-mic{cursor:pointer;width:clamp(104px,30vw,190px);height:clamp(104px,30vw,190px);color:var(--nf-on-primary);animation:nf-pop .6s var(--spring) 60ms both, nf-sway 4s var(--ease) .7s infinite alternate;background:0 0;border:none;border-radius:50%;flex:none;padding:0;position:relative}.nf-mic:focus-visible{outline:3px solid var(--nf-primary);outline-offset:6px}.nf-mic-disc{background:linear-gradient(155deg, var(--nf-primary), oklch(from var(--nf-primary) 38% c h));box-shadow:0 20px 44px -16px var(--nf-primary), inset 0 3px 10px #ffffff40;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.nf-mic-disc{box-shadow:0 20px 44px -16px var(--nf-primary), inset 0 3px 10px lab(100% 0 0/.25)}}.nf-mic-disc .msr{color:#fffffff5;color:lab(100% 0 0/.96);font-size:clamp(54px,15vw,92px)}.nf-mic-spark{background:var(--nf-tertiary);width:26px;height:26px;box-shadow:0 6px 14px -4px var(--nf-tertiary);animation:nf-blink 1.6s var(--ease) infinite;border-radius:50%;position:absolute;top:4px;right:6px}.nf-mic-spark:after{content:"!";color:#fff;font-family:"Outfit", var(--font);place-items:center;font-size:17px;font-weight:900;display:grid;position:absolute;inset:0}.nf-eq{justify-content:center;align-items:flex-end;gap:6px;height:42px;margin:26px auto 4px;display:flex}.nf-eq span{background:var(--nf-primary);opacity:.85;width:7px;height:8px;animation:nf-bar 1.1s var(--ease) infinite;border-radius:99px}.nf-eq span:nth-child(2){animation-delay:90ms}.nf-eq span:nth-child(3){animation-delay:.18s}.nf-eq span:nth-child(4){animation-delay:.27s}.nf-eq span:nth-child(5){animation-delay:.36s}.nf-eq span:nth-child(6){animation-delay:.45s}.nf-eq span:nth-child(7){animation-delay:.54s}.nf-eq.silent span{opacity:.4;height:6px;animation:none}.nf-stage h1{letter-spacing:0;text-wrap:balance;margin:18px 0 0;font-size:clamp(22px,5.4vw,30px);font-weight:900;line-height:1.3}.nf-stage p{max-width:400px;color:var(--nf-on-surface-variant);text-wrap:pretty;margin:12px auto 0;font-size:clamp(14px,3.6vw,16px);font-weight:600;line-height:1.7}.nf-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.nf-button{border-radius:var(--r-full);min-height:52px;color:inherit;font-family:var(--font);transition:transform .2s var(--spring), box-shadow .28s var(--ease);border:none;justify-content:center;align-items:center;gap:9px;padding:0 26px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.nf-button .msr{font-size:21px}.nf-button.primary{background:var(--nf-primary);color:var(--nf-on-primary);box-shadow:0 12px 26px -10px var(--nf-primary)}.nf-button:hover{box-shadow:0 18px 34px -12px var(--nf-primary);transform:translateY(-3px)}.nf-button:active{transform:scale(.97)}.nf-hint{color:var(--nf-on-surface-variant);align-items:center;gap:6px;margin-top:28px;font-size:12.5px;font-weight:600;display:inline-flex}.nf-hint .msr{font-size:16px}.nf-note{z-index:0;color:var(--nf-primary);white-space:nowrap;font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;pointer-events:none;opacity:.13;width:1em;height:1em;animation:nf-float 3.5s var(--ease) infinite alternate;place-items:center;font-family:Material Symbols Rounded;line-height:1;display:grid;position:fixed;overflow:hidden}.nf-note.n1{font-size:34px;top:11%;left:10%}.nf-note.n2{font-size:46px;animation-delay:.4s;top:20%;right:12%}.nf-note.n3{font-size:28px;animation-delay:.8s;bottom:18%;left:13%}.nf-note.n4{font-size:32px;animation-delay:1.1s;bottom:24%;right:9%}.nf-note.n5{font-size:22px;animation-delay:1.4s;top:48%;left:5%}.nf-note.n6{font-size:24px;animation-delay:1.7s;top:55%;right:5%}@media (prefers-color-scheme:dark){.nf-page{--nf-primary:var(--c-primary,#c9b7ff);--nf-on-primary:var(--c-on-primary,#29144e);--nf-primary-container:var(--c-primary-container,#462f75);--nf-on-primary-container:var(--c-on-primary-container,#e0d7ff);--nf-tertiary:var(--c-tertiary,#ffb5a1);--nf-surface:var(--c-surface,#080d17);--nf-surface-high:var(--c-surface-container-high,#202732);--nf-on-surface:var(--c-on-surface,#e6ebf5);--nf-on-surface-variant:var(--c-on-surface-variant,#b4bed0)}@supports (color:lab(0% 0 0)){.nf-page{--nf-primary:var(--c-primary,lab(77.332% 25.009 -45.9602));--nf-on-primary:var(--c-on-primary,lab(12.4684% 22.1114 -32.2131));--nf-primary-container:var(--c-primary-container,lab(25.153% 23.7093 -37.1682));--nf-on-primary-container:var(--c-on-primary-container,lab(87.549% 12.1493 -25.077));--nf-tertiary:var(--c-tertiary,lab(80.4345% 36.1286 29.6036));--nf-surface:var(--c-surface,lab(3.62198% .00514835 -5.93767));--nf-surface-high:var(--c-surface-container-high,lab(15.1987% -.376299 -8.75688));--nf-on-surface:var(--c-on-surface,lab(92.9875% -.543743 -5.24627));--nf-on-surface-variant:var(--c-on-surface-variant,lab(76.6854% -.915855 -10.4051))}}}@media (max-width:540px){.nf-page{padding-inline:18px}.nf-note{opacity:.08}.nf-button{width:min(100%,280px)}}@keyframes nf-pop{0%{opacity:0;transform:translateY(20px)scale(.8)}to{opacity:1;transform:none}}@keyframes nf-sway{to{transform:rotate(7deg)}}@keyframes nf-blink{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes nf-float{to{transform:translateY(-16px)rotate(8deg)}}@keyframes nf-bar{0%,to{height:8px}50%{height:38px}}body.no-motion .nf-digit,body.no-motion .nf-mic,body.no-motion .nf-mic-spark,body.no-motion .nf-note,body.no-motion .nf-eq span,body.no-motion .nf-mark,body.no-motion .nf-button{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.nf-digit,.nf-mic,.nf-mic-spark,.nf-note,.nf-eq span,.nf-mark,.nf-button{transition:none!important;animation:none!important}}.stage-head{max-width:1640px;margin:0 auto 40px}.stage-brand{align-items:center;gap:14px;display:flex}.stage-logo{color:#fff;background:#623ca8;background:lab(34.6614% 35.6115 -53.1962);border-radius:16px 22px 18px 24px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 22px #623ca857;box-shadow:0 8px 22px lab(34.6614% 35.6115 -53.1962/.34)}.stage-logo .msr{font-size:30px}.stage-wordmark{letter-spacing:-.02em;color:#1a1923;color:lab(9.30543% 2.77898 -6.91725);font-size:30px;font-weight:800}.stage-wordmark b{color:#623ca8;color:lab(34.6614% 35.6115 -53.1962)}.stage-sub{color:#55545b;color:lab(36.1038% 1.24103 -3.53369);max-width:720px;margin-top:4px;font-size:15px;line-height:1.6}.frames{flex-wrap:wrap;align-items:flex-start;gap:clamp(28px,4vw,64px);max-width:1640px;margin:0 auto;display:flex}.frame-block{flex-direction:column;gap:16px;display:flex}.frame-label{color:#3a3944;color:lab(24.3966% 2.63196 -6.98386);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.frame-label .msr{color:#623ca8;color:lab(34.6614% 35.6115 -53.1962);font-size:20px}.frame-label span.tag{color:#636269;color:lab(41.9042% 1.2363 -3.53665);background:#ffffffb3;background:lab(100% 0 0/.7);border:1px solid #d1d0d7;border:1px solid lab(83.6655% 1.21844 -3.54806);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:500}.phone{background:linear-gradient(160deg,#29282e,#0d0d11);background:linear-gradient(160deg,lab(16.3817% 1.26986 -3.51657),lab(3.63889% .798367 -2.29606));border-radius:52px;flex:none;width:392px;height:812px;padding:11px;box-shadow:0 40px 80px -28px #2d29458c,inset 0 0 0 1.5px #47474d;box-shadow:0 40px 80px -28px lab(18.1971% 7.78824 -17.0157/.55),inset 0 0 0 1.5px lab(30.3034% 1.24694 -3.53005)}.phone-screen{background:var(--c-surface);border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden}.phone-notch{z-index:60;background:#000;border-radius:999px;width:120px;height:30px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.win{background:var(--c-surface);border-radius:18px;width:min(1120px,92vw);overflow:hidden;box-shadow:0 40px 90px -30px #2d294580,0 0 0 1px #d1d0d7;box-shadow:0 40px 90px -30px lab(18.1971% 7.78824 -17.0157/.5),0 0 0 1px lab(83.6655% 1.21844 -3.54806)}.win-bar{background:var(--c-surface-container-low);border-bottom:1px solid var(--c-outline-variant);align-items:center;gap:8px;height:42px;padding:0 16px;display:flex}.win-dot{border-radius:999px;width:12px;height:12px}.win-url{background:var(--c-surface-container-high);max-width:360px;height:24px;color:var(--c-on-surface-variant);border-radius:999px;flex:1;align-items:center;gap:6px;margin-left:14px;padding:0 12px;font-size:12px;display:flex}.win-url .msr{font-size:14px}.win-body{height:720px;overflow:hidden}.app{background:var(--c-surface);width:100%;height:100%;color:var(--c-on-surface);font-family:var(--font);display:flex;position:relative;overflow:hidden}.app--mobile{flex-direction:column}.app ::-webkit-scrollbar{width:9px;height:9px}.app ::-webkit-scrollbar-thumb{background:var(--c-outline-variant);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.app ::-webkit-scrollbar-track{background:0 0}.msr{letter-spacing:normal;text-transform:none;white-space:nowrap;vertical-align:-.125em;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;flex:none;place-items:center;width:1em;min-width:1em;height:1em;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:inline-grid;overflow:hidden}.msr.fill{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.m-topbar{background:var(--c-surface);flex:none;justify-content:space-between;align-items:center;padding:44px 18px 10px;display:flex}.m-brand{align-items:center;gap:9px;display:flex}.m-brand .mark{background:var(--c-primary);width:34px;height:34px;color:var(--c-on-primary);border-radius:11px 14px 12px 15px;place-items:center;display:grid}.m-brand .mark .msr{font-size:21px}.m-brand .wm{letter-spacing:-.02em;font-size:20px;font-weight:800}.m-brand .wm b{color:var(--c-primary)}.m-actions{align-items:center;gap:4px;display:flex}.m-scroll{overscroll-behavior:contain;touch-action:pan-y;flex:1;padding-bottom:120px;overflow-y:auto}.pull-refresh{top:calc(env(safe-area-inset-top,0px) + 68px);z-index:30;min-height:34px;color:var(--c-on-surface);pointer-events:none;background:var(--c-surface-container-high);border:1px solid var(--c-outline-variant);box-shadow:var(--e2);opacity:0;transform:translate(-50%, calc(clamp(0px, var(--pull-distance,0px), 76px) - 50px));transition:opacity .16s var(--ease), transform .18s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:0 13px 0 8px;font-size:12.5px;font-weight:800;display:inline-flex;position:absolute;left:50%}.pull-refresh.pulling,.pull-refresh.ready,.pull-refresh.refreshing,.pull-refresh.done,.pull-refresh.failed{opacity:1}.pull-refresh-icon{width:24px;height:24px;color:var(--c-on-primary-container);background:var(--c-primary-container);border-radius:999px;place-items:center;display:grid}.pull-refresh.ready .pull-refresh-icon,.pull-refresh.done .pull-refresh-icon{color:var(--c-on-secondary-container);background:var(--c-secondary-container)}.pull-refresh.failed .pull-refresh-icon{color:var(--c-on-error-container);background:var(--c-error-container)}.pull-refresh.refreshing .pull-refresh-icon .msr{animation:.8s linear infinite spin}.library-loading{background:var(--c-surface);place-items:center;min-height:100dvh;padding:24px;display:grid}.library-loading-card{border:1px solid var(--c-outline-variant);background:var(--c-surface-container);width:min(430px,100%);box-shadow:var(--e2);border-radius:30px;flex-direction:column;gap:22px;padding:26px;display:flex}.library-loading-brand{color:var(--c-on-surface);align-items:center;gap:9px;font-size:20px;font-weight:900;display:inline-flex}.library-loading-brand b{color:var(--c-primary)}.library-loading-brand .mark{width:34px;height:34px;color:var(--c-on-primary);background:var(--c-primary);border-radius:12px;place-items:center;display:grid}.library-loading-title{font-size:18px;font-weight:900}.library-loading-sub{color:var(--c-on-surface-variant);margin-top:5px;font-size:13px;font-weight:600}.library-loading-list{flex-direction:column;gap:10px;display:flex}.library-loading-row{background:var(--c-surface-container-lowest);border-radius:18px;align-items:center;gap:13px;padding:10px;display:flex}.skel{background:var(--c-surface-container-highest);position:relative;overflow:hidden}.skel:after{content:"";animation:skeleton-shimmer 1.25s var(--ease) infinite;background:linear-gradient(100deg,#0000,#ffffff61,#0000);background:linear-gradient(100deg,#0000,lab(100% 0 0/.38),#0000);position:absolute;inset:0;transform:translate(-100%)}.library-loading-art{border-radius:14px;flex:none;width:48px;height:48px}.library-loading-copy{flex:1;min-width:0}.library-loading-line{border-radius:999px;height:13px;display:block}.library-loading-line.main{width:72%}.library-loading-line.sub{width:46%;height:10px;margin-top:9px}.m-nav{z-index:40;background:var(--c-surface-container);border:1px solid var(--c-outline-variant);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:26px;align-items:stretch;height:70px;padding:8px;display:flex;position:absolute;bottom:16px;left:14px;right:14px;box-shadow:0 10px 30px -10px #00000047;box-shadow:0 10px 30px -10px lab(0% 0 0/.28)}.m-nav-item{cursor:pointer;color:var(--c-on-surface-variant);font-family:var(--font);transition:color var(--dur) var(--ease);background:0 0;border:none;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.m-nav-pill{background:var(--c-primary-container);z-index:0;width:72px;height:38px;transition:left var(--dur) var(--spring);border-radius:999px;position:absolute;top:7px}.m-nav-item .msr{z-index:1;transition:transform var(--dur) var(--spring);font-size:25px}.m-nav-item .lbl{z-index:1;font-size:11.5px;font-weight:600}.m-nav-item.active{color:var(--c-on-primary-container)}.m-nav-item.active .msr{font-variation-settings:"FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24;transform:translateY(-1px)scale(1.06)}.app--desktop{flex-direction:row}.d-side{background:var(--c-surface-container-low);border-right:1px solid var(--c-outline-variant);flex-direction:column;flex:none;gap:6px;width:264px;height:100%;padding:18px 14px;display:flex}.d-side .brand{align-items:center;gap:10px;padding:8px 10px 14px;display:flex}.d-side .brand .mark{background:var(--c-primary);width:38px;height:38px;color:var(--c-on-primary);border-radius:12px 15px 13px 16px;place-items:center;display:grid}.d-side .brand .mark .msr{font-size:23px}.d-side .brand .wm{letter-spacing:-.02em;font-size:21px;font-weight:800}.d-side .brand .wm b{color:var(--c-primary)}.d-navitem{cursor:pointer;font-family:var(--font);color:var(--c-on-surface-variant);text-align:left;width:100%;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;border-radius:999px;align-items:center;gap:14px;padding:12px 16px;font-size:14.5px;font-weight:600;display:flex}.d-navitem .msr{font-size:23px}.d-navitem:hover{background:var(--c-surface-container-high)}.d-navitem.active{background:var(--c-primary-container);color:var(--c-on-primary-container)}.d-navitem.active .msr{font-variation-settings:"FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24}.d-side .label{letter-spacing:.06em;text-transform:uppercase;color:var(--c-on-surface-variant);justify-content:space-between;align-items:center;padding:16px 16px 6px;font-size:11.5px;font-weight:700;display:flex}.d-side .lists{flex-direction:column;flex:1;gap:2px;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.d-listrow{cursor:pointer;text-align:left;width:100%;font-family:var(--font);color:var(--c-on-surface);transition:background var(--dur) var(--ease);background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.d-listrow:hover,.d-listrow.active{background:var(--c-surface-container-high)}.d-listrow-loading,.d-listrow-loading:hover{cursor:wait;color:var(--c-on-surface);opacity:1;background:0 0}.d-listrow .cover{color:#fff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.d-listrow .cover .msr{font-size:21px}.d-listrow .nm{font-size:14px;font-weight:600;line-height:1.2}.d-listrow .ct{color:var(--c-on-surface-variant);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.d-listrow-cover-skel{border-radius:11px;flex:none;width:40px;height:40px}.d-listrow-copy-skel{flex:1;min-width:0}.d-listrow-title-skel,.d-listrow-count-skel{border-radius:999px;display:block}.d-listrow-title-skel{width:72%;height:13px}.d-listrow-count-skel{width:42%;height:9px;margin-top:8px}.d-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.d-topbar{border-bottom:1px solid var(--c-outline-variant);background:var(--c-surface);flex:none;align-items:center;gap:16px;height:68px;padding:0 28px;display:flex}.d-search{background:var(--c-surface-container-high);max-width:520px;height:46px;color:var(--c-on-surface-variant);cursor:text;border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 18px;display:flex}.d-search input{font-family:var(--font);color:var(--c-on-surface);background:0 0;border:none;outline:none;flex:1;font-size:14.5px}.d-scroll{flex:1;overflow-y:auto}.d-profile{background:var(--c-tertiary);width:40px;height:40px;color:var(--c-on-tertiary);cursor:pointer;border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid}.iconbtn{cursor:pointer;width:42px;height:42px;color:var(--c-on-surface-variant);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.iconbtn:hover{background:var(--c-surface-container-high);color:var(--c-on-surface)}.iconbtn-on,.iconbtn-on:hover{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.iconbtn:disabled,.iconbtn:disabled:hover{cursor:wait;opacity:.45;color:var(--c-on-surface-variant);background:0 0}.iconbtn .msr{font-size:23px}.btn{cursor:pointer;font-family:var(--font);transition:transform .18s var(--spring), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:14.5px;font-weight:700;display:inline-flex}.btn .msr{font-size:20px}.btn:active{transform:scale(.96)}.btn-filled{background:var(--c-primary);color:var(--c-on-primary)}.btn-filled:hover{box-shadow:0 6px 16px -4px var(--c-primary)}.btn-tonal{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.btn-tonal:hover{box-shadow:0 4px 12px -4px #00000040;box-shadow:0 4px 12px -4px lab(0% 0 0/.25)}.btn-outline{color:var(--c-primary);box-shadow:inset 0 0 0 1.5px var(--c-outline);background:0 0}.btn-outline:hover{background:var(--c-surface-container-high)}.btn-text{color:var(--c-primary);background:0 0;padding:12px 14px}.btn-text:hover{background:var(--c-surface-container-high)}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:12.5px;font-weight:600;line-height:1;display:inline-flex}.chip .msr{font-size:16px}.chip-tonal{background:var(--c-surface-container-high);color:var(--c-on-surface-variant)}.chip-outline{box-shadow:inset 0 0 0 1px var(--c-outline-variant);color:var(--c-on-surface-variant)}.chip-key{background:var(--c-primary-container);color:var(--c-on-primary-container)}.chip-conf{color:#fff}.art{border-radius:var(--r-md);color:#fff;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.art .msr{opacity:.92;font-size:50%}.art:after{content:"";background:linear-gradient(140deg,#ffffff38,#0000 55%);background:linear-gradient(140deg,lab(100% 0 0/.22),#0000 55%);position:absolute;inset:0}.blob{border-radius:56% 44% 47% 53%/52% 48%}.fab{z-index:45;cursor:pointer;background:var(--c-primary-container);color:var(--c-on-primary-container);font-family:var(--font);transition:transform .22s var(--spring), gap .3s var(--spring), padding .3s var(--spring), background var(--dur) var(--ease);border:none;align-items:center;gap:0;font-size:15px;font-weight:700;display:inline-flex;position:absolute;overflow:hidden;box-shadow:0 10px 26px -8px #0006;box-shadow:0 10px 26px -8px lab(0% 0 0/.4)}.fab .msr{transition:transform var(--dur) var(--spring);font-size:27px}.fab .fab-lbl{opacity:0;white-space:nowrap;max-width:0;transition:opacity .2s var(--ease)}.fab:hover{background:var(--c-primary);color:var(--c-on-primary);transform:translateY(-2px)scale(1.03)}.fab:hover .msr{transform:rotate(90deg)}.fab:active{transform:scale(.95)}.fab-m{border-radius:22px 28px;justify-content:center;width:64px;height:64px;padding:0;bottom:100px;right:20px}.fab-d{border-radius:20px;gap:10px;height:60px;padding:0 22px;bottom:28px;right:28px}.greet{letter-spacing:-.02em;font-weight:800}.stat-card{transition:transform .22s var(--spring), box-shadow .28s var(--ease)}.stat-card:hover{box-shadow:var(--e2);transform:translateY(-3px)}.stat-card:disabled,.stat-card:disabled:hover,.stat-card-loading,.stat-card-loading:hover{cursor:wait;box-shadow:var(--e1);transform:none}.home-stat-value-skel{border-radius:999px;width:58px;height:28px;display:block}.stat-arrow{transition:transform .2s var(--spring)}.stat-card:hover .stat-arrow{transform:translate(3px)}.home-greet{border-radius:var(--r-xl);background:linear-gradient(135deg, var(--c-primary-container), oklch(from var(--c-primary-container) calc(l + 2%) calc(c * .7) h));color:var(--c-on-primary-container);margin-bottom:20px;padding:16px 18px 18px}.home-greet .muted{color:var(--c-on-primary-container);opacity:.72}.section-h{justify-content:space-between;align-items:center;display:flex}.section-h .t{letter-spacing:-.01em;font-weight:800}.muted{color:var(--c-on-surface-variant)}.app :focus-visible{outline:2.5px solid var(--c-primary);outline-offset:2px;border-radius:var(--r-xs)}.app :focus:not(:focus-visible){outline:none}.songrow .art,.listcard .cover,.d-listrow .cover{box-shadow:0 1px 2px #0000001a;box-shadow:0 1px 2px lab(0% 0 0/.1)}.listcard{border-radius:var(--r-xl);cursor:pointer;font-family:var(--font);text-align:left;transition:transform .24s var(--spring), box-shadow .28s var(--ease);box-shadow:var(--e1);border:none;flex-direction:column;gap:14px;padding:18px;display:flex;position:relative;overflow:hidden}.listcard:hover{box-shadow:var(--e3);transform:translateY(-4px)}.home-listcard-loading,.home-listcard-loading:hover{cursor:wait;transform:none}.listcard .cover{color:#fff;border-radius:18px 22px 19px 23px;place-items:center;width:64px;height:64px;display:grid;position:relative}.list-owner-avatar{color:#fff;border:2px solid var(--c-surface-container);z-index:1;border-radius:999px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-4px;overflow:hidden;box-shadow:0 2px 8px #0000002e;box-shadow:0 2px 8px lab(0% 0 0/.18)}.list-owner-avatar img{object-fit:cover;width:100%;height:100%;display:block}.d-listrow .list-owner-avatar{border-color:var(--c-surface-container-low);width:18px;height:18px;font-size:9px;bottom:-5px;right:-5px}.listcard .cover .msr{font-size:34px}.listcard .nm{letter-spacing:-.01em;font-size:17px;font-weight:800}.listcard .ct{margin-top:2px;font-size:13px}.home-list-cover-skel{border-radius:18px 22px 19px 23px;width:64px;height:64px;display:block}.home-list-copy-skel{width:100%;display:block}.home-list-title-skel,.home-list-count-skel{border-radius:999px;display:block}.home-list-title-skel{width:min(124px,78%);height:18px}.home-list-count-skel{width:58px;height:11px;margin-top:12px}.listcard .yt-badge{color:#fff;background:#d40924;background:lab(45.5382% 69.8881 46.2994);border-radius:7px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.songrow{border-radius:var(--r-md);cursor:pointer;text-align:left;width:100%;font-family:var(--font);color:var(--c-on-surface);transition:background var(--dur) var(--ease);background:0 0;border:none;align-items:center;gap:14px;padding:10px 12px;display:flex;position:relative}.songrow:hover{background:var(--c-surface-container-high)}.songrow--selected{background:var(--c-primary-container);color:var(--c-on-primary-container)}.songrow--selected:hover{background:var(--c-primary-container)}.songrow--static{cursor:default}.songrow--static:hover{background:0 0}.songrow .art{width:52px;height:52px}.song-select-art{flex:none;place-items:center;display:grid;position:relative}.song-select-art .art{transition:opacity .16s var(--ease), transform .16s var(--ease)}.song-select-check{color:var(--c-on-primary);background:var(--c-primary);opacity:0;transition:opacity .16s var(--ease), transform .16s var(--ease);border-radius:999px;place-items:center;display:grid;position:absolute;inset:5px;transform:scale(.78)}.song-select-art.selected .art{opacity:0;transform:scale(.78)}.song-select-art.selected .song-select-check{opacity:1;transform:scale(1)}.songrow-select{width:34px;height:34px;color:var(--c-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.songrow-select[aria-pressed=true]{color:var(--c-primary)}.songrow-select:hover{background:var(--c-surface-container-highest)}.songrow .meta{flex:1;min-width:0}.songrow .title{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;line-height:1.25;overflow:hidden}.songrow .sub{color:var(--c-on-surface-variant);align-items:center;gap:8px;margin-top:3px;font-size:12.5px;display:flex}.songrow-key{color:var(--c-on-surface);font-weight:800}.songrow .stats{color:var(--c-on-surface-variant);align-items:center;gap:10px;font-size:12px;display:flex}.songrow .stats b{color:var(--c-on-surface);font-weight:700}.list-detail-head{isolation:isolate;z-index:20}.list-selection-bar{z-index:120;box-sizing:border-box;background:var(--c-surface-container);min-width:0;box-shadow:var(--e1);border-radius:20px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:absolute;inset:0;overflow:hidden}.list-selection-count{min-width:0;color:var(--c-on-surface);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:900;overflow:hidden}.list-selection-actions{flex:none;align-items:center;gap:8px;min-width:0;display:flex}.list-selection-actions .btn{white-space:nowrap}.list-inline-search{justify-content:flex-end;align-items:center;gap:10px;margin:0 0 10px;display:flex}.list-inline-search .searchfield{width:min(360px,100%);min-width:0}.list-inline-search .searchfield button{width:30px;height:30px;color:var(--c-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.list-inline-search .searchfield button:hover{background:var(--c-surface-container-highest)}.list-inline-search-count{color:var(--c-on-surface-variant);flex:none;font-size:12px;font-weight:800}@media (max-width:640px){.list-selection-bar{gap:6px;padding:7px 8px}.list-selection-actions{gap:4px}.list-selection-actions .btn{padding:9px 10px;font-size:12px}.list-inline-search{justify-content:stretch}.list-inline-search .searchfield{flex:1;width:auto}}.segtabs{gap:6px;padding:6px;display:flex}.segtab{cursor:pointer;font-family:var(--font);color:var(--c-on-surface-variant);white-space:nowrap;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:14px;font-weight:700;display:flex}.segtab .msr{font-size:19px}.segtab.active{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.searchfield{background:var(--c-surface-container-high);width:100%;min-width:0;height:54px;color:var(--c-on-surface-variant);border-radius:999px;align-items:center;gap:12px;padding:0 18px;display:flex}.searchfield input{width:100%;min-width:0;font-family:var(--font);color:var(--c-on-surface);background:0 0;border:none;outline:none;flex:1;font-size:15px}.searchfield .msr{font-size:22px}.toggle2{background:var(--c-surface-container-high);border-radius:999px;padding:4px;display:inline-flex}.toggle2 button{cursor:pointer;font-family:var(--font);color:var(--c-on-surface-variant);transition:all var(--dur) var(--ease);background:0 0;border:none;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}.toggle2 button.on{background:var(--c-surface);color:var(--c-primary);box-shadow:0 2px 6px -2px #0003;box-shadow:0 2px 6px -2px lab(0% 0 0/.2)}.search-section-h{gap:12px}.search-toggles{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.provider-toggle button{place-items:center;width:36px;min-width:36px;height:34px;padding:0;display:grid}.detail-hero{align-items:flex-end;gap:18px;display:flex}.detail-hero .art{box-shadow:0 16px 36px -14px #0006;box-shadow:0 16px 36px -14px lab(0% 0 0/.4)}.detail-title{letter-spacing:-.02em;font-weight:800;line-height:1.05}.detail-meta{color:var(--c-on-surface-variant);flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.control{background:var(--c-surface-container);border-radius:var(--r-xl);box-shadow:var(--e1);padding:20px}.control-head{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.control-head .lab{color:var(--c-on-surface-variant);align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.control-head .lab .msr{font-size:19px}.control-head .val{letter-spacing:-.02em;margin-left:auto;font-size:30px;font-weight:800}.control-head .val.zero{color:var(--c-on-surface-variant)}.eq{align-items:flex-end;gap:0;height:96px;display:flex}.eq-tick{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;padding:0;display:flex}.eq-bar{background:var(--c-surface-container-highest);width:62%;min-width:8px;max-width:22px;transition:height .4s var(--spring), background var(--dur) var(--ease), transform .3s var(--spring);border-radius:999px}.eq-tick:hover .eq-bar{background:var(--c-outline-variant)}.eq-tick .cap{color:var(--c-on-surface-variant);opacity:0;transition:opacity var(--dur) var(--ease);height:12px;font-size:10px;font-weight:700}.eq-tick.origin .cap{opacity:.85}.eq-tick.sel .eq-bar{background:var(--c-primary);transform:scaleX(1.12)}.eq-tick.sel .cap{opacity:1;color:var(--c-primary)}.eq-tick.origin:not(.sel) .eq-bar{background:var(--c-tertiary);opacity:.55}.eq-foot{color:var(--c-on-surface-variant);justify-content:space-between;margin-top:10px;font-size:11.5px;font-weight:600;display:flex}.eq-controls{align-items:center;gap:10px;margin-top:4px;display:flex}.step-btn{background:var(--c-surface-container-highest);width:44px;height:44px;color:var(--c-on-surface);cursor:pointer;transition:transform .18s var(--spring), background var(--dur) var(--ease);border:none;border-radius:16px;place-items:center;display:grid}.step-btn:hover{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.step-btn:active{transform:scale(.9)}.step-btn .msr{font-size:24px}.conf-seg{gap:6px;display:flex}.conf-opt{cursor:pointer;font-family:var(--font);border-radius:var(--r-sm);background:var(--c-surface-container-highest);color:var(--c-on-surface-variant);transition:all .2s var(--spring);border:none;flex-direction:column;flex:1;align-items:center;gap:5px;padding:14px 4px;font-size:13px;font-weight:700;display:flex}.conf-opt .dot{width:9px;height:9px;transition:transform .2s var(--spring);border-radius:999px}.conf-opt.sel{transform:translateY(-2px)}.conf-opt.sel .dot{transform:scale(1.6)}.conf-seg-v .conf-opt{gap:7px;min-width:0;padding:14px 3px}.conf-seg-v .conf-label{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.08em;white-space:nowrap;font-size:13px;line-height:1.1}.conf-note{border-radius:var(--r-md);background:var(--c-surface-container-lowest);color:var(--c-on-surface-variant);align-items:flex-start;gap:8px;margin-top:14px;padding:11px 13px;font-size:12.5px;font-weight:600;line-height:1.5;display:flex}.conf-note .msr{color:#c14d69;color:lab(49.5109% 49.0264 8.97818);flex:none;margin-top:1px}.filter-chip{border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);cursor:pointer;font-family:var(--font);color:var(--c-on-surface-variant);transition:all .2s var(--ease);border-radius:999px;align-items:center;gap:7px;margin:2px 0 8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.filter-chip:hover{border-color:var(--c-outline)}.filter-chip.on{background:var(--c-secondary-container);color:var(--c-on-secondary-container);border-color:#0000}.filter-count{color:#fff;background:#c14d69;background:lab(49.5109% 49.0264 8.97818);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800}.sheet-actions{flex-direction:column;gap:8px;display:flex}.sheet-action{border-radius:var(--r-md);border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);cursor:pointer;width:100%;font-family:var(--font);transition:border-color .2s var(--ease), background .2s var(--ease);align-items:center;gap:13px;padding:12px 14px;display:flex}.sheet-action:hover{border-color:var(--c-outline);background:var(--c-surface-container-high)}.sa-ic{border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid}.sa-tx{text-align:left;flex:1;min-width:0}.sa-t{font-size:14.5px;font-weight:800;display:block}.sa-s{color:var(--c-on-surface-variant);margin-top:1px;font-size:12px;font-weight:600;display:block}.mshape{flex:none;place-items:center;display:grid;position:relative}.mshape svg{width:100%;height:100%;display:block;position:absolute;inset:0}.mshape-ic{z-index:1;position:relative}.mshape-ava{z-index:2;border:2.5px solid var(--c-surface);color:#fff;border-radius:50%;place-items:center;width:30%;min-width:22px;height:30%;min-height:22px;font-size:12px;font-weight:800;display:grid;position:absolute;bottom:4%;right:4%}@media (prefers-reduced-motion:no-preference){.mshape-spin svg{transition:transform .6s var(--spring)}.cat-tile:active .mshape-spin svg,.mlist-card:active .mshape-spin svg{transform:rotate(22deg)}}.disc-pane{animation:discFade .34s var(--ease) both}@keyframes discFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.disc-title{letter-spacing:0;font-weight:900;line-height:1}.disc-hero{margin:6px var(--shelf-pad) 0;color:#fff;background:linear-gradient(150deg, var(--c-primary), #4f2980);border-radius:30px;padding:20px 22px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.disc-hero{background:linear-gradient(150deg, var(--c-primary), lab(25.7352% 32.4405 -43.1554))}}.disc-hero .hero-shape{opacity:.9;position:absolute;top:-34px;right:-26px}.disc-hero .hero-rank{opacity:.9;align-items:center;gap:5px;font-size:12.5px;font-weight:800;display:inline-flex;position:relative}.disc-hero .hero-rank .msr{font-size:15px}.disc-hero .hero-big{letter-spacing:0;margin-top:5px;font-size:26px;font-weight:900;line-height:1.1;position:relative}.disc-hero .hero-meta{opacity:.85;margin-top:3px;font-size:12.5px;font-weight:600;position:relative}.disc-hero .hero-cta{color:var(--c-primary);cursor:pointer;font-size:13px;font-weight:800;font-family:var(--font);transition:transform .2s var(--spring);background:#fff;border:none;border-radius:999px;align-items:center;gap:6px;margin-top:15px;padding:10px 17px;display:inline-flex;position:relative}.disc-hero .hero-cta:hover{transform:translateY(-2px)}.disc-hero .hero-cta:active{transform:scale(.96)}.ranking-skeleton{background:var(--c-surface-container-highest);border-radius:999px;display:block;position:relative;overflow:hidden}.ranking-skeleton:after{content:"";background:linear-gradient(100deg,#0000,#ffffff80,#0000);background:linear-gradient(100deg,#0000,lab(100% 0 0/.5),#0000);position:absolute;inset:0;transform:translate(-100%)}.disc-hero-loading{pointer-events:none;background:linear-gradient(150deg, oklch(from var(--c-primary) l c h / .9), #4f2980);min-height:178px}@supports (color:lab(0% 0 0)){.disc-hero-loading{background:linear-gradient(150deg, oklch(from var(--c-primary) l c h / .9), lab(25.7352% 32.4405 -43.1554))}}.disc-hero-loading .ranking-skeleton{background:#ffffff38;background:lab(100% 0 0/.22)}.hero-shape-skel{opacity:.9;border-radius:42% 58% 60% 40%/48% 36% 64% 52%;width:128px;height:128px;position:absolute;top:-28px;right:-20px}.hero-rank-skel{width:138px;height:18px}.hero-title-skel{border-radius:14px;width:min(360px,68%);height:34px;margin-top:12px}.hero-title-skel.mobile{width:min(240px,78%)}.hero-meta-skel{width:min(260px,56%);height:15px;margin-top:10px}.hero-cta-skel{width:142px;height:39px;margin-top:18px;background:#ffffffd1!important;background:lab(100% 0 0/.82)!important}.cat-grid{padding:4px var(--shelf-pad) 0;grid-template-columns:1fr 1fr;gap:12px;display:grid}.cat-tile{cursor:pointer;font-family:var(--font);text-align:left;background:var(--c-surface-container);color:var(--c-on-surface);transition:transform .24s var(--spring), background .2s var(--ease);border:none;border-radius:26px;align-items:center;gap:13px;padding:14px 15px;display:flex}.cat-tile:hover{background:var(--c-surface-container-high);transform:translateY(-3px)}.cat-tile:active{transform:scale(.97)}.cat-tile .cat-nm{letter-spacing:0;font-size:15px;font-weight:800}.cat-tile .cat-sub{color:var(--c-on-surface-variant);margin-top:1px;font-size:11.5px;font-weight:600}.mlist-card{cursor:pointer;font-family:var(--font);text-align:left;transition:transform .2s var(--spring);color:var(--c-on-surface);background:0 0;border:none;flex:none;padding:0}.mlist-card:hover{transform:translateY(-3px)}.mlist-cover{position:relative}.mlist-plain{border-radius:var(--r-lg);color:#fff;box-shadow:var(--e1);place-items:center;display:grid;position:relative;overflow:hidden}.mlist-plain:after{content:"";background:linear-gradient(150deg,#fff3,#0000 55%);background:linear-gradient(150deg,lab(100% 0 0/.2),#0000 55%);position:absolute;inset:0}.mlist-plain .msr{z-index:1;position:relative}.mlist-plain-ava{z-index:2;border:2.5px solid var(--c-surface);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid;position:absolute;bottom:6px;right:6px}.mlist-rank{z-index:3;min-width:26px;height:26px;font-family:var(--display,var(--font));color:#fff;background:var(--c-primary);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 7px;font-size:14px;font-weight:900;display:grid;position:absolute;top:-4px;left:-4px;box-shadow:0 4px 10px -3px #00000059;box-shadow:0 4px 10px -3px lab(0% 0 0/.35)}.mlist-rank.top.r1{color:#4c3300;color:lab(23.3232% 12.6786 45.931);background:linear-gradient(140deg,#efca61,#d58d25);background:linear-gradient(140deg,lab(82.9744% 4.78926 56.1954),lab(64.9119% 22.5495 61.7416))}.mlist-rank.top.r2{background:linear-gradient(140deg,#c1c3d1,#9597a5);background:linear-gradient(140deg,lab(78.9638% 1.37836 -7.40728),lab(62.7221% 1.4047 -7.39281))}.mlist-rank.top.r3{background:linear-gradient(140deg,#d38b59,#ae593a);background:linear-gradient(140deg,lab(64.6999% 24.4397 38.4923),lab(48.0452% 33.7694 33.9539))}.mlist-name{white-space:nowrap;text-overflow:ellipsis;margin-top:9px;font-size:13.5px;font-weight:800;overflow:hidden}.mlist-by{color:var(--c-on-surface-variant);align-items:center;gap:5px;margin-top:2px;font-size:11.5px;font-weight:600;display:flex}.mlist-fav{align-items:center;gap:3px;display:inline-flex}.mlist-fav .msr{color:#e44065;color:lab(53.6353% 64.9557 18.0582);font-size:12px}.rank-badge{color:#fff;width:40px;height:40px;box-shadow:var(--e1);border-radius:13px;flex:none;place-items:center;display:grid}.rank-list{flex-direction:column;display:flex}.rank-row{border-radius:var(--r-md);cursor:pointer;transition:background .18s var(--ease);align-items:center;gap:14px;padding:10px 12px;display:flex}.rank-row:hover{background:var(--c-surface-container-high)}.rank-no{text-align:center;width:30px;color:var(--c-on-surface-variant);font-variant-numeric:tabular-nums;flex:none;font-size:16px;font-weight:800}.rank-no.medal{color:#fff;border-radius:999px;place-items:center;height:30px;font-size:14px;display:grid}.rank-no.medal.r1{background:linear-gradient(140deg,#eebc4a,#d18500);background:linear-gradient(140deg,lab(79.3341% 9.98151 62.1892),lab(62.5333% 24.787 70.0458))}.rank-no.medal.r2{background:linear-gradient(140deg,#bbbdcb,#8f919f);background:linear-gradient(140deg,lab(76.6436% 1.38158 -7.40551),lab(60.4018% 1.40944 -7.3903))}.rank-no.medal.r3{background:linear-gradient(140deg,#d38b59,#ae593a);background:linear-gradient(140deg,lab(64.6999% 24.4397 38.4923),lab(48.0452% 33.7694 33.9539))}.rank-row .meta{flex:1;min-width:0}.rank-row .meta .title{white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:700;overflow:hidden}.rank-row .meta .sub{color:var(--c-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;font-weight:400;overflow:hidden}.rank-add{opacity:0;flex:none}.rank-row:hover .rank-add{opacity:1}.rank-row-loading{cursor:default;min-height:74px}.rank-row-loading:hover{background:0 0}.rank-no-skel{flex:none;width:30px;height:24px}.rank-art-skel{border-radius:13px;flex:none;width:54px;height:54px}.rank-title-skel{border-radius:8px;width:min(340px,78%);height:17px}.rank-sub-skel{border-radius:7px;width:min(220px,52%);height:13px;margin-top:9px}.rank-add-skel{border-radius:13px;flex:none;width:40px;height:40px}@media (hover:none){.rank-add{opacity:1}}@media (prefers-reduced-motion:no-preference){.rank-pop{animation:rankPop .42s var(--spring) both}}@keyframes rankPop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.podium{align-items:flex-end;gap:11px;padding:8px 0 16px;display:flex}.podium-loading .podium-card{cursor:default}.podium-card{background:var(--c-surface-container);min-width:0;box-shadow:var(--e1);cursor:pointer;border-radius:18px;flex:1;overflow:hidden}.podium-cover{aspect-ratio:1;color:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.podium-card.first .podium-cover{aspect-ratio:.86}.podium-cover-skel{aspect-ratio:1;border-radius:0;width:100%}.podium-card.first .podium-cover-skel{aspect-ratio:.86}.podium-title-skel{border-radius:7px;width:86%;height:14px}.podium-sub-skel{border-radius:6px;width:58%;height:11px;margin-top:8px}.podium-cover:after{content:"";z-index:1;background:linear-gradient(150deg,#ffffff38,#0000 55%);background:linear-gradient(150deg,lab(100% 0 0/.22),#0000 55%);position:absolute;inset:0}.podium-cover.has-artwork:after{background:linear-gradient(#00000014,#0000003d),linear-gradient(150deg,#ffffff1a,#0000 58%);background:linear-gradient(lab(0% 0 0/.08),lab(0% 0 0/.24)),linear-gradient(150deg,lab(100% 0 0/.1),#0000 58%)}.podium-cover-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.podium-fallback-icon{z-index:2;position:relative}.podium-ribbon{width:26px;height:26px;font-family:var(--display,var(--font));z-index:2;border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 3px 9px #0000004d;box-shadow:0 3px 9px lab(0% 0 0/.3)}.podium-info{padding:9px 11px 11px}.podium-info .t{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.podium-info .s{color:var(--c-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;font-weight:600;overflow:hidden}@keyframes podiumRise{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.ranking-skeleton:after{animation:skeleton-shimmer 1.25s var(--ease) infinite}.podium-card{animation:podiumRise .5s var(--spring) both}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.disc-pane,.rank-pop,.podium-card{animation:none}.disc-hero .hero-cta,.cat-tile,.mlist-card,.rank-row{transition:none}}.shelf-head{padding:0 var(--shelf-pad,0);justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.shelf-title{letter-spacing:0;font-size:20px;font-weight:800}.shelf-sub{color:var(--c-on-surface-variant);margin-top:2px;font-size:13px;font-weight:600}.see-all{cursor:pointer;font-family:var(--font);color:var(--c-on-surface-variant);transition:background .2s var(--ease), color .2s var(--ease);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.see-all:hover{background:var(--c-surface-container-high);color:var(--c-on-surface)}.shelf-rail-wrap{position:relative}.rail-arrow{z-index:4;background:var(--c-surface);width:40px;height:40px;color:var(--c-on-surface);box-shadow:var(--e2);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .22s var(--ease), transform .18s var(--spring);border:none;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%}.rail-arrow .msr{font-size:24px}.rail-arrow.left{left:calc(var(--shelf-pad,16px) - 6px);transform:translateY(-50%)translate(-4px)}.rail-arrow.right{right:calc(var(--shelf-pad,16px) - 6px);transform:translateY(-50%)translate(4px)}.rail-arrow.show{opacity:1;pointer-events:auto;transform:translateY(-50%)}.rail-arrow:hover{background:var(--c-surface-container-high)}.rail-arrow:active{transform:translateY(-50%)scale(.88)}.shelf-rail{padding:4px var(--shelf-pad,0) 6px;scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.shelf-rail::-webkit-scrollbar{display:none}.pub-card{cursor:pointer;font-family:var(--font);text-align:left;transition:transform .2s var(--spring);background:0 0;border:none;flex:none;padding:0}.pub-card:hover{transform:translateY(-3px)}.pub-cover{aspect-ratio:1;border-radius:var(--r-lg);color:#fff;width:100%;box-shadow:var(--e2);place-items:center;margin-bottom:9px;display:grid;position:relative;overflow:hidden}.pub-cover:after{content:"";background:linear-gradient(150deg,#ffffff38,#0000 55%);background:linear-gradient(150deg,lab(100% 0 0/.22),#0000 55%);position:absolute;inset:0}.pub-owner-ava{color:#fff;width:28px;height:28px;box-shadow:var(--e1);z-index:1;border:2.5px solid #ffffffe6;border:2.5px solid lab(100% 0 0/.9);border-radius:999px;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;bottom:8px;right:8px}.pub-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.pub-meta{justify-content:space-between;align-items:center;gap:6px;margin-top:3px;display:flex}.pub-author{color:var(--c-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.pub-fav{color:var(--c-on-surface-variant);flex:none;align-items:center;gap:3px;font-size:11.5px;font-weight:700;display:inline-flex}.pub-fav .msr{color:#e44065;color:lab(53.6353% 64.9557 18.0582)}.pub-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px;display:grid}.pub-hero{color:#fff}.pub-hero-top{justify-content:space-between;align-items:center;display:flex}.pub-back{color:#fff;background:#0000002e;background:lab(0% 0 0/.18)}.pub-back:hover{color:#fff;background:#00000052;background:lab(0% 0 0/.32)}.pub-ro-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;background:lab(100% 0 0/.22);border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.pub-hero-body{align-items:flex-end;gap:16px;display:flex}.pub-hero-cover{border-radius:var(--r-lg);color:#fff;flex:none;place-items:center;width:96px;height:96px;display:grid;box-shadow:0 16px 30px -12px #00000080;box-shadow:0 16px 30px -12px lab(0% 0 0/.5)}.pub-hero-name{letter-spacing:0;text-shadow:0 1px 12px #00000040;text-shadow:0 1px 12px lab(0% 0 0/.25);font-weight:800;line-height:1.1}.pub-hero-author{align-items:center;gap:7px;margin-top:8px;font-size:14px;font-weight:700;display:flex}.pub-author-ava{color:#fff;border:2px solid #fffc;border:2px solid lab(100% 0 0/.8);border-radius:999px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.pub-actions{background:var(--c-surface);align-items:center;gap:12px;display:flex}.fav-btn{border:1.5px solid var(--c-outline-variant);background:var(--c-surface);cursor:pointer;height:48px;font-family:var(--font);color:var(--c-on-surface-variant);transition:all .2s var(--spring);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:800;display:inline-flex}.fav-btn .msr{color:#e44065;color:lab(53.6353% 64.9557 18.0582);transition:transform .2s var(--spring)}.fav-btn:active .msr{transform:scale(1.4)}.fav-btn.on{color:#b80044;color:lab(39.7036% 64.7478 18.6402);background:#ffe7e9;background:lab(93.7514% 13.1774 3.32382);border-color:#ff9da9;border-color:lab(75.4446% 39.2946 10.2476)}.app--desktop .pub-actions .btn{margin-left:auto}.pub-actions .btn{flex:1;justify-content:center;height:48px}.app--desktop .pub-actions .btn{flex:none;min-width:200px}.pub-songs{flex-direction:column;display:flex}.pub-song{border-radius:var(--r-md);transition:background .2s var(--ease);align-items:center;gap:12px;padding:8px 10px;display:flex}.pub-song:hover{background:var(--c-surface-container-high)}.pub-song-n{text-align:center;width:22px;color:var(--c-on-surface-variant);flex:none;font-size:13px;font-weight:700}.pub-song .meta{flex:1;min-width:0}.pub-song-add{opacity:0}.pub-song:hover .pub-song-add{opacity:1}@media (hover:none){.pub-song-add{opacity:1}}.score-item{border-bottom:1px solid var(--c-outline-variant);align-items:center;gap:14px;padding:14px 0;display:flex}.score-del{background:var(--c-surface-container-highest);width:36px;height:36px;color:var(--c-on-surface-variant);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), transform .16s var(--spring);border:none;border-radius:999px;flex:none;place-items:center;display:grid}.score-del:hover{background:var(--c-error-container);color:var(--c-error)}.score-del:active{transform:scale(.88)}.score-ring{font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;width:56px;height:56px;font-size:16px;font-weight:800;display:grid;position:relative}.score-item .d{font-size:14px;font-weight:700}.score-item .m{color:var(--c-on-surface-variant);margin-top:2px;font-size:12.5px}.empty-state{text-align:center;color:var(--c-on-surface-variant);padding:32px 16px}.empty-state .msr{opacity:.5;font-size:44px}.sortbtn{cursor:pointer;font-family:var(--font);color:var(--c-primary);transition:background var(--dur) var(--ease);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.sortbtn:hover{background:var(--c-surface-container-high)}.sortbtn .msr{font-size:18px}.hr{background:var(--c-outline-variant);border:none;height:1px;margin:0}@keyframes enter-up{0%{transform:translateY(18px)}to{transform:translateY(0)}}.screen-enter{animation:enter-up var(--dur) var(--spring-soft)}.stagger>*{animation:enter-up .44s var(--spring-soft) both}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.14s}.stagger>:nth-child(5){animation-delay:.18s}.stagger>:nth-child(6){animation-delay:.22s}.stagger>:nth-child(7){animation-delay:.26s}.stagger>:nth-child(8){animation-delay:.3s}.stagger>:nth-child(n+9){animation-delay:.34s}body.no-motion .screen-enter,body.no-motion .stagger>*{animation:none}@media (prefers-reduced-motion:reduce){.screen-enter,.stagger>*{animation:none}}.score-chart{height:124px;margin:8px 0 16px;position:relative}.score-chart-svg{width:100%;height:100px;display:block;overflow:visible}.score-chart-dots{pointer-events:none;height:100px;position:absolute;top:0;left:0;right:0}.sc-dot-wrap{position:absolute;transform:translate(-50%,-50%)}.sc-dot{width:11px;height:11px;box-shadow:0 0 0 3px var(--c-surface-container);border-radius:999px;display:block}.sc-val{white-space:nowrap;color:var(--c-on-surface);font-size:11px;font-weight:800;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.score-chart-x{height:14px;margin-top:2px;position:relative}.score-chart-x span{color:var(--c-on-surface-variant);white-space:nowrap;font-size:10.5px;font-weight:600;position:absolute;transform:translate(-50%)}.chart-legend{justify-content:center;gap:16px;margin:10px 0 4px;display:flex}.cl-item{color:var(--c-on-surface-variant);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.cl-dot{border-radius:999px;width:10px;height:10px}.score-input{background:var(--c-surface-container-lowest);border-radius:var(--r-lg);justify-content:center;align-items:baseline;gap:8px;margin-bottom:22px;padding:22px 16px;display:flex}.score-input input{width:180px;font-family:var(--font);letter-spacing:-.02em;text-align:right;color:var(--c-on-surface);background:0 0;border:none;outline:none;font-size:52px;font-weight:800}.score-input input::placeholder{color:var(--c-outline-variant)}.score-input-unit{color:var(--c-on-surface-variant);font-size:20px;font-weight:700}.machine-seg{gap:10px;display:flex}.machine-opt{border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);border-radius:var(--r-md);cursor:pointer;font-family:var(--font);color:var(--c-on-surface-variant);transition:all .2s var(--spring);flex:1;justify-content:center;align-items:center;gap:9px;padding:15px;font-size:15px;font-weight:700;display:flex}.machine-opt.sel{transform:translateY(-1px);box-shadow:0 4px 14px -6px #0000004d;box-shadow:0 4px 14px -6px lab(0% 0 0/.3)}.machine-opt .mdot{border-radius:999px;width:12px;height:12px}.fieldrow{gap:12px;display:flex}.add-song-title-field,.add-song-artist-field{flex:auto;min-width:0}.add-song-duration-field,.add-song-match-field{flex:0 0 128px;min-width:112px}.add-song-match-button{white-space:nowrap;justify-content:center;width:100%;min-width:0;height:52px;padding:0 12px}.artist-suggestions{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.artist-suggestion{background:var(--c-secondary-container);max-width:100%;color:var(--c-on-secondary-container);cursor:pointer;font-family:var(--font);text-overflow:ellipsis;white-space:nowrap;border:none;border-radius:999px;padding:7px 11px;font-size:12.5px;font-weight:700;overflow:hidden}.artist-suggestion:hover{background:var(--c-primary-container);color:var(--c-on-primary-container)}.artist-suggesting{color:var(--c-on-surface-variant);margin-top:8px;font-size:12px;font-weight:700;display:block}.match-message{background:var(--c-surface-container-high);color:var(--c-on-surface-variant);border-radius:14px;align-items:center;gap:7px;margin:-6px 0 18px;padding:10px 12px;font-size:12.5px;font-weight:700;display:flex}.match-message .msr{color:var(--c-primary);flex:none}@media (max-width:520px){.add-song-title-row,.add-song-artist-row{gap:10px}.add-song-duration-field,.add-song-match-field{flex-basis:116px;min-width:100px}.add-song-match-button{padding:0 9px}}@media (max-width:380px){.add-song-duration-field,.add-song-match-field{flex-basis:104px;min-width:94px}.add-song-match-button{gap:5px;font-size:13px}}.field-input:disabled{opacity:.65;cursor:not-allowed}.stepper{background:var(--c-surface-container-lowest);border-radius:var(--r-md);align-items:center;gap:10px;padding:7px;display:flex}.stepper button{background:var(--c-surface-container-highest);width:42px;height:42px;color:var(--c-on-surface);cursor:pointer;transition:transform .18s var(--spring), background .2s var(--ease);border:none;border-radius:12px;flex:none;place-items:center;display:grid}.stepper button:hover{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.stepper button:active{transform:scale(.9)}.stepper-val{text-align:center;letter-spacing:-.01em;flex:1;font-size:20px;font-weight:800}.list-pick{flex-direction:column;gap:8px;display:flex}.list-pick-opt{border-radius:var(--r-md);border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);cursor:pointer;font-family:var(--font);color:var(--c-on-surface);transition:border-color .2s var(--ease), background .2s var(--ease);align-items:center;gap:12px;padding:10px 12px;display:flex}.list-pick-opt:hover{border-color:var(--c-outline)}.list-pick-opt.sel{border-color:var(--c-primary);background:var(--c-primary-container);color:var(--c-on-primary-container)}.list-pick-opt .lc{color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.list-pick-opt .nm{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:700;overflow:hidden}.import-note{background:var(--c-surface-container-lowest);border-radius:var(--r-md);align-items:center;gap:10px;padding:12px 14px;display:flex}.stat-card{box-shadow:var(--e1);transition:transform .2s var(--spring), box-shadow .24s var(--ease), background .24s var(--ease)}.stat-card:hover{background:var(--c-surface-container-high);box-shadow:var(--e3);transform:translateY(-3px)}.stat-card:active{transform:translateY(-1px)scale(.98)}.stat-card:disabled,.stat-card:disabled:hover,.stat-card-loading,.stat-card-loading:hover{cursor:wait;background:inherit;box-shadow:var(--e1);transform:none}.stat-arrow{color:var(--c-on-surface-variant);opacity:0;transition:opacity .2s var(--ease), transform .2s var(--spring);margin-left:-2px}.stat-card:hover .stat-arrow{opacity:.8;transform:translate(2px)}.locked-head{background:var(--c-surface-container-lowest);border-radius:var(--r-md);align-items:center;gap:13px;margin-bottom:18px;padding:12px 14px;display:flex}.locked-head .chip{gap:4px}.locked-artist-line{align-items:center;gap:0;margin-top:2px;font-size:12.5px;font-weight:600;display:flex}.artist-inline-button{min-width:0;color:var(--c-primary);cursor:pointer;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;font-weight:800;overflow:hidden}.artist-inline-button:hover{text-decoration:underline}.toast{z-index:70;background:var(--c-inverse-surface);color:var(--c-inverse-on-surface);animation:toast-in .34s var(--spring);border-radius:999px;align-items:center;gap:8px;max-width:88%;padding:12px 18px;font-size:13.5px;font-weight:700;display:inline-flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -10px #00000073;box-shadow:0 12px 30px -10px lab(0% 0 0/.45)}.toast .msr{color:var(--c-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.app--desktop .toast{bottom:30px}.memo .empty-state .msr{color:var(--c-tertiary)}.memo-edit{flex-direction:column;gap:10px;display:flex}.memo-tb{background:var(--c-surface-container-lowest);border-radius:var(--r-md);flex-wrap:wrap;gap:4px;padding:6px;display:flex}.memo-tb-btn{width:34px;height:34px;color:var(--c-on-surface-variant);cursor:pointer;transition:background .18s var(--ease), color .18s var(--ease), transform .16s var(--spring);background:0 0;border:none;border-radius:10px;place-items:center;display:grid}.memo-tb-btn:hover{background:var(--c-surface-container-high);color:var(--c-on-surface)}.memo-tb-btn:active{transform:scale(.88)}.memo-ta{resize:vertical;border:1.5px solid var(--c-outline-variant);border-radius:var(--r-md);background:var(--c-surface-container-lowest);width:100%;min-height:180px;font-family:var(--font);color:var(--c-on-surface);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);outline:none;padding:14px 16px;font-size:14.5px;line-height:1.7}.memo-ta::placeholder{color:var(--c-on-surface-variant);opacity:.55;font-weight:500}.memo-ta:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px oklch(from var(--c-primary) l c h / .18)}.memo-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.memo-foot .muted .msr{vertical-align:middle;margin-right:4px}.memo-view{font-family:var(--font);color:var(--c-on-surface);font-size:14.5px;line-height:1.75}.memo-view .mm-p{margin:0 0 8px}.memo-view .mm-h1{letter-spacing:-.01em;margin:4px 0 8px;font-size:19px;font-weight:800}.memo-view .mm-h2{letter-spacing:-.01em;color:var(--c-primary);margin:10px 0 6px;font-size:16.5px;font-weight:800}.memo-view .mm-h3{color:var(--c-on-surface-variant);margin:8px 0 4px;font-size:14.5px;font-weight:700}.memo-view strong{color:var(--c-on-surface);font-weight:800}.memo-view em{font-style:italic}.memo-view code{background:var(--c-surface-container-lowest);border:1px solid var(--c-outline-variant);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.memo-view mark{background:oklch(from var(--c-tertiary) l c h / .22);color:inherit;border-radius:4px;padding:1px 4px}.memo-view .mm-hr{border:none;border-top:1px solid var(--c-outline-variant);margin:12px 0}.memo-view .mm-br{height:6px}.memo-view .mm-quote{border-left:3px solid var(--c-tertiary);background:var(--c-surface-container-lowest);color:var(--c-on-surface-variant);border-radius:0 8px 8px 0;margin:6px 0;padding:8px 14px;font-weight:500}.memo-view .mm-ul{margin:0 0 8px;padding-left:22px}.memo-view .mm-ul li{margin:3px 0}.memo-view .mm-tasks{flex-direction:column;gap:5px;margin:0 0 8px;padding:0;list-style:none;display:flex}.memo-view .mm-task{align-items:flex-start;gap:10px;display:flex}.memo-view .mm-task .mm-cb{border:1.5px solid var(--c-outline);width:18px;height:18px;color:var(--c-on-primary);border-radius:5px;flex:none;place-items:center;margin-top:2px;font-size:13px;font-weight:800;display:grid}.memo-view .mm-task.done .mm-cb{background:var(--c-primary);border-color:var(--c-primary)}.memo-view .mm-task.done{color:var(--c-on-surface-variant)}.memo-view .mm-task.done span:last-child{text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--c-outline);text-decoration-color:var(--c-outline)}.wavy-wrap{flex:none;place-items:center;display:inline-grid}.wavy-prog{transform-origin:50%;animation:2.2s cubic-bezier(.45,.05,.55,.95) infinite wavy-spin}@keyframes wavy-spin{to{transform:rotate(360deg)}}body.no-motion .wavy-prog{animation:none}@media (prefers-reduced-motion:reduce){.wavy-prog{animation:none}}.loading-overlay{z-index:95;animation:scrim-in .22s var(--ease);background:#00000057;background:lab(0% 0 0/.34);place-items:center;display:grid;position:absolute;inset:0}.loading-card{border-radius:var(--r-xl);background:var(--c-surface-container-high);animation:dialog-in .3s var(--spring);flex-direction:column;align-items:center;gap:16px;padding:30px 38px;display:flex;box-shadow:0 24px 60px -20px #00000080;box-shadow:0 24px 60px -20px lab(0% 0 0/.5)}.loading-label{color:var(--c-on-surface-variant);letter-spacing:.01em;font-size:14px;font-weight:700}.share-head{background:var(--c-surface-container-lowest);border-radius:var(--r-md);align-items:center;gap:13px;margin-bottom:16px;padding:12px 14px;display:flex}.share-toggle{align-items:center;gap:14px;padding:4px 0;display:flex}.share-body{animation:info-in .3s var(--spring);flex-direction:column;gap:16px;margin-top:16px;display:flex}.share-url{background:var(--c-surface-container-lowest);border:1.5px solid var(--c-outline-variant);border-radius:var(--r-md);align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex}.share-url-text{min-width:0;color:var(--c-on-surface);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:600;overflow:hidden}.share-targets{justify-content:space-between;gap:10px;display:flex}.share-target{cursor:pointer;font-family:var(--font);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:7px;display:flex}.st-ic{width:52px;height:52px;transition:transform .18s var(--spring);border-radius:999px;place-items:center;display:grid}.share-target:hover .st-ic{transform:translateY(-2px)}.share-target:active .st-ic{transform:scale(.9)}.st-lb{color:var(--c-on-surface-variant);text-align:center;font-size:11px;font-weight:700}.share-qr-toggle{border-radius:var(--r-md);border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);cursor:pointer;width:100%;font-family:var(--font);color:var(--c-on-surface);transition:background .2s var(--ease);align-items:center;gap:8px;padding:13px 16px;font-size:14px;font-weight:700;display:flex}.share-qr-toggle:hover{background:var(--c-surface-container-high)}.share-qr{border-radius:var(--r-md);background:#fff;flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex}.share-qr img{border-radius:8px;display:block}.share-qr-url{color:#25273c;color:lab(16.0811% 4.04201 -14.3145);text-overflow:ellipsis;white-space:nowrap;background:#f0f1f9;background:lab(95.2843% .652701 -3.72498);border-radius:999px;max-width:100%;padding:7px 10px;font-size:11.5px;font-weight:700;overflow:hidden}.share-stats{color:var(--c-on-surface-variant);justify-content:space-between;align-items:center;padding-top:4px;font-size:12.5px;font-weight:700;display:flex}.share-stats span:first-child{align-items:center;gap:6px;display:inline-flex}.share-stats .msr{font-size:15px}.scan-cta{border-radius:var(--r-md);border:1.5px dashed var(--c-outline-variant);background:var(--c-surface-container-lowest);cursor:pointer;width:100%;font-family:var(--font);transition:border-color .2s var(--ease), background .2s var(--ease);align-items:center;gap:13px;margin-top:14px;padding:13px 14px;display:flex}.scan-cta:hover{border-color:var(--c-primary);background:var(--c-surface-container-high)}.share-found{border-radius:var(--r-md);background:var(--c-primary-container);animation:info-in .3s var(--spring);align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.cam-scan{flex-direction:column;display:flex}.cam-view{aspect-ratio:1;border-radius:var(--r-lg);background:#000;place-items:center;display:grid;position:relative;overflow:hidden}.cam-view video{object-fit:cover;width:100%;height:100%}.cam-fallback{color:#bcbdc4;color:lab(76.7239% .658125 -3.72169);flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.cam-fallback-note{color:#a3a4ab;color:lab(67.4437% .661731 -3.71951);text-align:center;max-width:220px;font-size:12px}.cam-reticle{border:3px solid #fff;border-radius:22px;position:absolute;inset:18% 18% 22%;box-shadow:0 0 0 100vmax #00000059;box-shadow:0 0 0 100vmax lab(0% 0 0/.35)}.cam-reticle:after{content:"";background:var(--c-primary);border-radius:2px;width:70%;height:2px;animation:2.2s ease-in-out infinite scanline;position:absolute;left:50%;transform:translate(-50%)}@keyframes scanline{0%,to{opacity:.3;top:6%}50%{opacity:1;top:92%}}.cam-hint{text-align:center;color:#fff;text-shadow:0 1px 4px #000;font-size:12.5px;font-weight:700;position:absolute;bottom:8%;left:0;right:0}.avail-cta{background:var(--c-surface-container);width:100%;color:var(--c-on-surface);border-radius:var(--r-xl);cursor:pointer;font-family:var(--font);transition:transform .2s var(--spring), background .24s var(--ease);border:none;align-items:center;gap:14px;padding:18px 20px;display:flex}.avail-cta:hover{background:var(--c-surface-container-high);transform:translateY(-2px)}.avail-cta:active{transform:scale(.99)}.avail-cta-ic{background:var(--c-tertiary-container);width:46px;height:46px;color:var(--c-on-tertiary-container);border-radius:14px;flex:none;place-items:center;display:grid}.avail-cta-t{letter-spacing:-.01em;color:var(--c-on-surface);font-size:15.5px;font-weight:800;display:block}.avail-cta-s{color:var(--c-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;font-weight:600;display:block;overflow:hidden}.brand-checks{gap:12px;display:flex}.brand-check{border-radius:var(--r-md);border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);min-width:0;color:var(--c-on-surface);cursor:pointer;font-family:var(--font);transition:border-color .2s var(--ease), background .2s var(--ease);flex-wrap:wrap;flex:1;align-items:center;gap:11px;padding:14px 16px;display:flex}.brand-check.on{background:var(--c-surface-container)}.brand-cb{border:1.5px solid var(--c-outline);color:#fff;width:22px;height:22px;transition:all .2s var(--ease);border-radius:7px;flex:none;place-items:center;display:grid}.brand-nm{text-align:left;min-width:max-content;color:var(--c-on-surface);flex:none;font-size:15px;font-weight:800;line-height:1.15}.brand-check .muted{white-space:nowrap;color:var(--c-on-surface-variant);flex:none}.avail-result-head{background:var(--c-surface-container-lowest);border-radius:var(--r-md);align-items:center;gap:13px;margin-bottom:14px;padding:12px 14px;display:flex}.avail-legend{color:var(--c-on-surface-variant);gap:18px;margin-bottom:16px;font-size:12.5px;font-weight:700;display:flex}.avail-legend span{align-items:center;gap:6px;display:inline-flex}.avail-groups{flex-direction:column;gap:18px;display:flex}.avail-group-h{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.avail-brand{letter-spacing:-.01em;font-size:16px;font-weight:800}.avail-count{color:var(--c-on-surface-variant);font-size:12.5px;font-weight:600}.avail-rows{grid-template-columns:1fr 1fr;gap:2px 16px;display:grid}.avail-row{background:var(--c-surface-container-lowest);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.avail-row.no{opacity:.6}.avail-model{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.avail-mark{text-align:center;flex:none;width:22px;font-size:16px;font-weight:800}.avail-mark.yes{color:#009349;color:lab(53.2916% -50.0003 30.2438)}.avail-mark.no{color:var(--c-on-surface-variant)}.avail-more{background:var(--c-surface-container-high);color:var(--c-primary);font-family:var(--font);cursor:pointer;transition:background .2s var(--ease), transform .16s var(--spring);border:none;border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.avail-more:hover{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.avail-more:active{transform:scale(.96)}.avail-foot-notes{border-top:1px solid var(--c-outline-variant);flex-direction:column;gap:5px;margin-top:18px;padding-top:14px;display:flex}.avail-note{color:var(--c-on-surface-variant);font-size:11.5px;font-weight:600;line-height:1.5}@media (max-width:540px){.avail-rows{grid-template-columns:1fr}}.share-badge{background:var(--c-primary-container);color:var(--c-on-primary-container);border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.share-badge.ro{background:var(--c-surface-container-highest);color:var(--c-on-surface-variant)}.m3switch{border:2px solid var(--c-outline);background:var(--c-surface-container-highest);cursor:pointer;width:52px;height:32px;transition:background .28s var(--ease), border-color .28s var(--ease);border-radius:999px;flex:none;padding:0;position:relative}.m3switch-thumb{background:var(--c-outline);width:16px;height:16px;color:var(--c-surface-container-highest);transition:left .3s var(--spring), width .3s var(--spring), height .3s var(--spring), background .28s var(--ease);border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.m3switch.on{background:var(--c-primary);border-color:var(--c-primary)}.m3switch.on .m3switch-thumb{background:var(--c-on-primary);width:22px;height:22px;color:var(--c-primary);left:24px}.avatar-editor{align-items:center;gap:16px;display:flex}.avatar-big{border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 8px 22px -10px #0006;box-shadow:0 8px 22px -10px lab(0% 0 0/.4)}.avatar-big img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-cam{border:3px solid var(--c-surface-container-high);background:var(--c-primary);width:30px;height:30px;color:var(--c-on-primary);cursor:pointer;transition:transform .18s var(--spring);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.avatar-cam:active{transform:scale(.88)}.avatar-hues{flex-wrap:wrap;gap:7px;display:flex}.ah-dot{cursor:pointer;width:24px;height:24px;box-shadow:0 0 0 1.5px var(--c-outline-variant);transition:transform .18s var(--spring);border:2px solid #0000;border-radius:999px}.ah-dot:hover{transform:scale(1.12)}.ah-dot.sel{box-shadow:0 0 0 2.5px var(--c-on-surface);transform:scale(1.12)}.prof-fields{flex-direction:column;gap:20px;display:flex}.reset-chip{background:var(--c-secondary-container);color:var(--c-on-secondary-container);font-family:var(--font);cursor:pointer;transition:transform .16s var(--spring);border:none;border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.reset-chip:active{transform:scale(.96)}.seg-pick{flex-wrap:wrap;gap:8px;display:flex}.seg-pick-opt{border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);color:var(--c-on-surface-variant);font-family:var(--font);cursor:pointer;transition:all .2s var(--ease);border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:700}.seg-pick-opt:hover{border-color:var(--c-outline)}.seg-pick-opt.sel{background:var(--c-primary-container);color:var(--c-on-primary-container);border-color:#0000}.onboard-scrim{background:#0000008c;background:lab(0% 0 0/.55)}.onboard{padding-bottom:4px}.onboard-hero{align-items:center;gap:14px;padding:24px 24px 10px;display:flex}.onboard-note{text-align:center;color:var(--c-on-surface-variant);padding:0 0 18px;font-size:12px;font-weight:600}.modal--center.onboard{width:min(460px,92%)}.set-section{margin-bottom:26px}.set-section-h{letter-spacing:.01em;color:var(--c-on-surface-variant);align-items:center;gap:9px;margin-bottom:12px;font-size:14px;font-weight:800;display:flex}.set-section-h .msr{color:var(--c-primary)}.set-card{background:var(--c-surface-container);border-radius:var(--r-xl);box-shadow:var(--e1);padding:22px}.set-row{padding:4px 0}.set-row-main{align-items:center;gap:14px;display:flex}.set-row-ic{background:var(--c-surface-container-highest);width:42px;height:42px;color:var(--c-on-surface-variant);border-radius:13px;flex:none;place-items:center;display:grid}.set-row-title{align-items:center;gap:7px;font-size:15px;font-weight:700;display:flex}.set-row-desc{color:var(--c-on-surface-variant);margin-top:2px;font-size:12.5px;font-weight:600;line-height:1.5}.set-divider{background:var(--c-outline-variant);height:1px;margin:16px 0}.info-btn{background:var(--c-surface-container-highest);width:24px;height:24px;color:var(--c-on-surface-variant);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);border:none;border-radius:999px;flex:none;place-items:center;display:grid}.info-btn:hover,.info-btn.on{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.info-panel{background:var(--c-surface-container-lowest);border-radius:var(--r-md);color:var(--c-on-surface-variant);animation:info-in .28s var(--spring);align-items:flex-start;gap:10px;margin-top:12px;padding:13px 15px;font-size:13px;font-weight:500;line-height:1.65;display:flex}.info-panel .msr{color:var(--c-tertiary);flex:none;margin-top:1px}@keyframes info-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.lang-select{background:var(--c-surface-container-highest);color:var(--c-on-surface-variant);opacity:.75;cursor:not-allowed;border-radius:999px;flex:none;align-items:center;gap:7px;padding:9px 15px;font-size:13.5px;font-weight:700;display:inline-flex}.lang-select .msr{opacity:.7;font-size:15px}.account-info-card{flex-direction:column;gap:0;display:flex}.account-info-row{align-items:center;gap:14px;min-width:0;display:flex}.account-info-row--uuid{align-items:flex-start}.account-info-main{flex:1;min-width:0}.account-tier-pill{background:var(--c-primary-container);min-height:32px;color:var(--c-on-primary-container);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 13px;font-size:13px;font-weight:800;display:inline-flex}.account-uuid{color:var(--c-on-surface-variant);overflow-wrap:anywhere;word-break:break-word;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;display:block}.account-copy-btn{flex:none;min-height:34px;padding:7px 12px;font-size:12.5px}.account-copy-btn:disabled{opacity:.45;pointer-events:none}@media (max-width:560px){.account-info-row--uuid{flex-wrap:wrap}.account-info-row--uuid .account-copy-btn{margin-left:56px}}.about-card{padding:13px 22px}.about-row{color:var(--c-on-surface);justify-content:space-between;align-items:center;gap:12px;min-height:30px;padding:9px 0;text-decoration:none;display:flex}.about-label{align-items:center;gap:11px;font-size:14.5px;font-weight:700;display:flex}.about-label .msr{color:var(--c-on-surface-variant)}.about-val{color:var(--c-on-surface-variant);align-items:center;gap:7px;font-size:14px;font-weight:700;display:inline-flex}.about-tag{background:var(--c-tertiary-container);color:var(--c-on-tertiary-container);letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.about-link{cursor:pointer;transition:background .2s var(--ease);margin:0 -22px;padding:9px 22px}.about-card{overflow:hidden}.about-card .set-divider{opacity:.6;margin:7px 0}.about-link:hover{background:var(--c-surface-container-high)}.about-ext{color:var(--c-on-surface-variant)}.about-copy{color:var(--c-on-surface-variant);font-size:12px;font-weight:600}.about-foot{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.social-links{gap:6px;display:flex}.social-mini{width:28px;height:28px;color:var(--c-on-surface-variant);background:var(--c-surface-container-highest);transition:transform .18s var(--spring), background .2s var(--ease), color .2s var(--ease);border-radius:999px;place-items:center;text-decoration:none;display:grid}.social-mini:hover{background:var(--c-secondary-container);color:var(--c-on-secondary-container);transform:translateY(-1px)}.social-mini:active{transform:scale(.9)}.type-seg{flex-wrap:wrap;gap:8px;display:flex}.type-opt{border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);color:var(--c-on-surface-variant);font-family:var(--font);cursor:pointer;transition:all .2s var(--ease);border-radius:999px;padding:9px 15px;font-size:13px;font-weight:700}.type-opt:hover{border-color:var(--c-outline)}.type-opt.sel{background:var(--c-primary-container);color:var(--c-on-primary-container);border-color:#0000}.mic-btn{border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);color:var(--c-on-surface-variant);cursor:pointer;min-width:34px;height:34px;font-family:var(--font);transition:transform .16s var(--spring), background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 9px;font-size:13px;font-weight:800;display:inline-flex}.mic-btn:hover{border-color:var(--c-primary);color:var(--c-primary)}.mic-btn:active{transform:scale(.88)}.mic-btn.on{background:var(--c-primary-container);color:var(--c-on-primary-container);border-color:#0000}.mic-count{line-height:1}.mic-btn{position:relative;overflow:visible}.mic-ico{place-items:center;display:inline-grid}@keyframes mic-pop{0%{transform:scale(1)}28%{transform:scale(1.6)rotate(-10deg)}55%{transform:scale(.88)rotate(3deg)}to{transform:scale(1)rotate(0)}}.mic-ring{border:2.5px solid var(--c-primary);pointer-events:none;animation:mic-ring .6s var(--ease) forwards;border-radius:999px;position:absolute;inset:-2px}@keyframes mic-ring{0%{opacity:.75;transform:scale(.55)}to{opacity:0;transform:scale(2.1)}}.mic-plus{color:var(--c-primary);pointer-events:none;text-shadow:0 1px 3px var(--c-surface);animation:mic-plus .7s var(--ease) forwards;font-size:12.5px;font-weight:800;position:absolute;top:-7px;left:50%}@keyframes mic-plus{0%{opacity:0;transform:translate(-50%,5px)scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-20px)scale(1.15)}}body.no-motion .mic-ring,body.no-motion .mic-plus{display:none}.sung-ctl{background:var(--c-surface-container);color:var(--c-on-surface-variant);border-radius:999px;align-items:center;gap:9px;margin-top:12px;padding:7px 8px 7px 14px;font-size:14px;font-weight:600;display:inline-flex}.sung-ctl .msr{color:var(--c-primary)}.sung-ctl b{color:var(--c-on-surface);margin:0 1px;font-size:18px;font-weight:800}.sung-steppers{gap:3px;display:inline-flex}.sung-steppers button{background:var(--c-surface-container-highest);width:32px;height:32px;color:var(--c-on-surface);cursor:pointer;transition:transform .16s var(--spring), background .2s var(--ease);border:none;border-radius:999px;place-items:center;display:grid}.sung-steppers button:hover{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.sung-steppers button:active{transform:scale(.85)}.listen-btn{text-decoration:none;box-shadow:0 6px 16px -8px #0006;box-shadow:0 6px 16px -8px lab(0% 0 0/.4)}.listen-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.hero-art-col{flex-direction:column;flex:none;align-items:center;gap:10px;display:flex}.hero-art-wrap{position:relative}.art-play{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:54%;max-width:64px;height:54%;max-height:64px;transition:transform .22s var(--spring), background .2s var(--ease);background:#0b0a1373;background:lab(2.92974% 1.58001 -4.3797/.45);border:1.5px solid #ffffff59;border:1.5px solid lab(100% 0 0/.35);border-radius:999px;place-items:center;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 16px 34px -12px #0000008c,inset 0 1px #ffffff47;box-shadow:0 16px 34px -12px lab(0% 0 0/.55),inset 0 1px lab(100% 0 0/.28)}.art-play:hover{background:#0b0a1399;background:lab(2.92974% 1.58001 -4.3797/.6);transform:scale(1.08)}.art-play:active{transform:scale(.94)}.hero-streams{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.hero-stream-ic{color:currentColor;background:var(--c-surface-container);width:32px;height:32px;transition:transform .2s var(--spring), background .18s var(--ease);border-radius:999px;place-items:center;text-decoration:none;display:grid;box-shadow:0 7px 16px -10px #00000080;box-shadow:0 7px 16px -10px lab(0% 0 0/.5)}.hero-stream-ic:hover{background:var(--c-surface-container-high);transform:translateY(-2px)}.player-pop{padding:0 0 18px;overflow:hidden}.pp-head{align-items:flex-start;gap:12px;padding:20px 20px 0;display:flex}.modal--sheet .pp-head{padding-top:8px}.pp-title{color:var(--c-on-surface);overflow-wrap:anywhere;font-size:22px;font-weight:900;line-height:1.15}.pp-artist{color:var(--c-on-surface-variant);overflow-wrap:anywhere;margin-top:4px;font-size:13.5px;font-weight:700}.pp-seg{background:var(--c-surface-container-high);border-radius:999px;gap:6px;margin:18px 20px 0;padding:5px;display:flex}.pp-seg-btn{min-width:0;height:38px;color:var(--c-on-surface-variant);font-family:var(--font);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), transform .18s var(--spring);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:850;display:inline-flex}.pp-seg-btn.on{background:var(--c-surface);box-shadow:var(--e1)}.pp-seg-btn:active{transform:scale(.96)}.pp-stage{place-items:center;width:min(232px,76vw);height:min(232px,76vw);margin:22px auto 6px;display:grid;position:relative}.pp-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pp-play{color:#fff;cursor:pointer;width:min(162px,54vw);height:min(162px,54vw);transition:transform .22s var(--spring);background:#16151f;background:lab(7.02489% 2.65916 -6.82799);border:none;border-radius:999px;place-items:center;margin:auto;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 46px -18px #00000080,inset 0 1px #ffffff59;box-shadow:0 20px 46px -18px lab(0% 0 0/.5),inset 0 1px lab(100% 0 0/.35)}.pp-play:hover{transform:scale(1.04)}.pp-play:active{transform:scale(.96)}.pp-play:after{content:"";pointer-events:none;border:1px solid #ffffff3d;border:1px solid lab(100% 0 0/.24);border-radius:999px;position:absolute;inset:11px}.pp-art{background:radial-gradient(circle at 35% 28%,#ffffff47,#0000 28%),linear-gradient(135deg,#080813,#1e1d2d);background:radial-gradient(circle at 35% 28%,lab(100% 0 0/.28),#0000 28%),linear-gradient(135deg,lab(2.34894% 1.57033 -5.20392),lab(11.5245% 3.65494 -10.5742));background-color:oklch(20% .02 290);border-radius:999px;animation:9s linear infinite paused pp-spin;position:absolute;inset:15px;box-shadow:inset 0 0 0 1px #ffffff38,0 10px 24px -14px #00000080;box-shadow:inset 0 0 0 1px lab(100% 0 0/.22),0 10px 24px -14px lab(0% 0 0/.5)}.pp-art.spin{animation-play-state:running}.pp-art-img{background-color:#ffffff14;background-color:lab(100% 0 0/.08);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:18px;position:absolute;inset:18px;box-shadow:0 0 0 1px #fff3;box-shadow:0 0 0 1px lab(100% 0 0/.2)}.pp-play-ic{z-index:1;filter:drop-shadow(0 2px 8px #00000073);filter:drop-shadow(0 2px 8px lab(0% 0 0/.45));position:relative}@keyframes pp-spin{to{transform:rotate(360deg)}}body.no-motion .pp-art{animation:none!important}.pp-time{color:var(--c-on-surface-variant);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:10px;margin:0 20px;font-size:12px;font-weight:800;display:flex}.pp-note{text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:5px;min-width:0;display:inline-flex}.pp-vol{background:var(--c-surface-container);color:var(--c-on-surface-variant);border-radius:18px;align-items:center;gap:10px;margin:18px 20px 0;padding:10px 12px;display:flex}.pp-vol input[type=range]{height:24px;accent-color:var(--pp-c,var(--c-primary));cursor:pointer;background:0 0;flex:1}.pp-vol input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--pp-c,var(--c-primary)) 0 var(--pp-vol,0%), var(--c-surface-container-highest) var(--pp-vol,0%) 100%);border-radius:999px;height:8px}.pp-vol input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--c-surface);background:var(--pp-c,var(--c-primary));width:22px;height:22px;box-shadow:var(--e1);border-radius:999px;margin-top:-7px}.pp-vol input[type=range]::-moz-range-track{background:var(--c-surface-container-highest);border-radius:999px;height:8px}.pp-vol input[type=range]::-moz-range-progress{background:var(--pp-c,var(--c-primary));border-radius:999px;height:8px}.pp-vol input[type=range]::-moz-range-thumb{border:3px solid var(--c-surface);background:var(--pp-c,var(--c-primary));width:18px;height:18px;box-shadow:var(--e1);border-radius:999px}.pp-attr{width:fit-content;max-width:calc(100% - 40px);color:var(--c-on-surface-variant);opacity:.82;align-items:center;gap:6px;margin:14px auto 0;font-size:12.5px;font-weight:800;text-decoration:none;display:inline-flex}.pp-attr:hover{color:var(--c-primary);opacity:1;text-decoration:underline}.fs-ctl{background:var(--c-surface-container-high);border-radius:999px;flex:none;gap:4px;padding:4px;display:flex}.fs-ctl button{cursor:pointer;width:38px;height:38px;color:var(--c-on-surface-variant);transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:none;border-radius:999px;place-items:center;display:grid}.fs-ctl button:hover{background:var(--c-surface-container-highest);color:var(--c-on-surface)}.lyrics-hero{align-items:center;gap:14px;display:flex}.lyrics-body{font-family:var(--font)}.lyric-sec{margin-bottom:28px}.lyric-tag{letter-spacing:.06em;color:var(--c-on-primary-container);background:var(--c-primary-container);border-radius:999px;margin-bottom:12px;padding:3px 12px;font-size:11.5px;font-weight:800;display:inline-block}.lyric-lines{color:var(--c-on-surface);font-weight:600}.lyric-lines>div{text-wrap:pretty}.lyrics-note{background:var(--c-surface-container);border-radius:var(--r-md);color:var(--c-on-surface-variant);align-items:flex-start;gap:8px;margin-top:4px;padding:14px 16px;font-size:12.5px;font-weight:600;line-height:1.5;display:flex}.lyrics-note .msr{flex:none;margin-top:1px}.theme-swatch{gap:8px;display:flex}.theme-swatch button{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:14px;width:100%;position:relative;overflow:hidden}.theme-swatch button.on{border-color:var(--c-on-surface)}.theme-swatch .msr{width:100%;height:100%}.menu-anchor{z-index:100;position:relative}.menu-overlay{z-index:90;position:fixed;inset:0}.menu{z-index:91;background:var(--c-surface-container-high);border:1px solid var(--c-outline-variant);border-radius:var(--r-lg);min-width:226px;animation:menu-in .2s var(--spring);transform-origin:100% 0;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px -14px #00000073;box-shadow:0 18px 44px -14px lab(0% 0 0/.45)}.menu-left{transform-origin:0 0;left:0;right:auto}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}body.no-motion .menu{animation:none}.menu-item{cursor:pointer;width:100%;font-family:var(--font);color:var(--c-on-surface);border-radius:var(--r-sm);transition:background .18s var(--ease);background:0 0;border:none;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:600;display:flex}.menu-item:hover{background:var(--c-surface-container-highest)}.menu-item .msr{color:var(--c-on-surface-variant)}.menu-item.danger,.menu-item.danger .msr{color:var(--c-error)}.menu-item.danger:hover{background:var(--c-error-container)}.menu-sep{background:var(--c-outline-variant);height:1px;margin:6px 4px}.menu-head{border-bottom:1px solid var(--c-outline-variant);align-items:center;gap:12px;margin-bottom:6px;padding:10px 10px 12px;display:flex}.profile-menu-head{align-items:flex-start;min-width:270px}.profile-menu-meta{flex:1;min-width:0}.menu-ava{background:var(--c-tertiary);width:46px;height:46px;color:var(--c-on-tertiary);border-radius:999px;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid;position:relative}.menu-ava-cam{background:var(--c-primary);width:20px;height:20px;color:var(--c-on-primary);box-shadow:0 0 0 2px var(--c-surface-container-high);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.menu-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.menu-mail{color:var(--c-on-surface-variant);font-size:12px;font-weight:600}.menu-subscription{border-radius:var(--r-sm);background:var(--c-surface-container-highest);color:var(--c-on-surface-variant);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:7px 9px;font-size:12px;font-weight:700;display:flex}.menu-subscription b{color:var(--c-primary);white-space:nowrap;font-size:13px}.btn-danger{background:var(--c-error);color:var(--c-on-error)}.btn-danger:hover{box-shadow:0 6px 16px -4px var(--c-error)}.modal-scrim{z-index:80;animation:scrim-in .25s var(--ease);background:#0000006b;background:lab(0% 0 0/.42);display:flex;position:fixed;inset:0}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--c-surface-container-high);flex-direction:column;display:flex;overflow:hidden}.modal--sheet{width:100%;max-height:92%;animation:sheet-up .42s var(--spring);border-radius:30px 30px 0 0;margin-top:auto;padding-top:8px}.modal--center{border-radius:var(--r-xl);width:min(440px,90%);max-height:88%;animation:dialog-in .34s var(--spring);margin:auto;box-shadow:0 30px 70px -20px #00000080;box-shadow:0 30px 70px -20px lab(0% 0 0/.5)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}.modal-grip{background:var(--c-outline-variant);border-radius:99px;width:36px;height:4px;margin:4px auto 6px}.modal-head{justify-content:space-between;align-items:center;padding:14px 16px 6px 22px;display:flex}.modal-title{letter-spacing:-.01em;font-size:20px;font-weight:800}.modal-body{padding:8px 22px 4px;overflow-y:auto}.modal-foot{justify-content:flex-end;gap:8px;padding:14px 18px 20px;display:flex}.addlist-preview{background:var(--c-surface-container-lowest);border-radius:var(--r-lg);align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.addlist-preview .cover{color:#fff;width:64px;height:64px;transition:background .3s var(--ease);border-radius:18px 22px 19px 23px;flex:none;place-items:center;display:grid;box-shadow:0 8px 20px -8px #0006;box-shadow:0 8px 20px -8px lab(0% 0 0/.4)}.field{margin-bottom:22px;display:block}.field-label{color:var(--c-on-surface-variant);letter-spacing:.02em;margin-bottom:7px;font-size:12.5px;font-weight:700;display:block}.field-input{border-radius:var(--r-md);border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);width:100%;height:52px;font-family:var(--font);color:var(--c-on-surface);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);outline:none;padding:0 16px;font-size:16px;font-weight:600}.field-input::placeholder{color:var(--c-on-surface-variant);opacity:.6;font-weight:500}.field-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px oklch(from var(--c-primary) l c h / .18)}.picker-label{color:var(--c-on-surface-variant);letter-spacing:.02em;margin-bottom:10px;font-size:12.5px;font-weight:700}.icon-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px;display:grid}.icon-opt{aspect-ratio:1;border:1.5px solid var(--c-outline-variant);background:var(--c-surface-container-lowest);border-radius:var(--r-md);cursor:pointer;color:var(--c-on-surface-variant);transition:transform .22s var(--spring), background .25s var(--ease), color .2s var(--ease), border-color .2s var(--ease);place-items:center;display:grid}.icon-opt:hover{border-color:var(--c-outline);color:var(--c-on-surface)}.icon-opt.sel{border-color:#0000;transform:translateY(-2px)scale(1.04);box-shadow:0 8px 18px -8px #00000059;box-shadow:0 8px 18px -8px lab(0% 0 0/.35)}.color-row{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.color-opt{border:3px solid var(--c-surface-container-high);cursor:pointer;color:#fff;width:44px;height:44px;box-shadow:0 0 0 1.5px var(--c-outline-variant);transition:transform .2s var(--spring);border-radius:999px;place-items:center;display:grid}.color-opt:hover{transform:scale(1.08)}.color-opt.sel{box-shadow:0 0 0 2.5px var(--c-on-surface);transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.modal-scrim,.modal--sheet,.modal--center{animation:none}}body.no-motion .modal-scrim,body.no-motion .modal--sheet,body.no-motion .modal--center{animation:none}.modal-tabs{background:var(--c-surface-container-lowest);border-radius:999px;margin-bottom:20px;padding:0}.modal-tabs .segtab{padding:11px 8px;font-size:13.5px}.import-sources{gap:8px;margin-bottom:16px;display:flex}.src-chip{border:1.5px solid var(--c-outline-variant);color:var(--c-on-surface-variant);transition:all .2s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.url-row{align-items:stretch;gap:8px;width:100%;min-width:0;display:flex}.url-input{flex:1 1 0;align-items:center;gap:8px;width:auto;min-width:0;padding:0 14px;display:flex}.url-input .msr{flex:none}.url-input input{min-width:0;font-family:var(--font);color:var(--c-on-surface);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:600}.url-input input::placeholder{color:var(--c-on-surface-variant);opacity:.55;font-weight:500}.url-row .btn{white-space:nowrap;flex:0 0 96px;justify-content:center;min-width:0;height:52px;padding:0 12px}.import-hint{background:var(--c-surface-container-lowest);border-radius:var(--r-md);color:var(--c-on-surface-variant);align-items:flex-start;gap:8px;padding:14px 16px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.import-hint .msr{flex:none;margin-top:1px}.import-hint--error{background:var(--c-error-container);color:var(--c-on-error-container)}.sync-row{background:var(--c-surface-container-lowest);border-radius:var(--r-md);cursor:pointer;width:100%;font-family:var(--font);color:var(--c-on-surface);text-align:left;border:none;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;display:flex}.switch{background:var(--c-surface-container-highest);width:50px;height:30px;transition:background .2s var(--ease);box-shadow:inset 0 0 0 1.5px var(--c-outline);border-radius:999px;flex:none;position:relative}.switch .knob{background:var(--c-outline);width:20px;height:20px;transition:transform .2s var(--spring), background .2s var(--ease);border-radius:999px;position:absolute;top:5px;left:5px}.switch.on{background:var(--c-primary);box-shadow:none}.switch.on .knob{background:var(--c-on-primary);width:22px;left:4px;transform:translate(20px)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin;display:inline-block}body.no-motion .spin{animation-duration:.9s!important}
