:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f2f1ea;--background-deep:#e9e9e0;--surface:#fffef9;--surface-raised:#fff;--surface-soft:#f7f7f1;--surface-tint:#edf4f0;--ink:#17312d;--ink-strong:#102722;--muted:#68736f;--muted-light:#8b948f;--line:#dcded6;--line-strong:#c7ccc3;--primary:#286e64;--primary-hover:#1f5e55;--primary-soft:#dcece7;--primary-faint:#edf6f3;--sidebar:#183934;--sidebar-ink:#f2f5ef;--sidebar-muted:#b7c7c0;--amber:#c88835;--amber-soft:#f4e8d2;--red:#b8564c;--red-soft:#f7e8e4;--blue:#4c7490;--blue-soft:#e4edf3;--plum:#7d6382;--plum-soft:#eee7ef;--coral:#b96e5f;--coral-soft:#f4e4df;--teal:#347d78;--teal-soft:#dfeeed;--shadow-sm:0 1px 2px #1b332e0a, 0 7px 22px #1b332e0b;--shadow-md:0 18px 45px #1b332e1a;--radius-sm:10px;--radius:16px;--radius-lg:24px;--sidebar-width:238px;--font-sans:"Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101918;--background-deep:#0c1413;--surface:#172321;--surface-raised:#1b2927;--surface-soft:#1c2927;--surface-tint:#1b302c;--ink:#e8eeea;--ink-strong:#f5f8f4;--muted:#a0ada7;--muted-light:#7d8a85;--line:#2b3a37;--line-strong:#3c4d49;--primary:#73b5a8;--primary-hover:#8bc7bc;--primary-soft:#24463f;--primary-faint:#1c302c;--sidebar:#0b2824;--sidebar-ink:#f2f5ef;--sidebar-muted:#9db2aa;--amber-soft:#443726;--red-soft:#482d2b;--blue-soft:#293b47;--plum-soft:#3b303d;--coral-soft:#452f2c;--teal-soft:#23413e;--shadow-sm:0 1px 2px #0003, 0 7px 22px #0000001f;--shadow-md:0 18px 45px #00000047}@media (prefers-color-scheme:dark){html[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101918;--background-deep:#0c1413;--surface:#172321;--surface-raised:#1b2927;--surface-soft:#1c2927;--surface-tint:#1b302c;--ink:#e8eeea;--ink-strong:#f5f8f4;--muted:#a0ada7;--muted-light:#7d8a85;--line:#2b3a37;--line-strong:#3c4d49;--primary:#73b5a8;--primary-hover:#8bc7bc;--primary-soft:#24463f;--primary-faint:#1c302c;--sidebar:#0b2824;--sidebar-muted:#9db2aa;--amber-soft:#443726;--red-soft:#482d2b;--blue-soft:#293b47;--plum-soft:#3b303d;--coral-soft:#452f2c;--teal-soft:#23413e;--shadow-sm:0 1px 2px #0003, 0 7px 22px #0000001f;--shadow-md:0 18px 45px #00000047}}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 88% -10%, #3d7e7112, transparent 30%), var(--background);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}button,input,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:not(:disabled),a{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:650}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #478f8352}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-frame{min-height:100vh}.sidebar{z-index:20;width:var(--sidebar-width);color:var(--sidebar-ink);background:radial-gradient(circle at 10% 4%, #ffffff0f, transparent 27%), var(--sidebar);flex-direction:column;padding:27px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar:after{content:"";background:#ffffff1a;height:1px;position:absolute;bottom:112px;left:14px;right:14px}.sidebar-top{gap:18px;margin:0 9px 34px;display:grid}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:currentColor;background:#ffffff12;border:1px solid #ffffff2e;border-radius:9px;justify-content:center;align-items:center;gap:2px;width:31px;height:31px;display:flex}.brand-mark i{opacity:.95;background:currentColor;border-radius:4px;width:2px}.brand-mark i:first-child{height:8px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:12px}.brand-mark i:nth-child(4){height:20px}.brand-copy{line-height:1.14;display:grid}.brand-copy strong{letter-spacing:.01em;font-size:15px}.brand-copy small{color:var(--sidebar-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:10px}.demo-pill{width:max-content;color:var(--sidebar-muted);letter-spacing:.07em;text-transform:uppercase;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:10px;font-weight:650;display:inline-flex}.demo-pill span,.demo-dot,.live-dot{background:#7fc4aa;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #7fc4aa24}.sidebar-nav,.sidebar-secondary{gap:5px;display:grid}.sidebar-secondary{margin-top:auto;margin-bottom:30px}.nav-item{min-height:46px;color:var(--sidebar-muted);border-radius:11px;align-items:center;gap:13px;padding:0 13px;font-size:13.5px;font-weight:560;transition:color .15s,background .15s;display:flex;position:relative}.nav-item:hover{color:var(--sidebar-ink);background:#ffffff0e}.nav-item.active{color:var(--sidebar-ink);background:#ffffff1b}.nav-item.active:before{content:"";background:#8dc8b7;border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:-18px}.account-card{align-items:center;gap:10px;min-width:0;padding:10px 5px 0;display:flex}.avatar,.user-identity>span{color:#173630;background:#c6ddd4;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.account-copy{flex:1;min-width:0;line-height:1.3;display:grid}.account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.account-copy span{color:var(--sidebar-muted);font-size:10.5px}.mobile-topbar,.mobile-nav{display:none}.app-main{min-height:100vh;margin-left:var(--sidebar-width)}.page{width:min(100%,1240px);margin:0 auto;padding:52px 52px 70px}.page-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:31px;display:flex}.page-header>div:first-child{max-width:720px}.eyebrow,.section-label{color:var(--primary);letter-spacing:.13em;text-transform:uppercase;font-size:10.5px;font-weight:750}.page-header h1{color:var(--ink-strong);font-family:var(--font-display);letter-spacing:-.035em;margin-top:6px;font-size:clamp(31px,3vw,44px);font-weight:600;line-height:1.08}.page-description{max-width:660px;color:var(--muted);margin-top:10px;font-size:14px}.page-header-action{flex:none}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.panel-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.panel-heading h2,.settings-heading h2,.users-toolbar h2{color:var(--ink-strong);letter-spacing:-.018em;margin-top:3px;font-size:18px}.panel-heading>a,.panel-heading>button{color:var(--primary);align-items:center;gap:6px;font-size:12px;font-weight:650;display:inline-flex}.button{background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:0 16px;font-size:13px;font-weight:680;transition:transform .12s,background .15s,border .15s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{color:#fff;background:var(--primary);box-shadow:0 7px 16px #1f5e5529}.button.primary:hover{background:var(--primary-hover)}.button.secondary{color:var(--ink);border-color:var(--line);background:var(--surface-raised)}.button.secondary:hover,.button.ghost:hover{border-color:var(--line-strong);background:var(--surface-soft)}.button.ghost{color:var(--ink);border-color:var(--line);background:#ffffff7a}.button.large{border-radius:12px;min-height:49px;padding:0 20px;font-size:13.5px}.button:disabled{cursor:not-allowed;opacity:.42}.text-button,.icon-button{color:var(--muted);background:0 0;justify-content:center;align-items:center;display:inline-flex}.text-button{gap:7px;padding:7px 0;font-size:12.5px;font-weight:650}.text-button:hover{color:var(--primary)}.icon-button{border:1px solid var(--line);border-radius:9px;width:36px;height:36px}.icon-button:hover{color:var(--ink);background:var(--surface-soft)}.sidebar .icon-button{color:var(--sidebar-muted);border-color:#0000}.sidebar .icon-button:hover{color:var(--sidebar-ink);background:#ffffff14}.today-card{border-radius:var(--radius-lg);color:#eef5f1;background:radial-gradient(circle at 92% 5%,#ffffff1f,#0000 29%),linear-gradient(125deg,#173b35 0%,#24584f 100%);border:1px solid #2c625a;grid-template-columns:minmax(0,1.55fr) minmax(210px,.45fr);min-height:270px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #173b3529}.today-card:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-102px;right:-72px}.today-copy{z-index:1;flex-direction:column;justify-content:center;padding:42px 46px;display:flex}.today-label{color:#bdd5cd;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;font-size:10.5px;font-weight:700;display:flex}.today-copy h2{color:#fff;max-width:520px;font-family:var(--font-display);letter-spacing:-.035em;margin-top:13px;font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.1}.today-copy>p{color:#c7d8d2;max-width:590px;margin-top:13px;font-size:13.5px}.today-actions{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.today-card .button.primary{color:#173a34;box-shadow:none;background:#e8f1ed}.today-card .button.primary:hover{background:#fff}.today-card .button.ghost{color:#e5efeb;background:#ffffff09;border-color:#fff3}.today-card .button.ghost:hover{background:#ffffff17}.today-progress{z-index:1;border-left:1px solid #ffffff1f;place-content:center;justify-items:center;padding:30px 38px;display:grid}.today-progress>p{color:#b9cec7;text-align:center;max-width:150px;margin-top:14px;font-size:11.5px}.today-progress>p strong{color:#fff}.progress-ring{--progress:0deg;background:conic-gradient(#9cd1bf var(--progress), #ffffff1f 0);border-radius:50%;place-items:center;width:118px;height:118px;display:grid}.progress-ring:before{position:absolute}.progress-ring>div{background:#25554d;border-radius:50%;justify-content:center;place-self:center;align-items:center;width:calc(100% - 13px);height:calc(100% - 13px);display:flex}.progress-ring strong{color:#fff;letter-spacing:-.05em;font-size:29px}.progress-ring span{color:#b9d0c8;margin-left:4px;font-size:12px}.progress-ring.small{background:conic-gradient(var(--primary) var(--progress), var(--primary-soft) 0);flex:none;width:84px;height:84px}.progress-ring.small>div{background:var(--surface)}.progress-ring.small strong{color:var(--ink-strong);font-size:22px}.progress-ring.small span{color:var(--muted);font-size:10px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);padding:19px 21px}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:650;display:flex}.stat-icon{width:30px;height:30px;color:var(--primary);background:var(--primary-faint);border-radius:9px;place-items:center;display:grid}.stat-card>strong{color:var(--ink-strong);letter-spacing:-.035em;margin-top:6px;font-size:25px;display:block}.stat-card>small{color:var(--muted-light);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10.5px;display:block;overflow:hidden}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:16px;margin-top:16px;display:grid}.learning-panel,.activity-panel,.weak-panel,.practice-history-panel,.mastery-card,.focus-panel,.history-panel{padding:25px}.learning-list{margin-top:18px;display:grid}.learning-row{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:58px;display:grid}.learning-row:first-child{border-top:0}.learning-row>div,.exercise-card>div{min-width:0;display:grid}.learning-row strong,.exercise-card strong{color:var(--ink-strong);font-size:12.5px}.learning-row small,.exercise-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.learning-row.locked{opacity:.5}.learning-status,.quiet-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:680}.exercise-glyph{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:11px;flex:none;place-items:center;display:grid}.exercise-glyph.amber{color:var(--amber);background:var(--amber-soft)}.exercise-glyph.blue{color:var(--blue);background:var(--blue-soft)}.exercise-glyph.plum{color:var(--plum);background:var(--plum-soft)}.exercise-glyph.coral{color:var(--coral);background:var(--coral-soft)}.exercise-glyph.teal{color:var(--teal);background:var(--teal-soft)}.activity-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;min-height:185px;margin-top:24px;display:grid}.activity-day,.wide-activity-day{justify-items:center;gap:4px;min-width:0;display:grid}.bar-track{background:var(--surface-soft);border-radius:7px;justify-content:center;align-items:flex-end;width:100%;height:105px;display:flex;overflow:hidden}.bar-track i{background:var(--primary);opacity:.82;border-radius:6px 6px 3px 3px;width:100%;min-height:3px}.activity-day strong,.wide-activity-day strong{color:var(--muted);font-size:9.5px}.activity-day small,.wide-activity-day small{color:var(--muted-light);text-transform:uppercase;font-size:9px}.chart-note{color:var(--muted);align-items:center;gap:7px;margin-top:15px;font-size:10.5px;display:flex}.weak-panel{margin-top:16px}.weak-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.weak-grid article{background:var(--surface-soft);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.weak-grid article>div{min-width:0;display:grid}.weak-grid article strong{color:var(--ink-strong);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.weak-grid article small{color:var(--muted);font-size:9.5px}.weak-grid article>span:last-child{color:var(--primary);font-size:11px;font-weight:700}.panel-empty{color:var(--muted);margin-top:18px;font-size:12px}.question-screen{width:min(100%,980px);min-height:100vh;margin:0 auto;padding:30px 46px 70px}.question-toolbar{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:10px;display:grid}.question-toolbar>button:last-child{justify-self:end}.session-label{color:var(--muted);align-items:center;gap:12px;font-size:11px;font-weight:650;display:flex}.session-label strong{color:var(--ink);font-variant-numeric:tabular-nums}.session-progress{background:var(--line);border-radius:99px;height:3px;overflow:hidden}.session-progress span{border-radius:inherit;background:var(--primary);height:100%;transition:width .25s;display:block}.question-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);border-radius:22px;margin-top:20px;overflow:hidden}.question-heading{text-align:center;padding:31px 36px 23px}.question-heading h1{color:var(--ink-strong);font-family:var(--font-display);letter-spacing:-.035em;margin-top:5px;font-size:clamp(27px,4vw,37px);font-weight:600}.question-heading>p:last-child{max-width:520px;color:var(--muted);margin:8px auto 0;font-size:12.5px}.audio-stage{border-block:1px solid var(--line);background:radial-gradient(circle at 50% 40%, #357d701f, transparent 29%), var(--surface-soft);align-content:center;place-items:center;min-height:210px;padding:24px;display:grid;position:relative;overflow:hidden}.sound-orbit{place-items:center;width:114px;height:114px;display:grid;position:relative}.orbit{border:1px solid #2e73672e;border-radius:50%;position:absolute;inset:0}.orbit-two{opacity:.55;inset:-15px}.sound-orbit.playing .orbit-one{animation:1.1s ease-out infinite sound-wave}.sound-orbit.playing .orbit-two{animation:1.1s ease-out .22s infinite sound-wave}@keyframes sound-wave{0%{opacity:.65;transform:scale(.75)}to{opacity:0;transform:scale(1.25)}}.play-button{z-index:1;color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:76px;height:76px;padding-left:4px;transition:transform .14s,background .14s;display:grid;box-shadow:0 14px 25px #1f5e5538}.play-button:hover{background:var(--primary-hover);transform:scale(1.025)}.play-button:active{transform:scale(.97)}.audio-copy{justify-items:center;margin-top:16px;line-height:1.35;display:grid}.audio-copy strong{font-size:12px}.audio-copy span{color:var(--muted);font-size:10px}.inline-error{color:var(--red);align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.answer-area{gap:23px;padding:29px 35px 35px;display:grid}.answer-group,.config-section{border:0;min-width:0;margin:0;padding:0}.answer-group legend,.config-section legend{width:100%;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:700}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.choice-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.choice{min-height:58px;color:var(--ink);border:1px solid var(--line);background:var(--surface-raised);border-radius:11px;place-content:center;padding:8px 30px 8px 12px;transition:border .12s,background .12s,transform .12s;display:grid;position:relative;box-shadow:0 1px 1px #00000005}.choice:hover{border-color:var(--primary);background:var(--primary-faint)}.choice:active{transform:translateY(1px)}.choice.selected{color:var(--primary);border-color:var(--primary);background:var(--primary-faint);box-shadow:inset 0 0 0 1px var(--primary)}.choice>span{font-size:13px;font-weight:650}.choice>small{color:var(--muted);font-size:9px}.choice kbd{width:17px;height:17px;color:var(--muted-light);border:1px solid var(--line);background:var(--surface-soft);font:8px var(--font-sans);border-radius:5px;place-items:center;display:grid;position:absolute;top:7px;right:7px}.submit-answer{justify-self:end;width:max-content;min-width:150px}.feedback-panel{border-top:1px solid var(--line);padding:30px 36px 35px}.feedback-panel.correct{background:var(--primary-faint)}.feedback-panel.incorrect{background:color-mix(in srgb, var(--red-soft) 50%, var(--surface))}.feedback-title{align-items:center;gap:12px;display:flex}.feedback-icon{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:50%;flex:none;place-items:center;display:grid}.incorrect .feedback-icon{color:var(--red);background:var(--red-soft)}.feedback-title h2{color:var(--ink-strong);font-size:21px}.feedback-rows{gap:7px;margin-top:20px;display:grid}.feedback-rows>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr);align-items:center;gap:12px;padding:11px 13px;display:grid}.feedback-rows>div>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:680}.feedback-rows p{justify-content:flex-end;align-items:center;gap:10px;font-size:12px;display:flex}.feedback-rows s{color:var(--red)}.feedback-rows strong{color:var(--primary)}.comparison-actions{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.reinforcement-note{color:var(--muted);margin-top:13px;font-size:10.5px}.continue-button{margin-top:20px;margin-left:auto}.arrow-forward{transform:rotate(180deg)}.study-loading,.app-loading{min-height:100vh;color:var(--muted);background:var(--background);place-content:center;justify-items:center;gap:17px;display:grid}.sound-loader{align-items:center;gap:4px;height:32px;display:flex}.sound-loader i{background:var(--primary);border-radius:4px;width:3px;height:10px;animation:.9s ease-in-out infinite alternate loader-wave}.sound-loader i:nth-child(2){height:24px;animation-delay:-600ms}.sound-loader i:nth-child(3){height:17px;animation-delay:-300ms}.sound-loader i:nth-child(4){height:29px;animation-delay:-700ms}@keyframes loader-wave{to{transform:scaleY(.45)}}.practice-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:24px;display:grid}.exercise-picker .section-label{margin:3px 0 12px;display:block}.exercise-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.exercise-card{text-align:left;border:1px solid var(--line);background:var(--surface);min-height:90px;box-shadow:var(--shadow-sm);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid;position:relative}.exercise-card:hover{border-color:var(--line-strong)}.exercise-card.selected{border-color:var(--primary);background:var(--primary-faint);box-shadow:inset 0 0 0 1px var(--primary)}.exercise-card small{white-space:normal;margin-top:3px}.radio-mark{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.selected .radio-mark{border-color:var(--primary)}.radio-mark i{background:var(--primary);border-radius:50%;width:9px;height:9px}.practice-config{padding:24px;position:sticky;top:28px}.config-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:20px;display:flex}.config-heading h2{color:var(--ink-strong);margin-top:2px;font-size:19px}.config-section{margin-top:21px}.segmented-control{background:var(--surface-soft);border-radius:11px;flex-wrap:wrap;gap:5px;padding:4px;display:flex}.segmented-control button{min-height:34px;color:var(--muted);text-transform:capitalize;background:0 0;border:1px solid #0000;border-radius:8px;flex:auto;padding:0 10px;font-size:10.5px;font-weight:650}.segmented-control button.active{color:var(--ink);border-color:var(--line);background:var(--surface-raised);box-shadow:0 2px 7px #14302b0f}.token-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.token-grid button{min-height:33px;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:3px;font-size:10px}.token-grid button:hover,.token-grid button.active{color:var(--primary);border-color:var(--primary);background:var(--primary-faint)}.chord-tokens{grid-template-columns:repeat(3,1fr)}.simple-config-note,.sound-note{color:var(--muted);background:var(--surface-soft);border-radius:10px;align-items:flex-start;gap:10px;margin-top:20px;padding:12px 13px;font-size:11px;display:flex}.simple-config-note svg,.sound-note svg{color:var(--primary);flex:none}.start-practice{width:100%;margin-top:24px}.back-home{margin-top:25px}.completion-banner{background:var(--primary-faint);border:1px solid #307c6d38;border-radius:13px;align-items:center;gap:12px;margin-bottom:19px;padding:14px 16px;display:flex}.completion-banner>span{width:31px;height:31px;color:var(--primary);background:var(--primary-soft);border-radius:50%;place-items:center;display:grid}.completion-banner>div{flex:1}.completion-banner strong{font-size:12px;display:block}.completion-banner p{color:var(--muted);font-size:10.5px}.completion-banner>button{color:var(--muted);background:0 0;font-size:11px;font-weight:650}.view-tabs{border-bottom:1px solid var(--line);gap:25px;margin:-9px 0 22px;display:flex}.view-tabs button{color:var(--muted);text-transform:capitalize;background:0 0;padding:10px 1px 11px;font-size:12px;font-weight:650;position:relative}.view-tabs button.active{color:var(--ink-strong)}.view-tabs button.active:after{background:var(--primary);content:"";border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.progress-stats{margin-top:0}.progress-overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:16px;margin-top:16px;display:grid}.chart-legend{color:var(--muted);gap:13px;font-size:9.5px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{border-radius:2px;width:7px;height:7px}.guided-key,.guided-bar{background:var(--primary)}.free-key,.free-bar{background:var(--amber)}.wide-activity-chart{grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:5px;height:180px;margin-top:24px;display:grid}.wide-bar-track{background:var(--surface-soft);border-radius:5px;align-items:flex-end;width:100%;height:112px;display:flex;position:relative;overflow:hidden}.wide-bar-track i{border-radius:4px 4px 2px 2px;min-height:2px;position:absolute;bottom:0;left:0;right:0}.wide-bar-track .free-bar{opacity:.45}.mastery-ring-row{align-items:center;gap:17px;margin-top:31px;display:flex}.mastery-ring-row>div:last-child{gap:5px;display:grid}.mastery-ring-row strong{color:var(--ink-strong);font-size:15px}.mastery-ring-row p{color:var(--muted);font-size:10.5px}.mastery-card .text-button{margin-top:23px}.focus-panel{margin-top:16px}.focus-list{margin-top:17px;display:grid}.focus-list article{border-top:1px solid var(--line);grid-template-columns:auto minmax(160px,1.2fr) minmax(150px,.9fr) 100px;align-items:center;gap:14px;min-height:64px;display:grid}.focus-list article:first-child{border-top:0}.focus-name{min-width:0;display:grid}.focus-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.focus-name small{color:var(--muted);font-size:9.5px}.mini-meter{gap:5px;display:grid}.mini-meter>span{background:var(--line);border-radius:99px;height:4px;overflow:hidden}.mini-meter>span i{border-radius:inherit;background:var(--primary);height:100%;display:block}.mini-meter small{color:var(--muted);font-size:9px}.due-label{color:var(--muted);justify-content:flex-end;align-items:center;gap:6px;font-size:10px;display:flex}.progress-empty{color:var(--primary);background:var(--surface-soft);border-radius:12px;align-items:center;gap:13px;margin-top:20px;padding:18px;display:flex}.progress-empty strong{color:var(--ink);font-size:12px}.progress-empty p{color:var(--muted);font-size:10.5px}.skill-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.skill-family{min-height:250px;padding:24px}.skill-family.locked{box-shadow:none;opacity:.62}.skill-family-heading{align-items:center;gap:12px;display:flex}.skill-family-heading h2{color:var(--ink-strong);margin-top:3px;font-size:16px}.skill-family>p{min-height:42px;color:var(--muted);margin-top:16px;font-size:11.5px}.family-metrics{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin-top:17px;display:grid;overflow:hidden}.family-metrics>div{background:var(--surface-soft);padding:11px 13px;display:grid}.family-metrics strong{font-size:16px}.family-metrics span{color:var(--muted);font-size:9px}.competency-chips{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.competency-chips span{color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:4px 7px;font-size:8.5px}.locked-note{color:var(--muted);align-items:center;gap:7px;margin-top:23px;font-size:10px;display:flex}.history-list{margin-top:16px;display:grid}.history-list article{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) 72px 52px;align-items:center;gap:12px;min-height:61px;display:grid}.history-list article:first-child{border-top:0}.history-result{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.history-result.correct{color:var(--primary);background:var(--primary-soft)}.history-result.incorrect{color:var(--red);background:var(--red-soft)}.history-list article>div:nth-child(2){display:grid}.history-list strong{font-size:11.5px}.history-list small{color:var(--muted);font-size:9.5px}.mode-badge,.role-badge,.status-badge{text-transform:capitalize;border-radius:6px;width:max-content;padding:4px 7px;font-size:9px;font-weight:700}.mode-badge.guided,.role-badge.admin{color:var(--primary);background:var(--primary-soft)}.mode-badge.free,.role-badge.user{color:var(--amber);background:var(--amber-soft)}.history-time{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:10px}.save-state{color:var(--primary);border:1px solid var(--line);background:var(--surface);opacity:0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:10.5px;font-weight:650;transition:opacity .15s,transform .15s;display:inline-flex;transform:translateY(3px)}.save-state.visible{opacity:1;transform:none}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-section{align-self:start;padding:25px}.settings-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:20px;display:flex}.settings-heading>span{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:11px;flex:none;place-items:center;display:grid}.settings-heading p{color:var(--muted);font-size:10.5px}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;min-height:70px;display:flex}.settings-heading+.setting-row{border-top:0}.setting-row>span,.setting-row>div:first-child{display:grid}.setting-row strong,.volume-setting strong,.demo-reset strong{font-size:11.5px}.setting-row small,.volume-setting small{color:var(--muted);font-size:9.5px}.target-setting{flex-direction:column;align-items:flex-start;gap:13px;padding:18px 0}.target-options{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.target-options button{min-height:38px;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:9px;font-size:11px;font-weight:650}.target-options button.active{color:var(--primary);border-color:var(--primary);background:var(--primary-faint)}.toggle-input{appearance:none;background:var(--line-strong);border-radius:99px;flex:none;width:41px;height:23px;margin:0;transition:background .15s;position:relative}.toggle-input:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.toggle-input:checked{background:var(--primary)}.toggle-input:checked:after{transform:translate(18px)}.volume-setting{gap:17px;padding-top:20px;display:grid}.volume-setting>div:first-child{justify-content:space-between;display:flex}.range-row{color:var(--muted);align-items:center;gap:10px;display:flex}.range-row input{appearance:none;background:linear-gradient(to right, var(--primary) var(--range-progress), var(--line) var(--range-progress));border-radius:99px;width:100%;height:4px}.range-row input::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--primary);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 5px #0003}.theme-options{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.theme-options button{border:1px solid var(--line);background:var(--surface);border-radius:11px;align-content:center;justify-items:center;gap:7px;min-height:107px;display:grid;position:relative}.theme-options button.active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.theme-options button>svg{color:var(--primary);position:absolute;top:7px;right:7px}.theme-options strong{font-size:10px}.theme-swatch{border:1px solid var(--line);border-radius:8px;place-items:center;width:48px;height:38px;display:grid}.theme-swatch.light{color:#3e6e65;background:#f4f3ed}.theme-swatch.system{color:#6e857f;background:linear-gradient(135deg,#f4f3ed 50%,#172321 50%)}.theme-swatch.dark{color:#a1c8bd;background:#172321}.account-details{margin-top:8px;display:grid}.account-details>div{border-top:1px solid var(--line);grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px;min-height:54px;display:grid}.account-details>div:first-child{border-top:0}.account-details span{color:var(--muted);font-size:10px}.account-details strong{text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.account-details select,.create-user-modal select{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;min-height:36px;padding:0 10px;font-size:10.5px}.demo-reset{border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px;display:flex}.demo-reset p{color:var(--muted);font-size:9.5px}.admin-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.admin-summary>div{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:14px 16px;display:flex}.admin-summary>div>span{width:33px;height:33px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.admin-summary p{color:var(--muted);font-size:10.5px}.admin-summary strong{color:var(--ink);font-size:15px}.users-panel{padding:25px}.users-toolbar{justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.search-box{width:min(290px,100%);min-height:39px;color:var(--muted);border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:10.5px}.user-table{border-top:1px solid var(--line)}.user-table-head,.user-table-row{grid-template-columns:minmax(220px,1.5fr) minmax(80px,.55fr) minmax(90px,.6fr) minmax(120px,.8fr) 40px;align-items:center;gap:14px;display:grid}.user-table-head{min-height:38px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.user-table-row{border-top:1px solid var(--line);min-height:67px;position:relative}.user-identity{align-items:center;gap:10px;min-width:0;display:flex}.user-identity>span{width:32px;height:32px}.user-identity>div{min-width:0;display:grid}.user-identity strong{font-size:11.5px}.user-identity small{color:var(--muted);text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.status-badge{color:var(--muted);background:var(--surface-soft);align-items:center;gap:5px;display:flex}.status-badge i{background:var(--muted);border-radius:50%;width:5px;height:5px}.status-badge.active{color:var(--primary);background:var(--primary-soft)}.status-badge.active i{background:var(--primary)}.password-state{color:var(--muted);font-size:10px}.user-actions{justify-self:end;position:relative}.action-menu{z-index:4;border:1px solid var(--line);background:var(--surface-raised);width:215px;box-shadow:var(--shadow-md);border-radius:10px;padding:5px;display:grid;position:absolute;top:39px;right:0;overflow:hidden}.action-menu button{text-align:left;background:0 0;border-radius:7px;align-items:center;gap:9px;min-height:38px;padding:0 9px;font-size:10.5px;display:flex}.action-menu button:hover{background:var(--surface-soft)}.action-menu button.danger{color:var(--red)}.toast{z-index:60;color:#fff;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;background:#183934;border-radius:9px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;transition:opacity .15s,transform .15s;display:flex;position:fixed;bottom:24px;right:26px;transform:translateY(7px)}.toast.visible{opacity:1;transform:none}.access-denied{max-width:530px;color:var(--primary);text-align:center;justify-items:center;margin:100px auto;padding:45px;display:grid}.access-denied h1{color:var(--ink);font-family:var(--font-display);margin-top:14px}.access-denied p{color:var(--muted);margin-top:6px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08161491;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.session-modal{border:1px solid var(--line);background:var(--surface-raised);border-radius:21px;width:min(100%,510px);padding:34px;position:relative;box-shadow:0 30px 80px #00000047}.session-modal>h2{color:var(--ink-strong);font-family:var(--font-display);letter-spacing:-.03em;margin-top:5px;font-size:27px;font-weight:600}.session-modal>p:not(.eyebrow){color:var(--muted);margin-top:9px;font-size:12px}.celebration-mark{width:46px;height:46px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;margin-bottom:17px;display:grid}.modal-options{gap:8px;margin-top:23px;display:grid}.modal-options>button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:67px;padding:10px 12px;display:grid}.modal-options>button:hover{border-color:var(--primary);background:var(--primary-faint)}.modal-options>button>span{width:34px;height:34px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.modal-options>button>div{display:grid}.modal-options strong{font-size:11.5px}.modal-options small{color:var(--muted);font-size:9.5px}.compact-modal{text-align:center}.compact-modal>.exercise-glyph{width:51px;height:51px;margin:0 auto 18px}.modal-buttons{justify-content:flex-end;gap:8px;margin-top:23px;display:flex}.create-user-modal{width:min(100%,470px)}.modal-close{width:34px;height:34px;color:var(--muted);background:var(--surface-soft);border-radius:9px;place-items:center;display:grid;position:absolute;top:17px;right:17px}.create-user-modal>label,.login-form>label{gap:6px;margin-top:15px;display:grid}.create-user-modal label>span,.login-form label>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:9.5px;font-weight:700}.create-user-modal input{border:1px solid var(--line);background:var(--surface);border-radius:9px;outline:0;min-height:42px;padding:0 11px;font-size:11px}.create-user-modal input:focus,.create-user-modal select:focus{border-color:var(--primary)}.login-page{background:var(--surface);grid-template-columns:minmax(390px,1fr) minmax(450px,.82fr);min-height:100vh;display:grid}.login-story{color:#edf4f0;background:radial-gradient(circle at 78% 18%,#ffffff17,#0000 26%),linear-gradient(145deg,#102e29 0%,#1f5048 100%);flex-direction:column;min-height:100vh;padding:34px clamp(38px,6vw,88px);display:flex;position:relative;overflow:hidden}.login-brand{color:#f4f7f4}.login-story-copy{z-index:1;max-width:590px;margin:auto 0}.login-story-copy .eyebrow{color:#9fc9bb}.login-story-copy h1{color:#fff;font-family:var(--font-display);letter-spacing:-.055em;margin-top:15px;font-size:clamp(44px,5.5vw,72px);font-weight:500;line-height:.98}.login-story-copy>p:not(.eyebrow){color:#bfd1cb;max-width:510px;margin-top:21px;font-size:14px}.login-story-copy ul{gap:11px;margin:30px 0 0;padding:0;list-style:none;display:grid}.login-story-copy li{color:#d7e3df;align-items:center;gap:9px;font-size:12px;display:flex}.login-story-copy li svg{color:#93c9b6}.login-motif{border:1px solid #ffffff14;border-radius:50%;align-items:flex-end;gap:14px;width:310px;height:260px;padding:50px;display:flex;position:absolute;bottom:-66px;right:-55px;transform:rotate(-10deg)}.login-motif i{background:#a0ccbd33;border-radius:9px;width:8px}.login-motif i:first-child{height:50px}.login-motif i:nth-child(2){height:110px}.login-motif i:nth-child(3){height:78px}.login-motif i:nth-child(4){height:150px}.login-motif i:nth-child(5){height:91px}.login-form-side{background:var(--surface);place-items:center;min-height:100vh;padding:44px;display:grid}.login-form{width:min(100%,370px)}.login-icon{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;margin-bottom:20px;display:grid}.login-form h2{color:var(--ink-strong);font-family:var(--font-display);letter-spacing:-.035em;margin-top:4px;font-size:31px;font-weight:600}.login-intro{color:var(--muted);margin-top:8px;font-size:11.5px}.preview-callout{background:var(--primary-faint);border:1px solid #307c6d33;border-radius:10px;align-items:flex-start;gap:10px;margin:22px 0 4px;padding:11px 12px;display:flex}.preview-callout>span{background:var(--primary);border-radius:50%;flex:none;width:7px;height:7px;margin-top:5px}.preview-callout p{color:var(--muted);font-size:9.5px;display:grid}.preview-callout strong{color:var(--ink);font-size:10.5px}.input-wrap{min-height:44px;color:var(--muted);border:1px solid var(--line);background:var(--surface-raised);border-radius:9px;align-items:center;gap:9px;padding:0 12px;display:flex}.input-wrap:focus-within{color:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px #307c6d1a}.input-wrap input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.login-submit{width:100%;margin-top:22px}.login-footnote{color:var(--muted-light);text-align:center;margin-top:14px;font-size:9.5px}.form-error{color:var(--red);margin-top:10px;font-size:10px}@media (max-width:1100px){:root{--sidebar-width:214px}.page{padding-left:32px;padding-right:32px}.dashboard-grid,.progress-overview-grid{grid-template-columns:1fr}.activity-chart{min-height:155px}.practice-layout{grid-template-columns:minmax(0,1fr)}.practice-config{position:static}.login-page{grid-template-columns:minmax(350px,.86fr) minmax(420px,1fr)}}@media (max-width:820px){:root{--sidebar-width:0px}body{padding-top:62px;padding-bottom:68px}.sidebar{display:none}.mobile-topbar{z-index:40;height:62px;color:var(--sidebar-ink);background:var(--sidebar);justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-topbar .brand-mark{border-color:#ffffff2b}.mobile-account{color:var(--sidebar-muted);align-items:center;gap:7px;font-size:11px;font-weight:650;display:flex}.mobile-signout{width:34px;height:34px;color:var(--sidebar-muted);background:#ffffff12;border-radius:9px;place-items:center;margin-left:3px;display:grid}.mobile-nav{z-index:40;height:68px;padding:6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #17312d0d}.mobile-nav a{color:var(--muted);place-content:center;justify-items:center;gap:2px;font-size:8.5px;font-weight:650;display:grid}.mobile-nav a.active{color:var(--primary)}.page{padding:30px 22px 42px}.question-screen{min-height:calc(100vh - 130px);padding:18px 20px 35px}.login-page{grid-template-columns:1fr;min-height:calc(100vh - 130px)}.login-story{display:none}.login-form-side{min-height:calc(100vh - 130px)}}@media (max-width:640px){.page{padding:25px 16px 35px}.page-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:24px}.page-header h1{font-size:34px}.page-description{font-size:12px}.today-card{grid-template-columns:1fr;min-height:auto}.today-copy{padding:31px 25px 25px}.today-copy h2{font-size:29px}.today-copy>p{font-size:12px}.today-actions{flex-direction:column;margin-top:22px}.today-actions .button{width:100%}.today-progress{border-top:1px solid #ffffff1f;border-left:0;justify-content:flex-start;gap:14px;padding:18px 25px 25px;display:flex}.today-progress .progress-ring{width:68px;height:68px}.today-progress .progress-ring strong{font-size:19px}.today-progress>p{text-align:left;max-width:170px;margin:0}.stats-grid,.admin-summary{grid-template-columns:1fr}.stat-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.stat-top{display:contents}.stat-card>strong{grid-area:2/1}.stat-card>small{grid-area:3/1}.stat-icon{grid-area:1/2/span 3}.learning-panel,.activity-panel,.weak-panel,.practice-history-panel,.mastery-card,.focus-panel,.history-panel,.settings-section,.users-panel{padding:20px}.weak-grid,.settings-grid,.skill-family-grid,.exercise-picker-grid{grid-template-columns:1fr}.learning-status{display:none}.learning-row{grid-template-columns:auto minmax(0,1fr)}.question-screen{padding:13px 11px 28px}.question-toolbar{padding:0 5px}.question-card{border-radius:17px;margin-top:13px}.question-heading{padding:25px 20px 19px}.question-heading h1{font-size:29px}.audio-stage{min-height:183px}.sound-orbit{width:98px;height:98px}.play-button{width:69px;height:69px}.answer-area,.feedback-panel{padding:22px 17px 24px}.choice-grid,.choice-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{min-height:57px}.choice kbd{display:none}.submit-answer{width:100%}.comparison-actions{display:grid}.comparison-actions .button{width:100%}.feedback-rows>div{grid-template-columns:1fr;gap:4px}.feedback-rows p{justify-content:flex-start}.continue-button{width:100%}.practice-layout{gap:17px}.practice-config{padding:20px}.token-grid{grid-template-columns:repeat(5,1fr)}.chord-tokens{grid-template-columns:repeat(2,1fr)}.segmented-control button{flex-basis:45%}.wide-activity-chart{gap:3px}.focus-list article{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 0}.mini-meter{grid-column:2/-1}.due-label{align-self:start}.history-list article{grid-template-columns:auto minmax(0,1fr) auto;padding:8px 0}.history-time{display:none}.mode-badge{grid-column:3}.theme-options{gap:5px}.theme-options button{min-height:96px}.users-toolbar{flex-direction:column;align-items:flex-start}.search-box{width:100%}.user-table{border-top:0}.user-table-head{display:none}.user-table-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px 0}.user-identity{grid-column:1}.role-badge,.status-badge,.password-state{grid-column:1;width:max-content;margin-left:42px}.role-badge{grid-row:2}.status-badge{grid-row:3}.password-state{grid-row:4}.user-actions{grid-area:1/2}.action-menu{width:205px}.session-modal{max-height:calc(100vh - 30px);padding:28px 22px;overflow-y:auto}.login-form-side{min-height:calc(100vh - 130px);padding:31px 23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}