@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.studio-page{min-height:650px;padding:45px 0}.translation-row{border-bottom:1px solid #382744;padding:20px 0}.translation-row>strong{color:#b79acc;font-size:12px;font-weight:500}.studio-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.studio-heading p{color:#93819e;font-size:12px;line-height:1.7}.studio-heading .page-title{font-size:36px}.studio-badge{color:#b6cb8d;background:#3b432433;border:1px solid #71834b55;border-radius:4px;margin-top:14px;padding:6px 8px;font-size:9px;display:inline-flex}.studio-layout{grid-template-columns:260px 1fr;gap:25px;display:grid}.studio-sidebar{background:#1a151f;border:1px solid #3b2e46;border-radius:8px;align-self:start;padding:12px}.studio-song{text-align:left;border:1px solid #0000;border-radius:5px;align-items:center;gap:10px;width:100%;margin-bottom:5px;padding:12px;display:flex}.studio-song.active{background:#342540;border-color:#51365f}.studio-song img{object-fit:cover;border-radius:5px;width:40px;height:40px}.studio-song strong{font-size:11px;font-weight:500;display:block}.studio-song small{color:#997bad;text-transform:uppercase;letter-spacing:1px;margin-top:5px;font-size:8px;display:block}.studio-empty{text-align:center;background:#20172588;border:1px dashed #553d65;border-radius:10px;padding:60px 25px}.studio-empty svg{color:#b693d0;margin:0 auto 17px}.studio-empty h3{margin-bottom:12px;font-family:Space Grotesk Variable;font-size:23px;font-weight:500}.studio-empty p{color:#9e85af;font-size:12px;line-height:1.8}.studio-workspace{min-width:0}.studio-panel{background:#1c1522;border:1px solid #46314f;border-radius:8px;margin-bottom:20px;padding:25px}.studio-panel h3{margin-bottom:17px;font-family:Space Grotesk Variable;font-size:19px;font-weight:500}.studio-panel>p{color:#967da8;font-size:11px;line-height:1.8}.studio-form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.studio-form-grid .form-field{margin:10px 0}.studio-form-grid select{width:100%;padding:12px}.studio-dropzone{text-align:center;color:#ac8dc3;cursor:pointer;background:#2c203733;border:1px dashed #705383;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:28px;font-size:12px;display:flex}.studio-dropzone small{color:#7f628f;font-size:10px}.studio-dropzone input{width:100%;margin-top:10px;font-size:11px}.studio-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:19px;display:flex}.studio-actions .button{min-height:38px;padding:10px 13px;font-size:10px}.studio-actions input{max-width:180px;font-size:10px}.studio-tabs{border-bottom:1px solid #44304f;gap:8px;margin-bottom:25px;display:flex;overflow:auto}.studio-tabs button{color:#9c7daf;white-space:nowrap;border-bottom:2px solid #0000;padding:13px 12px;font-size:11px}.studio-tabs button.active{color:#d3b2f0;border-color:#bd96df}.analysis-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0;display:grid}.analysis-stats>div{background:#2b1e35;border:1px solid #4b315a;border-radius:6px;padding:16px}.analysis-stats small{color:#9578a8;margin-bottom:7px;font-size:9px;display:block}.analysis-stats strong{color:#d3b5e8;font-family:Space Grotesk Variable;font-size:22px;font-weight:500}.waveform{background:#211629;border:1px solid #483052;border-radius:5px;height:100px;margin:20px 0;position:relative;overflow:hidden}.waveform svg{width:100%;height:100%}.studio-timing{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.studio-timing label{flex:1;min-width:100px;margin:0}.studio-timing input{padding:10px}.analysis-progress{background:#35213f;border-radius:3px;height:5px;margin:17px 0}.analysis-progress i{background:var(--accent);height:100%;transition:width .2s;display:block}.chart-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:15px;display:flex}.chart-toolbar select{font-size:10px}.chart-toolbar label{color:#a283b6;align-items:center;gap:7px;font-size:10px;display:flex}.chart-editor{background:#171020;border:1px solid #614074;border-radius:6px;height:410px;position:relative;overflow:auto}.chart-grid{grid-template-columns:35px repeat(4,1fr);display:grid;position:relative}.chart-beat{color:#77558a;border-bottom:1px solid #32213e;justify-content:center;align-items:center;min-height:26px;font-size:8px;display:flex}.chart-cell{min-height:26px;color:var(--accent);border-bottom:1px solid #2d1e37;border-left:1px solid #4d315c;padding:0;font-size:15px;position:relative}.chart-cell.downbeat,.chart-beat.downbeat{border-top:1px solid #765184}.chart-cell:hover{background:#65448044}.chart-cell.has-note{background:#704c9344}.chart-cell.note-mine{color:#ee698d}.chart-cell.note-hold{color:#d4edb5;background:#90ba6933}.chart-lanes{text-align:center;color:#ab89c1;background:#2d1e39;border:1px solid #4b315c;border-bottom:0;border-radius:5px 5px 0 0;grid-template-columns:35px repeat(4,1fr);padding:10px 0;display:grid}.editor-hint{margin-top:14px;color:#8b6c9d!important;font-size:10px!important}.publish-checklist{margin:20px 0;padding:0;list-style:none}.publish-checklist li{color:#a18bad;align-items:center;gap:9px;margin:11px 0;font-size:11px;line-height:1.7;display:flex}.publish-checklist svg{color:#b1cd8a}.publish-checklist li.invalid svg{color:#d7848f}.publish-link{color:#bfdda0;overflow-wrap:anywhere;background:#35412c33;border:1px solid #788e5255;border-radius:6px;margin-top:15px;padding:15px;font-size:11px;display:block}.studio-help{color:#a285b4;margin:18px 0;font-size:11px;line-height:1.7}.studio-auth{max-width:550px;margin:35px auto}.studio-auth textarea{min-height:100px}.analysis-notice{color:#c8ae86;background:#5c442b33;border:1px solid #92704455;border-radius:5px;margin:15px 0;padding:12px;font-size:11px;line-height:1.7}.version-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.version-list span{color:#b492cc;border:1px solid #523464;border-radius:4px;padding:7px;font-size:10px}.studio-stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}.studio-stat-grid>div{background:#251a2d;border:1px solid #45304f;border-radius:7px;padding:18px}.studio-stat-grid small{color:#9473a9;margin-bottom:9px;font-size:9px;display:block}.studio-stat-grid strong{color:#d0b0e7;font-family:Space Grotesk Variable;font-size:25px;font-weight:500}.studio-audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:36px;margin-top:18px}.publish-review{color:#b9a1c9;align-items:center;gap:9px;padding:14px 0;font-size:11px;line-height:1.7;display:flex}@media (width<=1000px){.studio-layout{grid-template-columns:200px 1fr;gap:16px}.studio-panel{padding:20px}.studio-stat-grid{grid-template-columns:repeat(2,1fr)}.studio-heading .page-title{font-size:30px}}@media (width<=700px){.studio-layout{grid-template-columns:1fr}.studio-sidebar{gap:5px;display:flex;overflow:auto}.studio-song{width:auto;min-width:160px}.studio-heading{flex-direction:column;align-items:flex-start}.studio-heading .page-title{font-size:29px}.studio-panel{padding:18px}.studio-form-grid{grid-template-columns:1fr}.analysis-stats{gap:7px}.analysis-stats>div{padding:12px}.analysis-stats strong{font-size:19px}.analysis-stats small{font-size:8px}.studio-tabs button{padding:12px 9px;font-size:10px}.chart-toolbar{gap:6px}.studio-page{padding-top:32px}.studio-heading>.button{width:100%}.studio-stat-grid{gap:9px}.studio-stat-grid>div{padding:14px}}.review-changes,.draft-sharing{border:1px solid #383141;border-radius:12px;width:100%;padding:16px}.review-changes textarea{resize:vertical;min-height:90px}.studio-search{color:#f5f3ff;background:#15121f;border:1px solid #383141;border-radius:8px;width:calc(100% - 16px);margin:8px;padding:12px}:root{color:#f1eef6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#111015;--panel:#19171f;--muted:#8e889b;--line:#2a2633;--accent:#b5a0f4;--lime:#daedaa;--pink:#f491d0;--blue:#8abdf9;--orange:#ffc083;background:#111015;font-family:Inter Variable,Inter,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.4}button,a,input,select,textarea{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}input,select,textarea{color:inherit;accent-color:var(--accent)}a{color:inherit;text-decoration:none}button{transition:background .18s,color .18s,transform .18s,border-color .18s}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}svg{flex-shrink:0}::selection{color:#fff;background:#b5a0f455}small{font-size:11px}.app-shell{max-width:1600px;margin:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;height:89px;padding:0 5.2%;display:flex}.brand{letter-spacing:-1.3px;white-space:nowrap;align-items:center;gap:10px;padding:0;font-family:Space Grotesk Variable,sans-serif;font-size:24px;font-weight:750;display:flex}.brand-symbol{color:#1a1327;background:var(--accent);border-radius:8px;place-items:center;width:34px;height:36px;display:grid;transform:rotate(-6deg)}.brand-symbol svg{transform:rotate(6deg)}.brand-light{color:#e3daec;font-weight:400}.brand>span:last-child{position:relative}.brand i{background:var(--lime);border-radius:50%;width:5px;height:5px;margin-bottom:1px;margin-left:3px;display:inline-block}.site-header nav{gap:32px;height:100%;margin-left:25px;display:flex}.site-header nav>button{color:var(--muted);align-items:center;gap:8px;padding:0 2px;font-size:12px;font-weight:500;display:flex;position:relative}.site-header nav>button:hover,.site-header nav>button.nav-active{color:var(--accent)}.site-header nav>button.nav-active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.studio-arrow{opacity:.5}.header-actions{align-items:center;gap:18px;display:flex}.icon-button{color:#aaa3b6;border-radius:7px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:5px;display:inline-flex}.icon-button:hover{color:#f4effd;background:#292430}.header-divider{background:var(--line);width:1px;height:23px}.avatar{color:#d2bce4;background:#332a41;border:1px solid #554563;border-radius:50%;width:34px;height:34px;font-family:Space Grotesk Variable;font-size:13px;position:relative}.avatar span{background:var(--lime);border:2px solid #111015;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:-1px}.mobile-toggle{display:none}main{min-height:calc(100vh - 171px);padding:0 5.2%}.hero{grid-template-columns:1fr 1.06fr;align-items:center;gap:0;min-height:484px;padding:44px 0 34px;display:grid;position:relative}.hero-copy{z-index:2;padding:8px 0 18px;position:relative}.eyebrow{letter-spacing:2px;color:var(--accent);align-items:center;gap:9px;font-size:10px;font-weight:600;display:inline-flex}.live-dot{background:var(--lime);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #daedaa30}.hero-eyebrow{letter-spacing:1.8px;color:#c5b9d3;border:1px solid #393044;border-radius:4px;padding:7px 10px;font-size:9px}.hero h1{letter-spacing:-6px;width:fit-content;margin:23px 0 21px;font-family:Space Grotesk Variable,sans-serif;font-size:clamp(62px,6.65vw,99px);font-weight:750;line-height:.99;position:relative}.hero h1>span{color:var(--accent)}.hero-spark{color:var(--lime);width:47px;height:47px;position:absolute;bottom:15px;right:-55px;transform:rotate(12deg)}.hero-lead{color:#d3ccdf;letter-spacing:-.25px;margin-bottom:8px;font-size:15px;font-weight:400}.hero-sub{color:#8d859b;max-width:380px;font-size:12px;line-height:1.7}.hero-buttons{align-items:center;gap:10px;margin-top:26px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:13px 20px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:#21192d}.primary:hover{background:#c6b3ff;transform:translateY(-1px)}.secondary{color:#ddd1ed;background:#221e2a;border-color:#3b3349}.secondary:hover{background:#302738;border-color:#75618a}.ghost{color:#aea5bb;background:0 0;padding-left:14px;padding-right:14px;font-weight:450}.ghost:hover{color:#f4ecff;background:#221d2b}.hero-play{min-width:165px}.hero-play svg:last-child{margin-left:13px}.hero-perks{color:#6f687d;align-items:center;gap:11px;margin-top:23px;font-size:9px;display:flex}.hero-perks span{white-space:nowrap;align-items:center;gap:5px;display:flex}.hero-perks>i{background:#4a4255;border-radius:50%;width:2px;height:2px}.hero-perks svg{color:#9485a7}.hero-visual{isolation:isolate;background:radial-gradient(at 50% 45%,#2b1c4333,#0000 66%);border-radius:12px;height:424px;margin-left:-25px;margin-right:-20px;position:relative;overflow:hidden}.hero-visual:after{pointer-events:none;content:"";background:linear-gradient(0deg, var(--bg), transparent 22%, transparent 85%, var(--bg)), linear-gradient(90deg, var(--bg), transparent 20%, transparent 84%, var(--bg));z-index:1;position:absolute;inset:0}.highway-view{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.highway-view canvas{width:100%;height:100%;display:block}.hero-glow{filter:blur(45px);background:#5e328b38;border-radius:100%;width:260px;height:230px;position:absolute;top:9%;left:29%}.visual-top{letter-spacing:1.5px;color:#756886;z-index:3;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:11px;left:41px;right:29px}.visual-top>span:first-child{align-items:center;gap:6px;display:flex}.visual-top .live-dot{background:#b297d0;width:4px;height:4px}.visual-label{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#25202ddb;border:1px solid #52416377;border-radius:8px;align-items:center;gap:11px;padding:12px 15px;display:flex;position:absolute;bottom:22px;left:20%;right:12%}.visual-label-icon{color:#c7ace7;background:#41304e;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.visual-label small{letter-spacing:1.5px;color:#a693b5;margin-bottom:4px;font-size:7px;display:block}.visual-label strong{letter-spacing:.2px;align-items:center;gap:15px;font-family:Space Grotesk Variable;font-size:14px;display:flex}.visual-bpm{color:#d1bfdf;margin-left:auto;font-family:Space Grotesk Variable;font-size:22px}.visual-bpm small{text-align:center;margin:1px 0 0;font-size:7px}.visual-coordinate{color:#776686;letter-spacing:1px;z-index:3;writing-mode:vertical-rl;font-size:6px;line-height:1.7;position:absolute;top:104px;right:18px}.floating-arrow{z-index:3;border:1px solid #e6aae74f;border-radius:9px;place-items:center;width:51px;height:52px;display:grid;position:absolute;transform:rotate(-18deg);box-shadow:inset 0 0 14px #dd80da17,0 0 23px #c784ee15}.floating-arrow svg{width:31px;height:31px}.arrow-pink{color:#d0a9e2;background:#292030b3;top:70px;left:46px}.arrow-lime{color:#dbeaae;background:#2f352999;border-color:#d6df9755;bottom:131px;right:30px;transform:rotate(15deg);box-shadow:0 0 22px #bcce8422}.quick-strip{background:#1a171f;border:1px solid #2b2533;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;min-height:63px;margin-bottom:41px;padding:14px 20px;display:flex}.quick-strip>div:first-child{align-items:center;gap:13px;display:flex}.strip-icon{width:32px;height:32px;color:var(--accent);background:#272130;border-radius:6px;place-items:center;display:grid}.quick-strip strong{letter-spacing:.05px;font-family:Space Grotesk Variable;font-size:12px;font-weight:500}.quick-strip strong span{color:#847b92;font-weight:400}.strip-control{align-items:center;gap:5px;display:flex}.strip-control>span{color:#bd9ed2;background:#2a2035;border:1px solid #493854;border-bottom:2px solid #5a426b;border-radius:4px;place-items:center;width:24px;height:25px;font-size:14px;display:grid}.strip-control>span:nth-child(2){color:var(--blue);background:#1f2636;border-color:#3e4d6a}.strip-control>span:nth-child(3){color:var(--lime);background:#282d23;border-color:#4e593c}.strip-control>span:nth-child(4){color:var(--orange);background:#32251f;border-color:#5b4737}.strip-control p{color:#766d82;margin-left:10px;font-size:10px}.quick-strip>button{color:#b0a4bf;border-left:1px solid #332b3b;align-items:center;gap:9px;padding:6px 0 6px 20px;font-size:10px;display:flex}.quick-strip>button svg:last-child{margin-left:5px}.library-section{padding-bottom:37px}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.muted{color:#8f819e;letter-spacing:1.8px;font-size:9px}.section-heading h2{letter-spacing:-.75px;margin-top:9px;font-family:Space Grotesk Variable;font-size:23px;font-weight:500}.text-button{color:#b2a5c1;justify-content:center;align-items:center;gap:9px;padding:10px 0;font-size:11px;font-weight:500;display:inline-flex}.text-button:hover{color:#d5c0ee}.library-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:23px 0 20px;display:flex}.filter-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-tabs button{color:#85798f;white-space:nowrap;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:7px 12px;font-size:10px;display:flex}.filter-tabs button.active{color:#d0bce5;background:#302638;border-color:#4c3a5b}.filter-tabs button:hover{color:#d0bce5}.track-count{letter-spacing:1.2px;color:#71657c;white-space:nowrap;font-size:8px}.song-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;display:grid}.song-card{min-width:0}.song-art{aspect-ratio:1.33;background:#282033;border:1px solid #4d3b5f66;border-radius:8px;position:relative;overflow:hidden}.art-open{text-align:left;width:100%;height:100%;padding:0;display:block;position:relative}.art-open img{object-fit:cover;filter:saturate(.8);width:100%;height:100%;transition:transform .6s}.song-card:hover .art-open img{transform:scale(1.045)}.art-open:after{content:"";background:linear-gradient(#16112312,#13101a00 65%,#16101a44);position:absolute;inset:0}.art-title{z-index:1;color:#e5d7f5;pointer-events:none;position:absolute;top:19px;left:20px}.art-title>small{letter-spacing:2.6px;opacity:.65;margin-bottom:9px;font-size:5px;font-weight:500;display:block}.art-title strong{letter-spacing:-1px;font-family:Space Grotesk Variable;font-size:22px;font-weight:500;line-height:1.07;display:block}.art-title strong>span{display:block}.art-city .art-title{color:#ffe1d1}.art-space .art-title{color:#c4ebed}.art-stage .art-title{color:#e7f1c3}.track-duration{letter-spacing:.8px;color:#cbb9d6;background:#19111e66;border:1px solid #dbbaed20;border-radius:4px;padding:4px 7px;font-size:8px;position:absolute;bottom:12px;left:13px}.favorite-button{color:#e7d5f8a6;background:#24162d33;border:1px solid #e5c3ff17;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:12px;right:12px}.favorite-button:hover,.favorite-button.is-favorite{color:#ebc9eb;background:#6f466155}.preview-button{color:#e5d4f1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e5d8f61a;border:1px solid #dac7eb40;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:12px;right:12px}.preview-button:hover,.preview-button.is-playing{background:var(--song-color);color:#211a28}.preview-button svg{width:14px;height:14px}.song-name{text-align:left;letter-spacing:-.2px;justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:0;font-family:Space Grotesk Variable;font-size:15px;font-weight:500;display:flex}.song-name svg{color:#6b5e79;opacity:0;width:15px;transition:opacity .2s}.song-card:hover .song-name svg{opacity:1}.song-artist{color:#857a91;margin-top:6px;font-size:10px}.song-meta{color:#8d7e9c;border-top:1px solid #2b2533;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;font-size:8px;display:flex}.song-meta>span{align-items:center;gap:7px;display:flex}.beat-bars{align-items:center;gap:2px;height:11px;display:flex}.beat-bars>i{background:#9481a7;border-radius:2px;width:2px;height:5px;display:block}.beat-bars>i:nth-child(2){height:11px}.beat-bars>i:nth-child(3){height:8px}.difficulty-dots{gap:3px!important}.difficulty-dots>i{background:var(--song-color);opacity:.7;border-radius:1px;width:3px;height:8px;display:block}.difficulty-dots>.dim{opacity:.15}.difficulty-dots>span{margin-left:4px;font-size:8px}.bottom-cta{background:linear-gradient(110deg,#241d2d,#1a171f 65%);border:1px solid #342b40;border-radius:8px;align-items:center;gap:18px;margin:4px 0 39px;padding:22px 25px;display:flex;position:relative;overflow:hidden}.cta-disc{color:#ad92c5;position:relative}.cta-disc svg:last-child{color:var(--lime);position:absolute;top:-5px;right:-5px}.bottom-cta h3{letter-spacing:-.3px;font-family:Space Grotesk Variable;font-size:16px;font-weight:500}.bottom-cta p{color:#8d7c9c;margin-top:6px;font-size:10px}.bottom-cta>.button{z-index:1;min-height:36px;margin-left:auto;margin-right:139px;padding:9px 15px;font-size:10px}.cta-wave{opacity:.28;align-items:center;gap:5px;display:flex;position:absolute;right:21px;transform:rotate(-12deg)}.cta-wave>i{background:#9779b4;border-radius:4px;width:4px;height:30px}.cta-wave>i:nth-child(3n){height:60px}.cta-wave>i:nth-child(3n+1){height:42px}.cta-wave>i:nth-child(5n){height:80px}.site-footer{color:#6d6179;border-top:1px solid #2a2430;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:18px 5.2%;font-size:9px;display:flex}.footer-brand{color:#9e8dae;letter-spacing:.4px;align-items:center;gap:7px;font-family:Space Grotesk Variable;font-size:11px;font-weight:600;display:flex}.footer-brand>span{color:#6b5f76;letter-spacing:0;margin-left:11px;font-family:Inter Variable;font-size:9px;font-weight:400}.site-footer>div{align-items:center;gap:21px;display:flex}.site-footer button{color:#95839f;align-items:center;gap:6px;font-size:9px;display:flex}.system-status{align-items:center;gap:6px;font-size:8px;display:flex}.system-status>i{background:#a8c989;border-radius:50%;width:4px;height:4px}.system-status>i.offline{background:#9b89b1}.version{color:#594f62;font-size:8px}.page-title{letter-spacing:-1.8px;margin:15px 0 12px;font-family:Space Grotesk Variable;font-size:43px;font-weight:500;line-height:1.2}.page-subtitle,.section-heading>div>p{color:var(--muted);font-size:12px;line-height:1.8}.board-section{min-height:650px;padding-top:56px}.app-shell:has(.page-title) main>.library-section{min-height:650px;padding-top:56px}.app-shell:has(.page-title) .library-toolbar{margin-top:34px}.search-input{color:#8b799a;background:#1b171f;border:1px solid #39303f;border-radius:6px;align-items:center;gap:10px;min-width:270px;min-height:42px;padding:0 11px;display:flex}.search-input input{color:#dfd3e9;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.search-input input::placeholder{color:#766780}.board-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:35px 0 25px;display:flex}.board-filters{gap:8px;display:flex}select{color:#cabbd5;background:#231c2b;border:1px solid #403249;border-radius:5px;max-width:100%;padding:9px 28px 9px 10px;font-size:11px}.table-scroll{overflow-x:auto}.score-table{border-collapse:collapse;width:100%;min-width:680px}.score-table th{letter-spacing:1px;text-align:left;text-transform:uppercase;color:#8f7da0;border-bottom:1px solid #44324e;padding:15px 12px;font-size:9px;font-weight:500}.score-table td{color:#c3b2d0;border-bottom:1px solid #2f2638;padding:20px 12px;font-size:12px}.score-table td:nth-child(2){white-space:nowrap}.player-avatar{color:#c9afd9;background:#382641;border-radius:50%;place-items:center;width:30px;height:30px;margin-right:10px;font-size:11px;display:inline-grid}.top-rank{color:var(--lime)!important}.rank-grade{font-family:Space Grotesk Variable;font-weight:600;color:var(--accent)!important;font-size:20px!important}.difficulty-chip{text-transform:capitalize;background:#34273f;border-radius:4px;padding:4px 8px;font-size:9px}.difficulty-chip.easy{color:var(--lime)}.difficulty-chip.normal{color:var(--blue)}.difficulty-chip.hard{color:var(--orange)}.difficulty-chip.expert{color:var(--pink)}.empty-state{text-align:center;color:#897899;padding:65px 20px}.empty-state>svg{color:#a28ab5;margin:0 auto 18px}.empty-state h1,.empty-state h2{color:#dbcee6;letter-spacing:-.5px;margin-bottom:12px;font-family:Space Grotesk Variable;font-weight:500}.empty-state p{font-size:12px;line-height:1.7}.empty-state .button{margin-top:25px}.empty-icon{width:74px;height:74px;color:var(--accent);background:#2d2337;border:1px solid #4b375b;border-radius:22px;place-items:center;margin:0 auto 25px;display:grid}.board-empty{border-top:1px solid var(--line);padding:76px 20px 100px}.modal-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:100;background:#09070fbb;justify-content:center;align-items:center;padding:25px;animation:.2s fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#1b1722;border:1px solid #4c3b5e;border-radius:14px;outline:none;width:490px;max-width:100%;max-height:calc(100dvh - 50px);position:relative;overflow:auto;box-shadow:0 20px 100px #0008}.modal-wide{width:850px}.modal-close{z-index:4;color:#d8cce5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#20162799;border-radius:50%;position:absolute;top:13px;right:13px}.modal-content{padding:34px}.modal-content h2{letter-spacing:-1.1px;max-width:95%;margin:13px 0 19px;font-family:Space Grotesk Variable;font-size:30px;font-weight:500}.modal-content>p{color:#a594b6;margin:15px 0;font-size:12px;line-height:1.85}.full-width{width:100%;margin-top:18px}.selection-art{flex-direction:column;justify-content:flex-end;height:205px;padding:34px;display:flex;position:relative;overflow:hidden}.selection-art:after{content:"";z-index:0;background:linear-gradient(90deg,#160e25dc,#170e2544),linear-gradient(#0000 35%,#1b1722);position:absolute;inset:0}.selection-art>img{object-fit:cover;object-position:center 45%;width:100%;height:100%;position:absolute;inset:0}.selection-art .eyebrow,.selection-art h2,.selection-art p{z-index:1;position:relative}.selection-art h2{letter-spacing:-1px;margin:10px 0 7px;font-family:Space Grotesk Variable;font-size:34px;font-weight:500}.selection-art p{color:#b29bc3;font-size:11px}.selection-art p span{color:#94819f}.selection-body{padding:0 30px 30px}.field-label{color:#a591b5;margin:21px 0 10px;font-size:10px;font-weight:500;display:block}.difficulty-picker{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.difficulty-picker button{text-transform:capitalize;color:#9783a7;background:#221a2a;border:1px solid #403047;border-radius:6px;flex-direction:column;gap:6px;padding:13px 6px;font-size:11px;display:flex}.difficulty-picker small{letter-spacing:1px;color:#6e5b7e;font-size:8px}.difficulty-picker .selected{border-color:var(--accent);color:#d9c8ed;background:#3b2d50}.difficulty-picker .selected.easy{border-color:var(--lime);color:var(--lime)}.difficulty-picker .selected.hard{border-color:var(--orange);color:var(--orange)}.difficulty-picker .selected.expert{border-color:var(--pink);color:var(--pink)}.difficulty-picker .selected small{color:inherit;opacity:.65}.mode-picker{border:1px solid #3f2f4a;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.mode-picker button{color:#9580a6;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 5px;font-size:10px;display:flex}.mode-picker .selected{color:#d2bce5;background:#3b2a4e}.mode-hint{color:#aa90bd;margin:13px 0;font-size:10px;line-height:1.7}.selection-summary{color:#86718f;justify-content:space-between;align-items:center;margin-top:25px;font-size:9px;display:flex}.selection-summary>span{align-items:center;gap:6px;display:flex}.practice-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.practice-options label{color:#a48cb7;flex-direction:column;gap:8px;font-size:10px;display:flex}.how-keys{justify-content:center;gap:12px;margin:29px 0;display:flex}.how-keys>span{background:#211b28;border:1px solid;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:67px;height:80px;display:flex;box-shadow:0 3px #110c16}.how-keys small{opacity:.6;font-size:10px}.lane-0{color:var(--pink)}.lane-1{color:var(--blue)}.lane-2{color:var(--lime)}.lane-3{color:var(--orange)}.how-judges{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-around;padding:15px 0;font-family:Space Grotesk Variable;font-size:14px;display:flex}.how-judges small{text-align:center;color:#8b799c;margin-top:5px;font-family:Inter Variable;font-size:9px;display:block}.perfect{color:var(--lime)}.great{color:var(--blue)}.good{color:var(--orange)}.miss{color:#fa7e9b}.settings-content{padding:32px}.settings-section{letter-spacing:1px;text-transform:uppercase;color:#a58cb9;border-bottom:1px solid #392b44;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:13px;font-size:10px;display:flex}.slider-field{margin:20px 0;display:block}.slider-field>span{color:#c1acd1;justify-content:space-between;font-size:11px;display:flex}.slider-field output{color:#b99ed1;font-size:10px}.slider-field input{cursor:pointer;width:100%;height:3px;margin:15px 0 7px;display:block}.select-field{color:#c1acd1;border-bottom:1px solid #302438;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:11px;display:flex}.select-field>span{align-items:center;gap:8px;display:flex}.toggle-field{color:#bda7ce;cursor:pointer;justify-content:space-between;align-items:center;padding:13px 0;font-size:11px;display:flex;position:relative}.toggle-field input{opacity:0;cursor:pointer;width:35px;height:25px;position:absolute;right:0}.toggle-switch{pointer-events:none;background:#3a2e44;border:1px solid #50425b;border-radius:15px;width:32px;height:18px}.toggle-switch:after{content:"";background:#887793;border-radius:50%;width:12px;height:12px;transition:all .15s;display:block;position:relative;top:2px;left:2px}.toggle-field input:checked+.toggle-switch{background:#a98adb;border-color:#a98adb}.toggle-field input:checked+.toggle-switch:after{background:#271831;left:16px}.toggle-field input:focus-visible+.toggle-switch{outline:2px solid var(--accent);outline-offset:4px}.form-field{color:#bba4ce;flex-direction:column;gap:8px;margin:18px 0;font-size:11px;display:flex}.form-field input,.form-field textarea{color:#dfcdeb;background:#231b2c;border:1px solid #4b365b;border-radius:5px;width:100%;min-width:0;padding:12px}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);outline:none}.subtle{color:#8d749e!important;font-size:10px!important}.toast{z-index:300;color:#dbc5eb;background:#2b2037;border:1px solid #5e4773;border-radius:8px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:14px 20px;font-size:12px;animation:.2s fade-in;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0008}.toast svg{color:var(--lime)}.inline-error{color:#f4b4c5;background:#492330;border:1px solid #75394a;border-radius:5px;padding:12px 16px;font-size:12px;line-height:1.6}.loader{border:2px solid #49315c;border-top-color:#cba6f5;border-radius:50%;width:30px;height:30px;margin:0 auto 22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-screen{z-index:40;-webkit-user-select:none;user-select:none;background:#100c1a;position:fixed;inset:0;overflow:hidden}.game-header{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#110d1be8;border-bottom:1px solid #4a2d6022;align-items:center;gap:16px;min-height:78px;padding:15px 30px;display:flex;position:absolute;top:0;left:0;right:0}.game-header strong{font-family:Space Grotesk Variable;font-size:16px;font-weight:500;display:block}.game-header small{color:#a78ebd;margin-top:5px;font-size:10px;display:block}.game-header small>span{color:#725b88}.game-header-right{color:#b9a0cd;align-items:center;gap:12px;margin-left:auto;font-size:10px;display:flex}.key-small{color:#baa2cd;border:1px solid #604374;border-radius:4px;padding:5px;font-size:9px}.game-progress{z-index:5;background:#3c254b;height:2px;position:absolute;top:78px;left:0;right:0}.game-progress>i{background:var(--accent);height:100%;display:block;box-shadow:0 0 10px #bba2ed}.player-stages{height:100%;padding-top:80px;display:flex}.player-stage{flex:1;min-width:0;height:100%;position:relative}.player-stage+.player-stage{border-left:1px solid #775488}.visual-settings-help{color:#b8a6cd;margin:-4px 0 20px;font-size:11px;line-height:1.6}.player-stage:after{content:"";pointer-events:none;background:radial-gradient(at 50% 55%,#0000 30%,#06041055 100%);position:absolute;inset:0}.hud{pointer-events:none;z-index:2;justify-content:space-between;display:flex;position:absolute;top:28px;left:5%;right:5%}.hud>div{background:linear-gradient(135deg,#100a20d9,#100a2040);border:1px solid #bb9aff20;border-radius:12px;padding:14px 18px}.hud small{letter-spacing:2px;text-transform:uppercase;color:#ac92c1;font-size:9px;display:block}.hud strong{letter-spacing:1px;font-variant-numeric:tabular-nums;margin-top:5px;font-family:Space Grotesk Variable;font-size:34px;font-weight:500;display:block}.hud-right{text-align:right}.hud-right strong{font-size:26px}.hud-right em{color:#a089b4;margin-left:3px;font-size:15px;font-style:normal}.health-bar{background:#43274f;border-radius:4px;width:140px;height:4px;margin-top:12px;overflow:hidden}.health-bar>i{background:var(--lime);height:100%;transition:width .15s;display:block}.touch-pads{z-index:2;justify-content:center;gap:12px;width:min(440px,80%);display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.touch-pad{touch-action:none;-webkit-user-select:none;user-select:none;background:#2e203d44;border:1px solid #86719a44;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-width:50px;height:96px;display:flex}.touch-pad small{color:#9b87ad;font-size:10px}.touch-pad:hover{background:#5f417a33}.touch-pad.pressed{background:#9a6eba33;border-color:currentColor;transform:scale(.96);box-shadow:0 0 22px #b282dc44}.countdown{z-index:2;text-align:center;color:#d5b3ff;pointer-events:none;text-shadow:0 0 35px #ad78eb55;font-family:Space Grotesk Variable;font-size:100px;position:absolute;top:38%;left:0;right:0}.countdown small{letter-spacing:4px;color:#bda2d2;font-size:10px;display:block}.judge-feedback{z-index:2;text-align:center;letter-spacing:3px;text-shadow:0 0 22px;pointer-events:none;font-family:Space Grotesk Variable;font-size:34px;font-weight:600;position:absolute;top:39%;left:0;right:0}.judge-feedback small{color:#f1e4ff;letter-spacing:2px;text-shadow:none;margin-top:12px;font-size:17px;display:block}.game-center{z-index:8;text-align:center;color:#ad93c3;background:#100c1adc;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex;position:absolute;inset:80px 0 0}.game-center p{font-size:12px}.game-center .loader{margin:0}.game-overlay{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0814c9;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow:auto}.pause-card{text-align:center;width:360px;max-width:100%}.pause-card h2{letter-spacing:-1.5px;margin:16px 0;font-family:Space Grotesk Variable;font-size:42px}.pause-card p{color:#a991ba;margin-bottom:30px;font-size:12px}.pause-card>.button{width:100%;margin-top:12px;display:flex}.pause-card>.text-button{margin-top:16px}.results-card{text-align:center;background:#1f1729;border:1px solid #624778;border-radius:16px;width:580px;max-width:100%;max-height:calc(100dvh - 48px);padding:30px 35px;overflow:auto}.results-card h2{letter-spacing:-1px;margin:12px 0;font-family:Space Grotesk Variable;font-size:30px;font-weight:500}.results-card>p{color:#b49aca;margin-bottom:18px;font-size:11px}.results-card>p>span{color:#85689c}.results-players{gap:25px;display:flex}.result-player{flex:1;min-width:0}.grade-row{text-align:left;justify-content:center;align-items:center;gap:30px;margin:20px 0;display:flex}.grade{color:var(--accent);text-shadow:0 0 50px #a082d638;font-family:Space Grotesk Variable;font-size:110px;font-weight:700;line-height:1}.grade-S{color:var(--lime)}.grade-row>div{flex-direction:column;gap:5px;display:flex}.grade-row small{color:#a48ab9;font-size:10px}.grade-row strong{letter-spacing:-1px;font-family:Space Grotesk Variable;font-size:34px}.grade-row>div>span{color:var(--lime);align-items:center;gap:6px;font-size:10px;display:flex}.judge-counts{border-top:1px solid #4a325b;border-bottom:1px solid #4a325b;grid-template-columns:repeat(4,1fr);gap:8px;padding:20px 0;display:grid}.judge-counts small{letter-spacing:1px;font-size:8px}.judge-counts strong{margin-top:7px;font-family:Space Grotesk Variable;font-size:21px;font-weight:500;display:block}.result-combo{color:#b49bc9;justify-content:space-between;align-items:center;margin:20px 0;font-size:11px;display:flex}.result-combo strong{color:#e1c6f6;font-family:Space Grotesk Variable;font-size:20px}.result-combo small{letter-spacing:1px;color:#9479ab;font-size:8px}.timing-chart{background:linear-gradient(90deg,#26334b22 33%,#7fa08313 33% 66%,#513d3222 66%);border-bottom:1px solid #685078;height:42px;position:relative;overflow:hidden}.timing-chart>i{opacity:.7;background:#b798d1;width:2px;position:absolute;bottom:0}.timing-zero{opacity:.7;background:#cdf09e;width:1px;position:absolute;top:0;bottom:0;left:50%}.timing-labels{color:#9276a7;justify-content:space-between;margin-top:7px;font-size:8px;display:flex}.results-card .save-status{overflow-wrap:anywhere;margin:22px 0 12px;font-size:9px;line-height:1.6}.result-actions{gap:10px;margin-top:18px;display:flex}.result-actions>.button{flex:1}.results-card>.text-button{margin-top:14px}.game-duo .results-card{width:880px}.webgl-error{color:#c3a3d4;text-align:center;background:#201528;border-radius:12px;place-items:center;padding:25px;font-size:13px;line-height:1.8;display:grid;position:absolute;inset:25% 10%}@media (width>=1450px){.hero{min-height:570px}.hero-visual{height:490px}.hero-copy{padding-bottom:30px}.hero h1{font-size:105px}.hero-lead{font-size:17px}.hero-sub{font-size:13px}.art-title strong{font-size:29px}.song-art{aspect-ratio:1.3}.song-name{font-size:17px}.quick-strip{min-height:72px}.hero-perks{font-size:10px}.hero-buttons{margin-top:30px}.hero .button{padding:16px 23px}.section-heading h2{font-size:26px}.hero-eyebrow{font-size:10px}.site-header nav{gap:40px}.site-header nav>button{font-size:13px}}@media (width<=1100px){.site-header{gap:16px;padding:0 4%}.site-header nav{gap:22px;margin-left:0}.header-actions{gap:10px}main{padding:0 4%}.hero h1{letter-spacing:-5px;font-size:76px}.hero-spark{width:38px;height:38px;right:-44px}.hero-visual{height:400px;margin-left:-50px;margin-right:-15px}.hero-sub{max-width:320px}.hero-perks{gap:7px;font-size:8px}.hero-perks>i:last-of-type,.hero-perks>span:last-child{display:none}.hero{min-height:468px}.visual-label{left:24%;right:8%}.strip-control p{display:none}.art-title strong{font-size:22px}.song-grid{gap:16px}.art-title{top:16px;left:16px}.song-art{aspect-ratio:1.18}.section-heading h2{font-size:21px}.song-name{font-size:14px}.site-footer{padding:18px 4%}.site-footer>div{gap:14px}.page-title{font-size:36px}.search-input{min-width:220px}.game-header{padding:15px 20px}}@media (width<=800px){.site-header{height:74px}.brand{font-size:22px}.brand-symbol{width:30px;height:32px}.site-header nav{gap:17px}.site-header nav>button{gap:5px;font-size:10px}.site-header nav>button>svg,.header-search,.header-divider{display:none}.header-actions{gap:8px}.hero{grid-template-columns:1.1fr 1fr;min-height:418px;padding-top:32px}.hero h1{letter-spacing:-4px;font-size:66px}.hero-eyebrow{letter-spacing:1px;font-size:7px}.hero-lead{font-size:13px}.hero-sub{max-width:290px;font-size:10px}.hero-buttons{gap:4px;margin-top:20px}.hero .button{min-height:40px;padding:11px 13px;font-size:10px}.hero-play{min-width:130px}.hero-play svg:last-child{margin-left:3px}.hero .ghost{padding:10px}.hero .ghost svg{width:15px}.hero-visual{height:358px;margin-left:-45px}.floating-arrow{width:39px;height:40px}.floating-arrow svg{width:25px}.arrow-pink{top:62px;left:25px}.arrow-lime{bottom:110px;right:18px}.visual-label{gap:8px;padding:9px 10px;bottom:10px;left:19%;right:7%}.visual-label strong{gap:7px;font-size:11px}.visual-label small{letter-spacing:.8px;font-size:6px}.visual-label-icon{width:28px;height:28px}.visual-label-icon svg{width:16px}.visual-bpm{font-size:18px}.visual-top{letter-spacing:.8px;font-size:6px;left:35px;right:25px}.visual-coordinate{display:none}.quick-strip{margin-bottom:34px;padding:12px 14px}.quick-strip strong{font-size:10px}.quick-strip>button{padding-left:12px;font-size:9px}.strip-icon{width:28px;height:28px}.strip-control{gap:3px}.strip-control>span{width:21px;height:23px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.song-art{aspect-ratio:1.5}.art-title strong{font-size:27px}.art-title{top:23px;left:23px}.song-name{font-size:16px}.song-artist{font-size:11px}.song-meta{margin-top:14px;font-size:9px}.bottom-cta>.button{margin-right:0}.cta-wave,.footer-brand>span{display:none}.section-heading .text-button{font-size:10px}.page-title{font-size:31px}.app-shell:has(.page-title) .section-heading{flex-direction:column;align-items:flex-start}.search-input{width:100%;max-width:400px}.board-toolbar{flex-direction:column;align-items:flex-start}.board-filters{width:100%}.board-filters select{flex:1}.game-duo .hud{top:20px;left:6%;right:6%}.game-duo .hud strong{font-size:23px}.game-duo .hud-right strong{font-size:19px}.game-duo .health-bar{width:80px}.game-duo .touch-pads{gap:5px;width:92%}.game-duo .touch-pad{min-width:30px}.game-duo .judge-feedback{font-size:25px}.game-duo .results-players{gap:18px}.game-duo .grade-row{gap:14px}.game-duo .grade{font-size:70px}.game-duo .grade-row strong{font-size:25px}.game-duo .judge-counts{gap:5px}.game-duo .judge-counts small{font-size:6px}}@media (width<=560px){:root{font-size:13px}.site-header{gap:10px;height:68px;padding:0 6%}.brand{gap:8px;font-size:22px}.site-header nav{display:none}.site-header nav.nav-open{z-index:20;background:#1c1724;border-bottom:1px solid #493653;justify-content:space-between;gap:8px;height:auto;padding:10px 5%;display:flex;position:absolute;top:68px;left:0;right:0}.site-header nav>button{padding:12px 5px;font-size:10px}.site-header nav>button.nav-active:after{bottom:0}.mobile-toggle{display:flex}.header-actions{gap:7px}.header-actions>.icon-button{width:27px;min-width:27px}.avatar{width:30px;height:30px}.hero{flex-direction:column;align-items:flex-start;gap:0;padding-top:32px;padding-bottom:0;display:flex}.hero-copy{width:100%;max-width:100%;padding:0}.hero h1{letter-spacing:-4px;margin:23px 0 19px;font-size:clamp(65px,17vw,86px)}.hero-spark{width:38px;height:38px;bottom:17px;right:-51px}.hero-eyebrow{letter-spacing:1.2px;font-size:7px}.hero-lead{font-size:13px}.hero-sub{max-width:310px;margin-top:4px;font-size:11px}.hero-buttons{gap:10px;margin-top:22px}.hero .button{min-height:43px;padding:12px 17px;font-size:11px}.hero-play{min-width:158px}.hero-play svg:last-child{margin-left:10px}.hero-perks{gap:10px;margin-top:18px;font-size:8px}.hero-perks>span:last-child,.hero-perks>i:last-of-type{display:flex}.hero-visual{align-self:center;width:calc(100% + 26px);max-width:500px;height:306px;margin:13px -13px 0}.hero-visual:after{background:linear-gradient(0deg, var(--bg), transparent 30%, transparent 85%, var(--bg)), linear-gradient(90deg, var(--bg), transparent 14%, transparent 88%, var(--bg))}.visual-label{bottom:9px;left:21%;right:13%}.visual-top{font-size:6px;top:11px;left:27px;right:28px}.arrow-pink{width:39px;height:39px;top:56px;left:35px}.arrow-lime{width:39px;height:39px;bottom:89px;right:26px}.quick-strip{min-height:60px;margin-top:14px;margin-bottom:34px;padding:13px 12px}.quick-strip>div:first-child{gap:8px}.quick-strip strong{font-size:10px;line-height:1.6}.quick-strip strong span{font-size:9px;display:block}.quick-strip>button{gap:6px;padding-left:8px;font-size:9px}.quick-strip>button svg:first-child,.strip-control{display:none}main{padding:0 6%}.section-heading{align-items:flex-end;gap:15px}.section-heading h2{max-width:230px;font-size:20px;line-height:1.3}.section-heading .eyebrow{font-size:8px}.section-heading .text-button{text-align:right;flex-shrink:0;gap:5px;max-width:90px;font-size:9px;line-height:1.6}.section-heading .text-button svg{width:14px}.library-toolbar{align-items:flex-start;margin:21px 0 18px}.filter-tabs{gap:4px}.filter-tabs button{padding:7px 9px;font-size:9px}.track-count{display:none}.song-grid{gap:24px 13px}.song-art{aspect-ratio:.95}.art-title{top:16px;left:13px}.art-title strong{letter-spacing:-.7px;font-size:22px}.art-title>small{letter-spacing:1.5px;font-size:4px}.favorite-button{width:24px;height:24px;top:9px;right:9px}.favorite-button svg{width:13px}.preview-button{width:29px;height:29px;bottom:10px;right:10px}.preview-button svg{width:12px}.track-duration{padding:3px 5px;font-size:7px;bottom:11px;left:10px}.song-name{margin-top:13px;font-size:13px;line-height:1.4}.song-name svg{opacity:1;width:12px}.song-artist{margin-top:4px;font-size:9px;line-height:1.4}.song-meta{margin-top:12px;padding-top:10px;font-size:7px}.song-meta>span{gap:4px}.difficulty-dots>span{margin-left:2px;font-size:7px}.difficulty-dots{gap:2px!important}.difficulty-dots>i{width:2px;height:7px}.beat-bars{gap:1px}.beat-bars>i{width:1px}.bottom-cta{gap:12px;margin-top:3px;margin-bottom:28px;padding:19px 15px}.cta-disc svg:first-child{width:31px;height:31px}.cta-disc svg:last-child{width:13px}.bottom-cta h3{font-size:13px}.bottom-cta p{max-width:175px;font-size:9px;line-height:1.6}.bottom-cta>.button{gap:5px;min-height:32px;padding:7px 9px;font-size:9px}.bottom-cta>.button svg{width:12px}.site-footer{gap:12px;min-height:76px;padding:19px 6%}.site-footer>div{gap:12px}.system-status{display:none}.footer-brand{font-size:10px}.site-footer button{font-size:9px}.version{display:none}.page-title{font-size:34px}.board-section{min-height:650px;padding-top:37px}.app-shell:has(.page-title) main>.library-section{min-height:650px;padding-top:37px}.app-shell:has(.page-title) .section-heading{align-items:stretch}.app-shell:has(.page-title) .library-toolbar{margin-top:23px}.page-subtitle,.section-heading>div>p{font-size:11px}.modal-backdrop{padding:12px}.modal{border-radius:12px;max-height:calc(100dvh - 24px)}.modal-content{padding:28px 23px}.modal-content h2{font-size:28px}.selection-body{padding:0 23px 25px}.selection-art{height:190px;padding:28px}.selection-art h2{font-size:31px}.selection-summary{font-size:8px}.mode-picker button{gap:5px;font-size:9px}.difficulty-picker{gap:5px}.difficulty-picker button{font-size:10px}.how-keys{gap:9px}.how-keys>span{width:58px;height:72px}.how-judges{font-size:13px}.game-header{gap:10px;min-height:72px;padding:13px 15px}.game-header strong{font-size:14px}.game-header small{font-size:9px}.game-header-right{gap:6px}.game-header-right>svg,.game-header-right>span{display:none}.game-progress{top:72px}.player-stages{padding-top:74px}.hud{top:22px;left:6%;right:6%}.hud strong{font-size:29px}.hud>div{padding:10px 12px}.hud-right strong{font-size:23px}.hud small{font-size:8px}.health-bar{width:105px}.touch-pads{width:88%;bottom:calc(12px + env(safe-area-inset-bottom));gap:9px}.touch-pad{background:#3b275355;border-color:#9764b644;gap:9px;height:96px}.touch-pad svg{width:24px}.judge-feedback{font-size:29px;top:38%}.countdown{top:35%}.game-overlay{padding:12px}.results-card{max-height:calc(100dvh - 24px);padding:26px 22px}.results-card h2{font-size:26px}.grade-row{gap:23px}.grade{font-size:94px}.grade-row strong{font-size:31px}.game-duo .player-stages{flex-direction:column}.game-duo .player-stage{height:50%;min-height:0}.game-duo .player-stage:first-child{transform:rotate(180deg)}.game-duo .player-stage+.player-stage{border-top:1px solid #715088;border-left:0}.game-duo .hud{top:10px}.game-duo .hud small{font-size:6px}.game-duo .hud strong{font-size:18px}.game-duo .hud-right strong{font-size:17px}.game-duo .health-bar{width:70px;height:3px;margin-top:5px}.game-duo .touch-pads{gap:8px;width:85%;bottom:0}.game-duo .touch-pad{background:#402a5133;border-radius:5px;gap:5px;min-width:0;height:96px}.game-duo .touch-pad svg{width:22px}.game-duo .touch-pad small{font-size:7px}.game-duo .judge-feedback{font-size:20px;top:30%}.game-duo .judge-feedback small{margin-top:5px;font-size:12px}.game-duo .countdown{font-size:54px;top:22%}.game-duo .results-players{flex-direction:column;gap:25px}.game-duo .grade-row{margin:10px 0}.game-duo .judge-counts{padding:12px 0}.game-duo .result-combo{margin:12px 0}.game-duo .timing-chart,.game-duo .timing-labels{display:none}.game-duo .judge-counts small{font-size:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.hero-copy{container-type:inline-size}.hero-perks{flex-wrap:wrap}html:not([lang=en]):not([lang=vi]) .hero h1{font-size:clamp(34px, calc(140cqw / var(--hero-length)), 92px);letter-spacing:-.045em}html[lang=ja] .hero h1,html[lang=ko] .hero h1,html[lang^=zh] .hero h1,html[lang=th] .hero h1{font-size:clamp(32px, calc(82cqw / var(--hero-length)), 78px);letter-spacing:-.05em}@media (width<=560px){.hero-spark{right:0}}.input-settings{border-block:1px solid var(--border);margin:24px 0;padding:20px 0}.input-settings h3{margin:18px 0 8px}.input-settings p{line-height:1.6}.calibration-result{justify-content:space-between;align-items:center;gap:12px;display:flex}.practice-options{flex-wrap:wrap}.practice-options input{color:#f5f3ff;background:#15121f;border:1px solid #383141;border-radius:8px;width:120px;max-width:100%;padding:10px}.draft-preview{max-width:720px;margin:10vh auto;padding:32px}