@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2) format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2) format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2) format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-cyrillic-ext-500-normal-BooqzoBf.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-500-normal-ryWF3qTI.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-cyrillic-500-normal-C7KGZCzc.woff2) format("woff2"),url(/assets/nunito-cyrillic-500-normal-CsSUaxYY.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-vietnamese-500-normal-BpqpEYcO.woff2) format("woff2"),url(/assets/nunito-vietnamese-500-normal-9ShSsgIA.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-ext-500-normal-DpF2BH_v.woff2) format("woff2"),url(/assets/nunito-latin-ext-500-normal-CVNQN0KE.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-500-normal-EugFkASW.woff2) format("woff2"),url(/assets/nunito-latin-500-normal-B5klmw3Q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2) format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2) format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2) format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-ext-900-normal-BLeVovcl.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-900-normal-DKFql_-q.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-900-normal-CWPcV0_V.woff2) format("woff2"),url(/assets/nunito-cyrillic-900-normal-Dr1fjxoU.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-vietnamese-900-normal-D6LWQAy_.woff2) format("woff2"),url(/assets/nunito-vietnamese-900-normal-WV2-fBew.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-ext-900-normal-Dllsvgjo.woff2) format("woff2"),url(/assets/nunito-latin-ext-900-normal-CTBZd6bf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--stavia-background: #121214;--stavia-surface: #1d1d21;--stavia-raised: #2a2a30;--stavia-text: #f4f2fa;--stavia-muted: rgba(244, 242, 250, .6);--stavia-notation: #e0deed;--stavia-accent: #a36ffa;--stavia-accent-soft: rgba(163, 111, 250, .22);--stavia-success: #2ecc71;--stavia-miss: #f15a61;--stavia-shadow: rgba(0, 0, 0, .45);--stavia-rounded: ui-rounded, "SF Pro Rounded", "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}body{background:var(--stavia-background);color:var(--stavia-text)}button,input,textarea,select{font:inherit}.stavia-screen,.stavia-screen *,.stavia-dialog-backdrop,.stavia-dialog-backdrop *{box-sizing:border-box}.stavia-screen{position:relative;isolation:isolate;width:100%;min-width:320px;min-height:100dvh;overflow:hidden;background:var(--stavia-background);color:var(--stavia-text);font-family:var(--stavia-rounded);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.stavia-screen button{border:0;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}.stavia-screen button:not(:disabled){cursor:pointer}.stavia-screen button:disabled{cursor:default;opacity:.45}.stavia-screen button:focus-visible,.stavia-dialog button:focus-visible{outline:3px solid color-mix(in srgb,var(--stavia-accent) 72%,white);outline-offset:3px}.stavia-icon-button{display:inline-grid;width:42px;height:42px;flex:0 0 42px;place-items:center;padding:0;border-radius:999px;background:var(--stavia-raised);box-shadow:0 3px 12px var(--stavia-shadow);transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s ease}.stavia-icon-button:active{transform:scale(.93)}.stavia-account-button,.stavia-toolbar-account{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center}.stavia-account-button{border-radius:999px;background:var(--stavia-raised);box-shadow:0 3px 12px var(--stavia-shadow);line-height:0}.stavia-floating-account{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:7}.stavia-brand-heading{position:relative;z-index:1;display:grid;justify-items:center;gap:10px;text-align:center}.stavia-brand-lockup{display:flex;align-items:center;justify-content:center;gap:12px}.stavia-brand-lockup>svg{color:var(--stavia-accent);transform:rotate(-8deg)}.stavia-brand-lockup h1{margin:0;color:var(--stavia-text);font-size:38px;font-weight:800;letter-spacing:-.025em;line-height:1}.stavia-brand-heading p{max-width:min(720px,calc(100vw - 48px));margin:0;color:var(--stavia-muted);font-size:17px;font-weight:500;line-height:1.45}.stavia-decorative-staff{position:absolute;top:calc(50% - 33.5dvh);left:50%;z-index:0;width:min(90vw,780px);height:170px;opacity:.5;pointer-events:none;transform:translate(-50%,-50%)}.stavia-auth{display:grid;min-height:100dvh;place-items:center;overflow-y:auto;padding:max(32px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.stavia-auth .stavia-decorative-staff,.stavia-auth-status .stavia-decorative-staff{top:18%;width:min(92vw,920px);opacity:.42}.stavia-auth-layout{position:relative;z-index:1;display:grid;width:min(100%,980px);grid-template-columns:minmax(0,1fr) minmax(350px,430px);align-items:center;gap:clamp(42px,8vw,96px);animation:stavia-content-in .55s cubic-bezier(.16,1,.3,1) both}.stavia-auth-copy{display:grid;align-content:center;gap:38px}.stavia-auth-copy .stavia-brand-heading{justify-items:start;text-align:left}.stavia-auth-copy .stavia-brand-heading p{max-width:430px}.stavia-auth-message{display:grid;max-width:430px;gap:10px}.stavia-auth-message>span{color:var(--stavia-accent);font-size:11px;font-weight:900;letter-spacing:.16em;line-height:1}.stavia-auth-message h2,.stavia-auth-status-copy h2{margin:0;color:var(--stavia-text);font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.035em;line-height:1.08}.stavia-auth-message p,.stavia-auth-status-copy p{margin:0;color:var(--stavia-muted);font-size:15px;font-weight:500;line-height:1.5}.stavia-auth-panel{width:100%;padding:22px;border:1px solid rgba(244,242,250,.08);border-radius:28px;background:var(--stavia-surface);box-shadow:0 18px 64px #0000006b}.stavia-auth-status{display:grid;min-height:100dvh;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.stavia-auth-status-card{position:relative;z-index:1;display:grid;width:min(100%,430px);justify-items:center;gap:24px;padding:34px;border:1px solid rgba(244,242,250,.08);border-radius:28px;background:var(--stavia-surface);box-shadow:0 18px 64px #0000006b;text-align:center;animation:stavia-content-in .45s cubic-bezier(.16,1,.3,1) both}.stavia-auth-status-copy{display:grid;gap:9px}.stavia-auth-status-copy h2{font-size:25px}.stavia-auth-spinner{width:30px;height:30px;border:3px solid rgba(163,111,250,.2);border-top-color:var(--stavia-accent);border-radius:50%;animation:stavia-auth-spin .8s linear infinite}.stavia-auth-action{min-height:44px;padding:11px 20px;border:0;border-radius:999px;background:var(--stavia-accent);color:#fff;font-weight:800;transition:transform .18s ease,filter .18s ease}.stavia-auth-action:active{transform:scale(.96)}.stavia-auth-notice{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;z-index:120;max-width:calc(100vw - 36px);padding:9px 15px;border:1px solid rgba(245,178,89,.24);border-radius:999px;background:color-mix(in srgb,#f5b259 15%,var(--stavia-raised));box-shadow:0 4px 18px var(--stavia-shadow);color:var(--stavia-text);font-family:var(--stavia-rounded);font-size:12px;font-weight:700;line-height:1.2;text-align:center;transform:translate(-50%)}.stavia-home{display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.stavia-home-content{position:relative;z-index:1;display:grid;width:min(100%,660px);gap:30px;animation:stavia-content-in .55s cubic-bezier(.16,1,.3,1) both}.stavia-mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stavia-mode-card{position:relative;display:flex;height:168px;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden;padding:22px;border:1px solid color-mix(in srgb,var(--card-tint) 35%,transparent)!important;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-tint) 38%,transparent),color-mix(in srgb,var(--card-tint) 10%,transparent)),var(--stavia-raised);box-shadow:0 4px 16px var(--stavia-shadow);text-align:left;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .18s ease,box-shadow .18s ease}.stavia-mode-card-icon{color:var(--card-tint)}.stavia-mode-card-copy{display:grid;gap:10px}.stavia-mode-card-copy strong{color:var(--stavia-text);font-size:26px;font-weight:800;letter-spacing:-.025em;line-height:1.05}.stavia-mode-card-copy>span{display:-webkit-box;overflow:hidden;color:var(--stavia-muted);font-size:14px;font-weight:500;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.stavia-mode-card:active,.stavia-key-chip:active,.stavia-mode-toggle button:active{transform:scale(.93)}.stavia-key-screen{display:grid;place-items:center;padding:max(72px,calc(18px + env(safe-area-inset-top))) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.stavia-floating-back{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));z-index:4}.stavia-key-content{position:relative;z-index:1;display:grid;width:min(100%,760px);justify-items:center;gap:28px;animation:stavia-content-in .55s cubic-bezier(.16,1,.3,1) both}.stavia-mode-toggle{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:var(--stavia-raised);box-shadow:0 3px 16px var(--stavia-shadow)}.stavia-mode-toggle button{min-width:104px;padding:10px 26px;border-radius:999px;background:transparent;color:var(--stavia-muted);font-size:16px;font-weight:700;transition:color .22s ease,background-color .22s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.stavia-mode-toggle button.is-selected{background:var(--stavia-accent);color:#fff;box-shadow:0 3px 14px #a36ffa40}.stavia-key-grid{display:grid;width:min(100%,720px);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:14px;animation:stavia-grid-swap .3s cubic-bezier(.16,1,.3,1) both}.stavia-key-chip{display:grid;height:72px;place-content:center;gap:2px;overflow:hidden;padding:8px 12px;border:1px solid color-mix(in srgb,var(--chip-tint) 35%,transparent)!important;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--chip-tint) 38%,transparent),color-mix(in srgb,var(--chip-tint) 10%,transparent)),var(--stavia-raised);box-shadow:0 4px 16px var(--stavia-shadow);text-align:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease}.stavia-key-chip strong{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1}.stavia-key-chip span{color:var(--stavia-muted);font-size:12px;font-weight:600;line-height:1.1}.stavia-practice{display:grid;height:100dvh;min-height:420px;grid-template-rows:auto minmax(0,1fr);gap:14px}.stavia-practice-toolbar{position:relative;z-index:6;display:grid;width:min(100%,1648px);align-items:center;justify-self:center;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left))}.stavia-free-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px}.stavia-toolbar-primary,.stavia-toolbar-stats,.stavia-toolbar-actions,.stavia-learn-actions{display:flex;min-width:0;align-items:center;gap:14px}.stavia-toolbar-stats{justify-content:center}.stavia-toolbar-actions,.stavia-learn-actions{justify-content:flex-end}.stavia-key-pill{max-width:min(240px,36vw);overflow:hidden;padding:9px 16px;border-radius:999px;background:var(--stavia-accent-soft);color:var(--stavia-text);font-size:16px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.stavia-stat-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--badge-tint) 15%,transparent);white-space:nowrap}.stavia-stat-badge svg{color:var(--badge-tint)}.stavia-stat-badge span{min-width:1ch;color:var(--stavia-text);font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;text-align:center}.stavia-mic-badge{position:relative;display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:999px;background:var(--stavia-raised);color:var(--stavia-muted);font-size:12px;font-weight:700;line-height:1;white-space:nowrap;transition:transform .18s ease,color .18s ease,background-color .18s ease}button.stavia-mic-badge:active{transform:scale(.95)}.stavia-mic-badge.is-listening{color:var(--stavia-text)}.stavia-listening-dot{width:5px;height:5px;margin-left:1px;border-radius:50%;background:var(--stavia-accent);box-shadow:0 0 7px #a36ffaa6;animation:stavia-listening-pulse 1.6s ease-in-out infinite}.stavia-learn-toolbar{grid-template-columns:minmax(90px,1fr) minmax(220px,360px) minmax(90px,1fr);gap:16px}.stavia-learn-back{justify-self:start}.stavia-learn-progress{width:100%}.stavia-practice-area{position:relative;z-index:1;display:flex;width:min(100%,1648px);min-height:0;justify-self:center;padding:0 max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.stavia-sheet-card{position:relative;width:100%;min-height:260px;overflow:hidden;border:1px solid rgba(244,242,250,.07);border-radius:28px;background:var(--stavia-surface);box-shadow:0 10px 44px var(--stavia-shadow)}.stavia-music-sheet{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden}.stavia-sheet-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.stavia-sheet-brand{position:absolute;top:20px;left:26px;display:flex;align-items:center;gap:6px;color:#f4f2fa7a;font-size:12px;font-weight:600;line-height:1;pointer-events:none}.stavia-sheet-brand svg{color:#a36ffacc}.stavia-announcement{position:absolute;top:16px;left:50%;z-index:8;display:flex;max-width:calc(100% - 52px);align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:var(--stavia-accent);box-shadow:0 6px 28px var(--stavia-shadow);color:#fff;font-size:16px;font-weight:700;line-height:1.15;transform:translate(-50%);animation:stavia-announcement-in .45s cubic-bezier(.16,1,.3,1) both}.stavia-announcement span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stavia-keyboard-hint{position:absolute!important;right:5%;bottom:-29px;z-index:5;width:min(44%,330px);height:clamp(44px,11%,58px);opacity:.68;pointer-events:none;animation:stavia-hint-in .35s ease-out both}.stavia-progress-rail{display:flex;height:34px;align-items:center;justify-content:center;container-type:inline-size}.stavia-progress-segment{display:flex;align-items:center}.stavia-progress-node{display:block;width:clamp(9px,3.62cqw,13px);height:clamp(9px,3.62cqw,13px);flex:0 0 auto;border:1px solid rgba(244,242,250,.08);border-radius:50%;background:#f4f2fa2e}.stavia-progress-node.is-complete{border-color:transparent;background:var(--stavia-accent)}.stavia-progress-connector{display:block;width:clamp(6px,2.78cqw,10px);height:2px;flex:0 0 auto;background:#f4f2fa24}.stavia-progress-connector.is-complete{background:#a36ffabf}.stavia-progress-active{position:relative;display:grid;width:clamp(28px,9.45cqw,34px);height:clamp(28px,9.45cqw,34px);flex:0 0 auto;place-items:center;border:1px solid rgba(163,111,250,.28);border-radius:50%;background:var(--stavia-accent-soft)}.stavia-progress-title{position:absolute;top:-15px;left:50%;width:56px;overflow:hidden;color:#f4f2fa8a;font-size:8px;font-weight:600;line-height:1;text-align:center;text-overflow:ellipsis;transform:translate(-50%);white-space:nowrap}.stavia-progress-ring{position:absolute;border-radius:50%;background:conic-gradient(from -90deg,var(--ring-color) var(--ring-progress),rgba(244,242,250,.11) 0);-webkit-mask:radial-gradient(circle,transparent calc(50% - var(--ring-width)),#000 calc(50% - var(--ring-width) + .5px));mask:radial-gradient(circle,transparent calc(50% - var(--ring-width)),#000 calc(50% - var(--ring-width) + .5px))}.stavia-progress-ring-outer{width:min(31px,calc(100% - 3px));height:min(31px,calc(100% - 3px));--ring-color: var(--stavia-accent);--ring-width: 3px}.stavia-progress-ring-inner{width:min(22px,calc(100% - 11px));height:min(22px,calc(100% - 11px));--ring-color: rgba(244, 242, 250, .78);--ring-width: 2.2px}.stavia-cue-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:4.5px solid rgba(244,242,250,.16);border-radius:50%;animation:stavia-cue-pulse .72s ease-in-out infinite alternate}.stavia-cue-orbit{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;animation:stavia-cue-orbit 1.35s linear infinite}.stavia-cue-orbit i{position:absolute;top:-1px;left:50%;width:2.5px;height:2.5px;border-radius:50%;background:#f4f2fac7;box-shadow:0 0 5px #f4f2fab3}.stavia-cue-orbit i+i{top:auto;bottom:4px;left:1px;width:1.6px;height:1.6px;opacity:.58}.stavia-intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.stavia-intro-copy{position:absolute;top:18px;right:5%;display:grid;width:min(42%,340px);gap:6px;animation:stavia-intro-page .55s cubic-bezier(.16,1,.3,1) both}.stavia-intro-copy h2{margin:0;color:var(--intro-tint);font-size:27px;font-weight:800;letter-spacing:-.025em;line-height:1.08}.stavia-intro-copy p{margin:0;color:var(--stavia-muted);font-size:15px;font-weight:500;line-height:1.42}.stavia-intro-piano{position:absolute!important;right:5%;bottom:14px;width:min(44%,330px);height:80px;opacity:0;transform:translateY(46px);animation:stavia-intro-settle .6s cubic-bezier(.16,1,.3,1) .35s forwards}.stavia-intro-prompt{position:absolute;bottom:20px;left:30px;display:flex;align-items:center;gap:10px;color:var(--stavia-muted);font-size:13.5px;font-weight:600;line-height:1.2;opacity:0;animation:stavia-fade-in .45s ease .35s forwards}.stavia-intro-steps{display:flex;gap:6px}.stavia-intro-steps i{display:block;width:6.5px;height:6.5px;border-radius:50%;background:#f4f2fa2e}.stavia-intro-steps i.is-complete{background:var(--stavia-accent)}.stavia-piano{position:relative;overflow:visible;border-radius:4px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.22))}.stavia-piano-whites,.stavia-piano-blacks{position:absolute;top:0;right:0;bottom:0;left:0}.stavia-piano-whites{display:flex;align-items:stretch;gap:1.5px}.stavia-piano-white{position:relative;display:block;min-width:0;flex:1 1 0;border-radius:3px;background:#f4f2fae0}.stavia-piano-white.is-target{z-index:1;background:var(--piano-target, var(--stavia-accent));box-shadow:0 0 9px color-mix(in srgb,var(--piano-target, var(--stavia-accent)) 85%,transparent);animation:stavia-key-breathe 1.1s ease-in-out infinite alternate}.stavia-piano-white.is-anchor{box-shadow:inset 0 0 0 1.6px color-mix(in srgb,var(--key-landmark) 90%,transparent)}.stavia-piano-white strong,.stavia-piano-white i{position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.stavia-piano-white strong{color:var(--key-landmark);font-size:11px;font-style:normal;font-weight:800;line-height:1}.stavia-piano-white.is-target strong{color:#fff;font-size:12px}.stavia-piano-white i{width:6px;height:6px;bottom:7px;border-radius:50%;background:var(--key-landmark)}.stavia-piano-black{position:absolute;top:0;z-index:2;width:calc(100% / var(--white-key-count) * .58);height:62%;border:.8px solid rgba(244,242,250,.15);border-radius:2.5px;background:linear-gradient(#050506,#1a1a1f);box-shadow:0 1px 4px #00000047;transform:translate(calc(-50% - .75px))}.stavia-piano.is-compact .stavia-piano-white strong{bottom:3px;font-size:9px}.stavia-piano.is-compact .stavia-piano-white i{bottom:4px;width:5px;height:5px}.stavia-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#040405b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:stavia-fade-in .18s ease both}.stavia-dialog{display:grid;width:min(100%,430px);gap:26px;padding:26px;border:1px solid rgba(244,242,250,.09);border-radius:24px;background:var(--stavia-raised);box-shadow:0 24px 80px #00000094;color:var(--stavia-text);font-family:var(--stavia-rounded);animation:stavia-dialog-in .28s cubic-bezier(.16,1,.3,1) both}.stavia-dialog-copy{display:grid;gap:10px}.stavia-dialog h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.stavia-dialog p{margin:0;color:var(--stavia-muted);font-size:14px;line-height:1.5}.stavia-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.stavia-dialog-actions button{min-height:42px;padding:10px 17px;border:0;border-radius:999px;font-weight:700}.stavia-dialog-cancel{background:#f4f2fa1a;color:var(--stavia-text)}.stavia-dialog-confirm{background:var(--stavia-accent);color:#fff}.stavia-dialog-danger{background:var(--stavia-miss);color:#fff}@media(hover:hover)and (pointer:fine){.stavia-icon-button:hover,.stavia-mic-badge:hover,.stavia-auth-action:hover{background:color-mix(in srgb,var(--stavia-raised) 88%,white)}.stavia-auth-action:hover{background:var(--stavia-accent);filter:brightness(1.08)}.stavia-mode-card:hover,.stavia-key-chip:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--stavia-shadow)}}@media(min-width:1200px)and (min-height:760px){.stavia-home-content{width:min(100%,760px)}.stavia-mode-cards{gap:20px}.stavia-mode-card{height:186px;padding:25px}.stavia-key-content{width:min(100%,860px)}.stavia-key-grid{width:min(100%,820px);grid-template-columns:repeat(6,minmax(110px,1fr))}}@media(max-width:700px){.stavia-screen{overflow-y:auto}.stavia-brand-lockup h1{font-size:clamp(32px,10vw,38px)}.stavia-brand-heading p{max-width:34ch;font-size:15px}.stavia-floating-account{right:max(16px,env(safe-area-inset-right))}.stavia-auth{place-items:start center;padding:max(34px,calc(20px + env(safe-area-inset-top))) max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.stavia-auth-layout{width:min(100%,460px);grid-template-columns:1fr;gap:24px}.stavia-auth-copy{justify-items:center;gap:18px}.stavia-auth-copy .stavia-brand-heading{justify-items:center;text-align:center}.stavia-auth-message{justify-items:center;gap:7px;text-align:center}.stavia-auth-message h2{font-size:25px}.stavia-auth-message p{max-width:36ch;font-size:14px}.stavia-auth-panel{padding:17px;border-radius:24px}.stavia-home{min-height:100dvh;padding:max(78px,calc(24px + env(safe-area-inset-top))) max(18px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.stavia-home-content{width:min(100%,460px);gap:25px}.stavia-mode-cards{grid-template-columns:1fr;gap:14px}.stavia-mode-card{height:142px;padding:19px}.stavia-mode-card-copy{gap:7px}.stavia-mode-card-copy strong{font-size:24px}.stavia-key-screen{display:block;padding:max(76px,calc(18px + env(safe-area-inset-top))) max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.stavia-floating-back{left:max(16px,env(safe-area-inset-left))}.stavia-key-content{width:100%;gap:22px}.stavia-key-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:11px}.stavia-mode-toggle button{min-width:96px;padding-inline:22px}.stavia-practice{height:100dvh;min-height:100dvh;grid-template-rows:auto minmax(0,1fr);gap:12px;overflow-y:auto}.stavia-practice-toolbar{width:100%;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.stavia-free-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}.stavia-toolbar-primary{gap:10px}.stavia-toolbar-actions{gap:8px}.stavia-toolbar-stats{grid-row:2;grid-column:1 / -1;gap:10px}.stavia-key-pill{max-width:calc(100vw - 208px);padding-inline:13px;font-size:14px}.stavia-stat-badge{padding:7px 13px}.stavia-learn-toolbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.stavia-learn-progress{grid-row:2;grid-column:1 / -1;width:min(100%,360px);justify-self:center}.stavia-learn-actions{grid-column:3;gap:8px}.stavia-practice-area{width:100%;min-height:440px;padding:0 max(12px,env(safe-area-inset-right)) max(34px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.stavia-sheet-card{min-height:440px;border-radius:22px}.stavia-music-sheet.has-introduction{min-height:540px}.stavia-sheet-brand{top:17px;left:19px}.stavia-keyboard-hint{right:5%;bottom:-22px;width:min(66%,300px);height:46px}.stavia-announcement{top:13px;max-width:calc(100% - 34px);padding:10px 16px;font-size:14px}.stavia-intro-copy{top:54px;right:18px;left:18px;width:auto;gap:5px;text-align:center}.stavia-intro-copy h2{font-size:24px}.stavia-intro-copy p{max-width:42ch;margin-inline:auto;font-size:13.5px}.stavia-intro-piano{right:18px;bottom:17px;width:calc(100% - 36px);height:72px}.stavia-intro-prompt{right:16px;bottom:101px;left:16px;justify-content:center;font-size:12.5px;text-align:center}.stavia-dialog{padding:22px;border-radius:21px}}@media(max-width:420px){.stavia-home{place-items:start center}.stavia-key-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stavia-key-chip{height:68px;border-radius:18px}.stavia-key-chip strong{font-size:22px}.stavia-mic-badge{width:38px;height:38px;min-height:38px;justify-content:center;padding:0}.stavia-mic-badge span{display:none}.stavia-mic-badge .stavia-listening-dot{position:absolute;right:6px;bottom:6px;margin:0}.stavia-toolbar-actions,.stavia-learn-actions{gap:6px}.stavia-key-pill{max-width:calc(100vw - 238px)}.stavia-auth-status-card{gap:20px;padding:26px 20px;border-radius:24px}.stavia-dialog-actions{flex-direction:column-reverse}.stavia-dialog-actions button{width:100%}}@media(orientation:landscape)and (max-height:540px){.stavia-practice{min-height:100dvh}.stavia-brand-heading{gap:7px}.stavia-home-content{gap:20px}.stavia-mode-card{height:145px}.stavia-key-screen{padding-top:max(62px,calc(10px + env(safe-area-inset-top)))}.stavia-key-content{gap:18px}.stavia-key-chip{height:64px}.stavia-practice-toolbar{padding-top:max(18px,env(safe-area-inset-top))}.stavia-practice-area{padding-bottom:max(24px,env(safe-area-inset-bottom))}.stavia-sheet-card{min-height:250px}}@media(prefers-reduced-motion:reduce){.stavia-screen *,.stavia-dialog-backdrop,.stavia-dialog-backdrop *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes stavia-content-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes stavia-grid-swap{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes stavia-listening-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}@keyframes stavia-announcement-in{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}@keyframes stavia-hint-in{0%{opacity:0;transform:translateY(18px)}to{opacity:.68;transform:translateY(0)}}@keyframes stavia-cue-pulse{0%{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.12)}}@keyframes stavia-cue-orbit{to{transform:rotate(1turn)}}@keyframes stavia-intro-page{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@keyframes stavia-intro-settle{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:translateY(0)}}@keyframes stavia-key-breathe{0%{filter:brightness(1)}to{filter:brightness(1.1)}}@keyframes stavia-fade-in{0%{opacity:0}to{opacity:1}}@keyframes stavia-auth-spin{to{transform:rotate(1turn)}}@keyframes stavia-dialog-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}:root{font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f2fa;background:#121214;font-synthesis:none;text-rendering:optimizeLegibility;--background: #121214;--surface: #1d1d21;--surface-raised: #2a2a30;--text-primary: #f4f2fa;--text-muted: rgba(244, 242, 250, .6);--notation: #e0deed;--accent: #a36ffa;--accent-soft: rgba(163, 111, 250, .22);--success: #2ecc71;--miss: #f15a61;--amber: #f5b259;--teal: #4ac2b2;--pink: #f07ab2;--shadow: rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%}body{margin:0;min-height:100dvh;overflow-x:hidden;background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.stavia-app{width:100%;min-height:100dvh}.stavia-sr-status{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(163,111,250,.72);outline-offset:3px}::selection{color:#fff;background:#a36ffab8}