.app-shell .typing-panel.practice-tutorial{width:min(1012px,100%);min-height:640px;margin:28px auto;padding:22px 40px}.tutorial-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.tutorial-header h1{margin:4px 0 0}.tutorial-header>span{color:var(--site-text-muted);font-variant-numeric:tabular-nums}.tutorial-progress{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:22px 0 30px}.tutorial-progress i{height:3px;background:var(--site-border)}.tutorial-progress i.active{background:var(--site-practice)}.tutorial-section{min-height:430px}.tutorial-section>h2{margin:0 0 10px;font-size:1.45rem}.tutorial-section>p{color:var(--site-text-muted);max-width:760px}.tutorial-note{border-left:2px solid var(--site-practice);padding:10px 14px;background:color-mix(in srgb,var(--site-practice) 7%,transparent)}.tutorial-audio-settings{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;margin-top:24px}.tutorial-audio-card{min-width:0;border:1px solid var(--appearance-panel-border-color);border-radius:var(--appearance-panel-radius);padding:18px;background:var(--appearance-panel-surface);color:var(--appearance-text)}.tutorial-audio-heading{display:flex;align-items:center;gap:10px;color:var(--appearance-accent-primary)}.tutorial-audio-heading>div{display:grid;gap:2px}.tutorial-audio-heading span{color:var(--appearance-accent-primary);font-size:10px;font-weight:800;letter-spacing:.08em}.tutorial-audio-heading h3{margin:0;color:var(--appearance-text);font-size:1rem}.tutorial-audio-card>p{margin:12px 0 16px;color:var(--appearance-text-muted);font-size:12px;line-height:1.65}.tutorial-sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tutorial-sound-grid button{min-height:62px;display:grid;gap:3px;text-align:left;border-color:var(--appearance-panel-control-border);background:var(--appearance-control-surface);color:var(--appearance-control-text)}.tutorial-sound-grid button.selected{border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft);box-shadow:inset 0 -2px var(--appearance-accent-primary)}.tutorial-sound-grid small{color:var(--appearance-text-muted);font-size:10px;line-height:1.4}.tutorial-volume-controls{display:grid;gap:13px;margin-top:20px}.tutorial-volume-controls .volume-slider{grid-template-columns:64px minmax(0,1fr) 46px;margin:0}.tutorial-volume-controls .volume-slider span,.tutorial-volume-controls .volume-slider strong{color:var(--appearance-text-soft)}.tutorial-audio-status{display:grid;gap:7px;margin-top:18px;border-top:1px solid var(--appearance-panel-border-color);padding-top:13px}.tutorial-audio-status span{display:flex;align-items:center;gap:7px;color:var(--appearance-text-muted);font-size:11px}.tutorial-audio-status span.audible{color:var(--appearance-accent-primary)}.tutorial-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.tutorial-choice-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-choice-grid button{min-height:135px;padding:18px;display:flex;flex-direction:column;gap:14px;text-align:left;border:1px solid var(--site-border);background:var(--site-surface);color:inherit}.tutorial-choice-grid button.selected{border-color:var(--site-practice);box-shadow:inset 0 -3px var(--site-practice)}.tutorial-choice-grid button span{color:var(--site-text-muted)}.tutorial-prompt-preview{width:100%;margin-top:26px}.tutorial-alignment-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.tutorial-alignment-controls button{min-height:46px;border:1px solid var(--site-border);background:var(--site-surface);color:inherit}.tutorial-alignment-controls button.selected{border-color:var(--site-practice);background:color-mix(in srgb,var(--site-practice) 10%,var(--site-surface));box-shadow:inset 0 -3px var(--site-practice);color:var(--site-practice)}.tutorial-keyboard-controls{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);gap:18px;align-items:start;margin-top:22px;padding:16px;border:1px solid var(--appearance-panel-border-color);border-radius:var(--appearance-panel-radius);background:var(--appearance-panel-surface);color:var(--appearance-text)}.tutorial-keyboard-options{display:grid;gap:14px;margin-top:16px}.tutorial-keyboard-option{padding:12px;border:1px solid var(--appearance-panel-border-color);border-radius:var(--appearance-panel-radius);background:var(--appearance-panel-surface);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.tutorial-keyboard-option:hover{border-color:var(--appearance-panel-border-hover)}.tutorial-keyboard-option:focus-visible{outline:2px solid var(--site-practice);outline-offset:3px}.tutorial-keyboard-option.selected{border-color:var(--site-practice);background:color-mix(in srgb,var(--site-practice) 6%,var(--site-surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--site-practice) 28%,transparent),inset 4px 0 var(--site-practice)}.tutorial-keyboard-option-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 4px 8px}.tutorial-keyboard-option-heading span{color:var(--site-text-muted);font-size:12px}.tutorial-keyboard-option.selected .tutorial-keyboard-option-heading span{color:var(--site-practice);font-weight:700}.tutorial-keyboard-option .practice-keyboard-guide{margin:0;pointer-events:none}.app-shell .tutorial-workspace.practice-panel{width:100%;margin-left:0;padding:0}.tutorial-workspace{min-height:330px;margin-top:10px}.tutorial-workspace.floating-panel-workspace.is-vertical-layout{width:100%;margin-left:0}.tutorial-workspace.is-vertical-layout .floating-workspace-panel{left:44px;width:calc(100% - 88px);max-width:calc(100% - 88px)}.practice-experience-shell .practice-tutorial .keyboard-guide-style-control>span,.practice-experience-shell .practice-tutorial .keyboard-guide-brightness-control>span{color:var(--appearance-text-muted)}.practice-experience-shell .practice-tutorial .keyboard-guide-brightness-control strong{color:var(--appearance-text-soft)}.practice-experience-shell .practice-tutorial .keyboard-guide-style-control button{border-color:var(--appearance-panel-control-border);background:var(--appearance-control-surface);color:var(--appearance-control-text)}.practice-experience-shell .practice-tutorial .keyboard-guide-style-control button.selected{border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft)}.practice-experience-shell .practice-tutorial input[type=range]{accent-color:var(--appearance-accent-primary)}.tutorial-panel-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:24px;background:#02080cc2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tutorial-panel-dialog{width:min(540px,100%);border:1px solid var(--site-practice);border-radius:8px;padding:26px;background:var(--site-surface);box-shadow:0 24px 72px #0000008f}.tutorial-panel-dialog h3{margin:4px 0 14px;font-size:1.35rem}.tutorial-panel-dialog>p:not(.eyebrow){margin:0;color:var(--site-text);line-height:1.8}.tutorial-panel-dialog small{display:block;margin-top:12px;color:var(--site-text-muted)}.tutorial-panel-dialog button{display:block;min-width:112px;margin:24px 0 0 auto;border-color:var(--site-practice);color:var(--site-practice)}.tutorial-punctuation-recommendation{max-width:820px;margin-top:16px;border-left:2px solid var(--site-practice);padding:11px 14px;background:color-mix(in srgb,var(--site-practice) 7%,transparent)}.tutorial-punctuation-recommendation strong{color:var(--site-practice);font-size:13px}.tutorial-punctuation-recommendation p{margin:5px 0 0;line-height:1.7}.tutorial-punctuation-recommendation small{display:block;margin-top:4px;color:var(--site-text-muted);line-height:1.6}.tutorial-punctuation-examples{display:grid;gap:18px;margin-top:22px}.tutorial-punctuation-card{border:1px solid var(--appearance-panel-border-color);border-radius:var(--appearance-panel-radius);padding:18px;background:var(--appearance-panel-surface)}.tutorial-punctuation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.tutorial-punctuation-heading span{color:var(--site-practice);font-size:11px;font-weight:700;text-transform:uppercase}.tutorial-punctuation-heading h3{margin:4px 0 0;font-size:1.05rem}.tutorial-punctuation-heading small{color:var(--site-text-muted)}.tutorial-punctuation-preview{width:100%;min-height:160px;margin:16px 0}.tutorial-punctuation-preview .prompt-display{min-height:86px}.tutorial-punctuation-controls{display:grid;gap:10px}.tutorial-punctuation-controls .punctuation-setting-row{grid-template-columns:88px minmax(0,1fr)}.tutorial-trial{display:grid;gap:10px;width:100%;margin-top:22px;outline:none}.tutorial-trial-prompt{width:100%;min-height:190px}.tutorial-trial-prompt .prompt-display{min-height:100px}.tutorial-trial .practice-keyboard-guide{margin:0}.tutorial-trial-status{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--appearance-panel-border-color);padding:9px 14px;background:var(--appearance-panel-surface)}.tutorial-trial-status>span{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}.tutorial-trial-status>small{color:var(--site-text-muted)}.tutorial-trial-status.complete{border-color:var(--site-practice);background:color-mix(in srgb,var(--site-practice) 7%,transparent)}.tutorial-trial-status.complete>span{color:var(--site-practice);font-weight:700}.tutorial-choice-summary{display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;align-items:center;margin-top:18px;border:1px solid color-mix(in srgb,var(--site-practice) 52%,var(--site-border));border-radius:7px;padding:16px 18px;background:color-mix(in srgb,var(--site-practice) 8%,var(--site-surface))}.tutorial-choice-summary-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--site-practice) 18%,var(--site-surface));color:var(--site-practice)}.tutorial-choice-summary strong{font-size:1rem}.tutorial-choice-summary p{margin:4px 0 0;color:var(--site-text-muted);line-height:1.65}.tutorial-exit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.tutorial-exit-card{--exit-card-accent: var(--site-practice);position:relative;height:auto!important;min-height:224px!important;overflow:hidden;padding:19px!important;display:flex!important;flex-direction:column;align-items:stretch!important;gap:17px;text-align:left;border:1px solid color-mix(in srgb,var(--exit-card-accent) 42%,var(--site-border))!important;background:color-mix(in srgb,var(--exit-card-accent) 4%,var(--site-surface))!important;color:inherit;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.tutorial-exit-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--exit-card-accent)}.tutorial-exit-card:hover{transform:translateY(-2px);border-color:var(--exit-card-accent)!important;background:color-mix(in srgb,var(--exit-card-accent) 8%,var(--site-surface))!important;box-shadow:0 12px 24px #00000038}.tutorial-exit-card.score{--exit-card-accent: #69b7ef}.tutorial-exit-card.practice{--exit-card-accent: #e7bb5b}.tutorial-exit-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--exit-card-accent)!important}.tutorial-exit-card-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--exit-card-accent) 52%,transparent);border-radius:7px;background:color-mix(in srgb,var(--exit-card-accent) 12%,transparent);color:var(--exit-card-accent)!important}.tutorial-exit-card-badge{border:1px solid color-mix(in srgb,var(--exit-card-accent) 45%,transparent);border-radius:999px;padding:4px 8px;color:var(--exit-card-accent)!important;font-size:10px;font-weight:700;letter-spacing:.04em}.tutorial-exit-card-copy{display:grid;gap:7px;color:inherit!important}.tutorial-exit-card-copy strong{font-size:1.08rem}.tutorial-exit-card-copy small{color:var(--site-text-muted);line-height:1.65}.tutorial-exit-card-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;border-top:1px solid color-mix(in srgb,var(--exit-card-accent) 22%,var(--site-border));padding-top:12px;color:var(--exit-card-accent)!important;font-size:12px;font-weight:700}.tutorial-finish-actions{display:flex;align-items:stretch;justify-content:space-between;gap:14px;margin-top:18px;border-top:1px solid var(--site-border);padding-top:16px}.tutorial-finish-back{min-height:48px!important;display:inline-flex!important;align-items:center;gap:7px;padding:8px 16px!important}.tutorial-exit-to-contents{width:auto;height:auto!important;min-height:48px!important;display:grid!important;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:8px 13px!important;text-align:left;background:transparent!important;color:var(--site-text-muted)!important}.tutorial-exit-to-contents:hover{border-color:var(--site-text-muted)!important;background:color-mix(in srgb,var(--site-text-muted) 7%,transparent)!important;color:var(--site-text)!important}.tutorial-exit-to-contents>span{display:grid;gap:1px}.tutorial-exit-to-contents strong{color:inherit;font-size:12px}.tutorial-exit-to-contents small{color:var(--site-text-muted);font-size:10px}.tutorial-actions{display:flex;justify-content:space-between;border-top:1px solid var(--site-border);padding-top:18px}.tutorial-actions button{display:inline-flex;align-items:center;gap:7px}.tutorial-actions button.primary{min-width:116px;justify-content:center;border-color:var(--site-practice)!important;background:var(--site-practice)!important;color:#071b15!important;font-weight:800;box-shadow:0 6px 18px color-mix(in srgb,var(--site-practice) 24%,transparent)}.tutorial-actions button.primary:hover{border-color:color-mix(in srgb,var(--site-practice) 78%,white)!important;background:color-mix(in srgb,var(--site-practice) 84%,white)!important}@media(max-width:760px){.tutorial-choice-grid,.tutorial-choice-grid--three,.tutorial-exit-grid,.tutorial-keyboard-controls,.tutorial-audio-settings,.tutorial-alignment-controls{grid-template-columns:1fr}.app-shell .typing-panel.practice-tutorial{width:calc(100vw - 20px);padding:20px}.tutorial-section{min-height:auto}.tutorial-actions{margin-top:24px}.tutorial-exit-to-contents{width:100%}}.options-panel{width:min(780px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden}.options-panel .panel-header{flex:0 0 auto}.options-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;padding-right:14px;scrollbar-color:#51606d #20262d;scrollbar-width:thin}.options-scroll::-webkit-scrollbar{width:10px}.options-scroll::-webkit-scrollbar-track{border-radius:999px;background:#20262d}.options-scroll::-webkit-scrollbar-thumb{border:2px solid #20262d;border-radius:999px;background:#51606d}.options-scroll::-webkit-scrollbar-thumb:hover{background:#6b7c89}.option-section{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:18px;align-items:start;border-top:1px solid #343a43;padding:18px 0}.option-section:last-child{padding-bottom:0}.option-section h2{margin:0 0 6px;font-size:18px}.option-section p{margin:0;color:#95a2ae;font-size:13px;line-height:1.5}.data-management-panel{display:grid;gap:12px}.data-management-actions{display:flex;flex-wrap:wrap;gap:8px}.button-like-file-input{min-width:104px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #4d5a66;border-radius:6px;padding:0 14px;background:#28313b;color:#f7f2e8;cursor:pointer;font-size:13px}.button-like-file-input:hover,.button-like-file-input:focus-within{border-color:#6bb6ff;background:#33404c}.button-like-file-input input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.danger-button{border-color:#8f4b52;background:#321f24;color:#ffb5b5}.danger-button:hover{background:#47272e}.data-management-note{color:#95a2ae}.data-management-status{min-height:20px;color:#8fd3ff!important}.data-confirmation-overlay{z-index:90}.data-confirmation-dialog{width:min(460px,calc(100vw - 32px))}.data-confirmation-dialog h2{margin:0;font-size:20px}.data-confirmation-dialog p{margin:12px 0 0;color:#c3ccd5;line-height:1.65}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.launch-credit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.launch-credit-card{display:grid;gap:5px;min-width:0;border:1px solid #343a43;border-radius:8px;padding:12px;background:#11161c;color:inherit;text-decoration:none}.launch-credit-card:hover,.launch-credit-card:focus-visible{border-color:#5f7285;background:#151c24}.launch-credit-card strong{overflow-wrap:anywhere;color:#f7f2e8;font-size:14px}.launch-credit-card span{color:#8fd3ff;font-size:12px;font-weight:700}.launch-credit-card small{color:#95a2ae;font-size:12px}.sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sound-option{min-width:0;height:auto;min-height:52px;display:block;padding:12px;text-align:center}.sound-option strong{display:block;font-size:16px}.sound-option.selected{border-color:#6bb6ff;background:#1f4058;box-shadow:0 0 0 1px #6bb6ff}.prompt-preview{min-height:184px;display:flex;align-items:center;margin-top:12px;border:1px solid #343a43;border-radius:8px;padding:12px;background:#151a20}.prompt-preview>.prompt-display{width:100%}.display-slider-stack{display:grid;gap:12px}.volume-slider{display:grid;grid-template-columns:72px minmax(0,1fr) 48px;gap:12px;align-items:center;margin-bottom:12px}.volume-slider span,.volume-slider strong{color:#c3ccd5;font-size:13px}.volume-slider strong{text-align:right;font-variant-numeric:tabular-nums}.volume-slider input{width:100%}.option-toggle{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#c3ccd5;font-size:13px}.option-toggle input{width:16px;height:16px}.display-slider-stack label{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center}.display-slider-stack span{color:#c3ccd5;font-size:13px}.display-slider-stack input{width:100%}.display-slider-stack.disabled{opacity:.45}.single-size-slider{margin-top:12px}.option-reset-button{width:100%;margin-top:12px}.option-info-panel{flex:0 0 auto;min-height:82px;margin-top:14px;border:1px solid #3d4652;border-radius:8px;padding:12px;background:#151a20;color:#c3ccd5;font-size:13px;line-height:1.55}.prompt-preview .prompt-display:not(.dual-script-prompt) .kana-text{min-height:0;margin-bottom:0;padding-bottom:0}.prompt-preview .prompt-display-text{color:#d8e0e7;font-size:var(--display-font-size);line-height:1.25}.prompt-preview .prompt-display.dual-script-prompt{display:grid;align-content:start;gap:4px;min-height:118px;padding-top:2px}.prompt-preview .prompt-display.dual-script-prompt .prompt-display-text{min-height:calc(var(--display-font-size) * 1.22);color:#d5dee7;line-height:1.22}.prompt-preview .prompt-display.dual-script-prompt .kana-text{min-height:56px;margin:0;padding:5px 0 8px;line-height:1.25}.prompt-preview .prompt-display.dual-script-prompt .kana-token{border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.prompt-preview .prompt-display.dual-script-prompt .completed-kana{color:#505c64}.prompt-preview .prompt-display.dual-script-prompt .active-kana{background:#598bbb29;box-shadow:inset 0 -2px #6bbcff;color:#fff6df}@media(max-width:640px){.option-section,.sound-grid,.launch-credit-list{grid-template-columns:1fr}}.site-shell--home-redesign{--home-redesign-bg: #0a0f12;--home-redesign-surface: #10171b;--home-redesign-surface-raised: #151e23;--home-redesign-border: rgba(170, 190, 194, .17);--home-redesign-border-strong: rgba(170, 190, 194, .29);--home-redesign-text: #f2f5f2;--home-redesign-muted: #9ca9aa;--home-redesign-practice: #71c7a4;--home-redesign-practice-strong: #8bd5b6;--home-redesign-score: #8aabc5;--home-redesign-width: var(--site-content);position:relative;overflow-x:hidden;background:radial-gradient(circle at 50% -18rem,rgba(113,199,164,.08),transparent 38rem),var(--home-redesign-bg);color:var(--home-redesign-text)}.site-shell--home-redesign .site-header,.site-shell--home-redesign .site-footer{width:min(var(--home-redesign-width),calc(100% - 48px));max-width:none}.site-shell--home-redesign .site-header{border-bottom-color:var(--home-redesign-border)}.site-shell--home-redesign .site-brand small{display:none}.site-shell--home-redesign .site-header-cta{border-color:#5e9f83;background:#71b998;color:#07120d}.site-shell--home-redesign .site-header-cta:hover{background:#84c9a9}.site-shell--home-redesign .site-nav a:hover,.site-shell--home-redesign .site-nav a.is-active{border-bottom-color:var(--home-redesign-practice)}.home-redesign-hero{position:relative;isolation:isolate;min-height:680px;display:grid;place-items:center;overflow:hidden;padding:90px 24px 72px;border-bottom:1px solid var(--home-redesign-border);background:radial-gradient(ellipse at 50% 20%,rgba(105,142,133,.1),transparent 52%),linear-gradient(180deg,#0b1114,#0a0f12);text-align:center}.home-redesign-stars{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;opacity:.38;background-image:radial-gradient(circle,rgba(226,237,233,.6) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(180,204,199,.34) 0 1px,transparent 1.5px);background-position:12px 18px,67px 93px;background-size:173px 173px,251px 251px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 48%,transparent 94%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 48%,transparent 94%)}.home-redesign-orbit{position:absolute;z-index:-2;top:74px;left:50%;width:min(1100px,92vw);height:330px;border:1px solid rgba(173,196,190,.1);border-radius:50%;transform:translate(-50%) rotate(-6deg)}.home-redesign-orbit:before{display:none}.home-redesign-hero-inner{position:relative;width:min(1040px,100%);min-width:0}.home-redesign-kicker,.home-redesign-section-heading>p,.home-redesign-values-heading>p,.home-redesign-learn>div:first-child>p,.home-redesign-final-cta>div>p{margin:0;color:var(--home-redesign-practice);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.home-redesign-hero h1{max-width:980px;margin:0 auto;color:var(--home-redesign-text);font-size:clamp(42px,5vw,68px);font-weight:760;line-height:1.2;letter-spacing:-.045em;text-wrap:balance}.home-redesign-hero h1 span{display:block;color:#c5e7d8}.home-redesign-hero-lead{max-width:710px;margin:24px auto 0;color:#b2bebd;font-size:16px;line-height:1.9;text-wrap:pretty}.home-redesign-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:31px}.home-redesign-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 21px;border:1px solid var(--home-redesign-border-strong);border-radius:7px;background:var(--home-redesign-surface);color:var(--home-redesign-text);font:inherit;font-size:14px;font-weight:760;line-height:1.35;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.home-redesign-button:hover{border-color:#c4d7d17a;background:#182126;transform:translateY(-1px)}.home-redesign-button--primary{border-color:#67aa8e;background:#75bea0;color:#06120d}.home-redesign-button--primary:hover{border-color:#82cbaa;background:#8bcbae;color:#06120d}.home-redesign-button--score{border-color:#8aabc585;background:#17242d;color:#d7e3e9}.home-redesign-button--score:hover{border-color:#9ebed6b3;background:#1d2c36}.home-redesign-button--secondary{background:#141c21e6;color:#dce4e2}.home-redesign-primary-note{margin:11px 0 0;color:#849392;font-size:11px}.home-redesign-four-u{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:62px 0 0;padding:0;border-top:1px solid var(--home-redesign-border);border-bottom:1px solid var(--home-redesign-border);list-style:none;text-align:left}.home-redesign-four-u li{position:relative;min-width:0;min-height:116px;display:grid;align-content:center;gap:3px;padding:21px 24px;border-right:1px solid var(--home-redesign-border)}.home-redesign-four-u li:last-child{border-right:0}.home-redesign-four-u li:before{position:absolute;top:-1px;left:24px;width:38px;height:1px;background:var(--home-redesign-practice);content:""}.home-redesign-four-u li:nth-child(3):before{background:#b9a675}.home-redesign-four-u li:nth-child(4):before{background:#9f92ad}.home-redesign-four-u span{color:#9eaaa9;font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.home-redesign-four-u strong{color:#eef3f0;font-size:20px;line-height:1.35}.home-redesign-four-u small{min-width:0;margin-top:5px;overflow-wrap:anywhere;color:#7f8d8c;font-size:11px;line-height:1.55}.home-redesign-product{padding:96px 24px 100px;border-bottom:1px solid var(--home-redesign-border);background:linear-gradient(180deg,#11191de6,#0b1114fa),radial-gradient(circle at 74% 40%,rgba(113,199,164,.06),transparent 32rem)}.home-redesign-section-inner,.home-redesign-values>.home-redesign-section-inner,.home-redesign-learn,.home-redesign-final-cta{width:min(var(--home-redesign-width),100%);margin-right:auto;margin-left:auto}.home-redesign-section-heading{max-width:760px;margin:0 auto 43px;text-align:center}.home-redesign-section-heading h2,.home-redesign-values-heading h2,.home-redesign-learn h2,.home-redesign-final-cta h2{margin:11px 0 0;color:var(--home-redesign-text);font-size:clamp(28px,3.1vw,42px);font-weight:720;line-height:1.35;letter-spacing:-.025em;text-wrap:balance}.home-redesign-section-heading>span{display:block;max-width:620px;margin:14px auto 0;color:var(--home-redesign-muted);font-size:14px;line-height:1.75}.home-redesign-practice{min-width:0;overflow:hidden;border:1px solid rgba(122,160,148,.38);border-radius:10px;background:#0b1114;box-shadow:0 36px 90px #0000004d,0 1px #ffffff06 inset}.home-redesign-practice--screenshot{margin:0}.home-redesign-practice--screenshot img{width:100%;display:block;aspect-ratio:1.19 / 1;object-fit:cover;object-position:top center;background:#0b1114}.home-redesign-practice-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 21px;border-bottom:1px solid var(--home-redesign-border);background:#0c1317}.home-redesign-practice-toolbar>div{min-width:0;display:flex;align-items:center;gap:9px}.home-redesign-practice-toolbar>div>span{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#73bea0;box-shadow:0 0 0 4px #73bea014}.home-redesign-practice-toolbar strong{color:#e7eeeb;font-size:12px}.home-redesign-practice-toolbar small{color:#768684;font-size:10px}.home-redesign-practice-workspace{min-width:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:1px;background:var(--home-redesign-border)}.home-redesign-prompt-panel,.home-redesign-focus-panel{min-width:0;background:#11191d}.home-redesign-prompt-panel>header,.home-redesign-focus-panel>header{min-height:42px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--home-redesign-border);color:#8b9997;font-size:11px;font-weight:700}.home-redesign-prompt-content{min-height:340px;display:grid;align-content:center;gap:19px;padding:52px 7%}.home-redesign-prompt-line{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:baseline;margin:0}.home-redesign-prompt-line>small{color:#899795;font-size:10px;font-weight:700;letter-spacing:.06em}.home-redesign-prompt-line>span{min-width:0;color:#d7dfdc;font-size:clamp(17px,2vw,24px);line-height:1.45;overflow-wrap:anywhere}.home-redesign-prompt-line--display>span{color:#edf2ef;font-size:clamp(25px,3.2vw,40px);font-weight:690;letter-spacing:.015em}.home-redesign-prompt-line--romaji>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(15px,1.8vw,21px);letter-spacing:.025em}.home-redesign-prompt-complete{color:#7b8987}.home-redesign-prompt-line strong{position:relative;color:#a5dbc3;font-weight:inherit}.home-redesign-prompt-line strong:after{position:absolute;right:0;bottom:-5px;left:0;height:2px;border-radius:2px;background:#73bea0;content:""}.home-redesign-focus-panel{min-height:382px}.home-redesign-focus-groups{display:grid;gap:23px;padding:29px 24px}.home-redesign-focus-groups>div{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px}.home-redesign-focus-groups small{color:#748381;font-size:10px}.home-redesign-focus-groups div>span{min-width:0;display:flex;flex-wrap:wrap;gap:7px}.home-redesign-focus-groups strong{min-width:34px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border:1px solid rgba(115,190,160,.25);border-radius:5px;background:#73bea00f;color:#b9ddcd;font-size:12px}.home-redesign-reason{margin:2px 24px 24px;padding-top:21px;border-top:1px solid var(--home-redesign-border)}.home-redesign-reason>span{display:inline-flex;align-items:center;gap:7px;color:#9ba8a6;font-size:11px;font-weight:700}.home-redesign-reason svg{color:var(--home-redesign-practice)}.home-redesign-reason p{margin:9px 0 0;color:#899795;font-size:12px;line-height:1.7}.site-shell--home-redesign>.ad-slot{width:min(var(--home-redesign-width),calc(100% - 48px));margin:24px auto;border-color:var(--home-redesign-border-strong);background:#0d1316}.home-redesign-values{padding:100px 24px 102px}.home-redesign-values-heading{max-width:700px}.home-redesign-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:49px;border-top:1px solid var(--home-redesign-border);border-bottom:1px solid var(--home-redesign-border)}.home-redesign-value-grid article{min-width:0;padding:34px 34px 36px;border-right:1px solid var(--home-redesign-border)}.home-redesign-value-grid article:last-child{border-right:0}.home-redesign-value-grid svg{color:var(--home-redesign-practice)}.home-redesign-value-grid article:last-child svg{color:var(--home-redesign-score)}.home-redesign-value-grid h3{margin:22px 0 0;color:#edf2ef;font-size:18px}.home-redesign-value-grid p{margin:10px 0 0;color:var(--home-redesign-muted);font-size:13px;line-height:1.75}.home-redesign-learn{min-width:0;display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);align-items:end;gap:64px;padding:74px 0;border-top:1px solid var(--home-redesign-border)}.home-redesign-learn h2{max-width:390px;font-size:clamp(26px,2.8vw,36px)}.home-redesign-learn-links{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--home-redesign-border)}.home-redesign-learn-links button{min-width:0;min-height:112px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:22px 24px;border:0;border-right:1px solid var(--home-redesign-border);border-bottom:1px solid var(--home-redesign-border);background:transparent;color:#d9e0de;font:inherit;text-align:left;transition:background-color .16s ease,color .16s ease}.home-redesign-learn-links button:last-child{border-right:0}.home-redesign-learn-links button:hover{background:#73bea00e;color:#fff}.home-redesign-learn-links button>svg:first-child{color:var(--home-redesign-practice)}.home-redesign-learn-links button>svg:last-child{color:#6f7e7c}.home-redesign-learn-links span{min-width:0;color:#7f8d8b;font-size:11px;line-height:1.55}.home-redesign-learn-links strong{display:block;margin-bottom:4px;color:#e6ece9;font-size:15px}.home-redesign-final-cta{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:78px 0;border-top:1px solid var(--home-redesign-border)}.home-redesign-final-cta h2{font-size:clamp(28px,3vw,40px)}.home-redesign-final-cta .home-redesign-button{flex:0 0 auto}.home-redesign-button:focus-visible,.home-redesign-learn-links button:focus-visible{outline:2px solid #b0dac8;outline-offset:3px}@media(max-width:1440px){.home-redesign-section-inner,.home-redesign-values>.home-redesign-section-inner,.home-redesign-learn,.home-redesign-final-cta{width:min(var(--home-redesign-width),calc(100% - 48px))}}@media(max-width:900px){.home-redesign-hero{min-height:0;padding-top:76px;padding-bottom:58px}.home-redesign-orbit{top:92px;width:980px;max-width:none;opacity:.7}.home-redesign-four-u{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:52px}.home-redesign-four-u li:nth-child(2){border-right:0}.home-redesign-four-u li:nth-child(3),.home-redesign-four-u li:nth-child(4){border-top:1px solid var(--home-redesign-border)}.home-redesign-four-u li:nth-child(3){border-right:1px solid var(--home-redesign-border)}.home-redesign-product,.home-redesign-values{padding-top:82px;padding-bottom:84px}.home-redesign-practice-workspace{grid-template-columns:minmax(0,1fr)}.home-redesign-focus-panel{min-height:0}.home-redesign-focus-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-redesign-reason{margin-top:0}.home-redesign-learn{grid-template-columns:minmax(0,1fr);align-items:start;gap:35px}.home-redesign-learn h2{max-width:620px}}@media(max-width:600px){.site-shell--home-redesign .site-header,.site-shell--home-redesign .site-footer{width:min(var(--home-redesign-width),calc(100% - 28px))}.home-redesign-hero{padding:56px 16px 42px}.home-redesign-kicker{font-size:10px}.home-redesign-hero h1{margin-top:14px;font-size:clamp(34px,10.4vw,44px);line-height:1.22;letter-spacing:-.035em}.home-redesign-hero-lead{margin-top:19px;font-size:14px;line-height:1.8}.home-redesign-hero-actions{display:grid;grid-template-columns:minmax(0,1fr);margin-top:25px}.home-redesign-hero-actions .home-redesign-button{width:100%}.home-redesign-four-u{margin-top:40px}.home-redesign-four-u li{min-height:122px;padding:17px 14px}.home-redesign-four-u li:before{left:14px}.home-redesign-four-u span{font-size:8px;letter-spacing:.025em}.home-redesign-four-u strong{font-size:18px}.home-redesign-four-u small{font-size:10px;line-height:1.45}.home-redesign-product,.home-redesign-values{padding:66px 16px 70px}.home-redesign-section-inner,.home-redesign-values>.home-redesign-section-inner,.home-redesign-learn,.home-redesign-final-cta{width:100%}.home-redesign-section-heading{margin-bottom:30px;text-align:left}.home-redesign-section-heading h2,.home-redesign-values-heading h2,.home-redesign-learn h2,.home-redesign-final-cta h2{font-size:27px}.home-redesign-section-heading>span{margin-right:0;margin-left:0}.home-redesign-practice-toolbar{min-height:50px;padding:0 14px}.home-redesign-practice-toolbar>small{display:none}.home-redesign-prompt-content{min-height:285px;gap:17px;padding:38px 17px}.home-redesign-prompt-line{grid-template-columns:52px minmax(0,1fr)}.home-redesign-prompt-line>span{font-size:16px}.home-redesign-prompt-line--display>span{font-size:clamp(23px,7.2vw,30px)}.home-redesign-prompt-line--romaji>span{font-size:clamp(13px,4vw,16px);letter-spacing:0}.home-redesign-focus-groups{grid-template-columns:minmax(0,1fr);padding:24px 18px}.home-redesign-reason{margin:0 18px 22px;padding-top:18px}.site-shell--home-redesign>.ad-slot{width:calc(100% - 32px)}.home-redesign-value-grid{grid-template-columns:minmax(0,1fr);margin-top:34px}.home-redesign-value-grid article{padding:28px 4px 29px;border-right:0;border-bottom:1px solid var(--home-redesign-border)}.home-redesign-value-grid article:last-child{border-bottom:0}.home-redesign-value-grid h3{margin-top:15px}.home-redesign-learn,.home-redesign-final-cta{width:calc(100% - 32px)}.home-redesign-learn{padding:62px 0}.home-redesign-learn-links{grid-template-columns:minmax(0,1fr)}.home-redesign-learn-links button,.home-redesign-learn-links button:last-child{min-height:94px;padding:18px 8px;border-right:0}.home-redesign-final-cta{display:grid;justify-items:stretch;gap:27px;padding:62px 0}.home-redesign-final-cta .home-redesign-button{width:100%}}@media(prefers-reduced-motion:reduce){.site-shell--home-redesign *,.site-shell--home-redesign *:before,.site-shell--home-redesign *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.home-practice-showcase{width:min(972px,100%);margin-inline:auto;overflow:hidden;border:1px solid var(--home-redesign-border-strong);border-radius:12px;background:var(--site-bg-raised);box-shadow:0 28px 72px #0000003d}.home-practice-showcase-header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 22px;border-bottom:1px solid var(--site-border);background:var(--site-bg-raised)}.home-practice-showcase-header .eyebrow{margin:0 0 3px;color:var(--site-practice);font-size:10px;font-weight:800}.home-practice-showcase-header h3{margin:0;color:var(--site-text);font-size:19px;line-height:1.2}.home-practice-showcase-actions{display:flex;align-items:center;gap:8px}.home-practice-showcase-actions>span{display:grid;gap:1px;color:var(--site-text-muted);font-size:9px}.home-practice-showcase-actions strong{color:var(--site-text);font-size:12px}.home-practice-showcase-actions button{min-height:32px;border:1px solid var(--site-border-strong);border-radius:6px;padding:0 12px;background:transparent;color:var(--site-text);font:inherit;font-size:11px;font-weight:700}.home-practice-showcase-stage{display:grid;gap:10px;padding:18px;background:var(--site-bg)}.home-practice-showcase .floating-panel-workspace{width:100%;height:auto;min-height:0;margin:0;overflow:visible}.home-practice-showcase .floating-workspace-toolbar,.home-practice-showcase .floating-workspace-reset{display:none}.home-practice-showcase .floating-workspace-panel{position:relative;inset:auto;max-height:none;min-height:0;margin-inline:auto;transform:none}.home-practice-showcase .floating-workspace-panel-content{max-height:none;overflow:visible}.home-practice-showcase .practice-prompt-area{min-height:206px;margin:0;border:0;border-radius:0}.home-practice-showcase .practice-keyboard-guide{margin:0;border:0}@media(max-width:700px){.home-practice-showcase-header{padding:11px 14px}.home-practice-showcase-actions>span,.home-practice-showcase-actions button:not(.practice-exit-button){display:none}.home-practice-showcase-stage{gap:8px;padding:10px}}.home-redesign-flow-heading{width:min(var(--home-redesign-width),100%);display:flex;align-items:center;gap:18px;margin:70px auto 0;color:var(--home-redesign-practice);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.home-redesign-flow-heading i{height:1px;flex:1;background:var(--home-redesign-border)}.site-shell--home-redesign .home-redesign-four-u{margin-top:38px;border:0}.site-shell--home-redesign .home-redesign-four-u li{min-height:190px;align-content:start;padding:0 26px 24px;border-top:0}.site-shell--home-redesign .home-redesign-four-u li:first-child{padding-left:0}.site-shell--home-redesign .home-redesign-four-u li:last-child{padding-right:0}.site-shell--home-redesign .home-redesign-four-u li:before{display:none}.site-shell--home-redesign .home-redesign-four-u span{display:flex;align-items:center;gap:7px;color:var(--home-redesign-score)}.site-shell--home-redesign .home-redesign-four-u span i{width:5px;height:5px;border-radius:50%;background:currentColor}.site-shell--home-redesign .home-redesign-four-u strong{margin-top:18px;font-size:14px}.site-shell--home-redesign .home-redesign-four-u b{margin-top:4px;color:var(--site-text);font-size:15px}.site-shell--home-redesign .home-redesign-four-u small{margin-top:22px;color:var(--site-text-muted);font-size:12px;line-height:1.85}.home-redesign-story,.home-redesign-report,.home-redesign-challenge{padding:112px 24px}.home-redesign-story-grid{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(620px,1.28fr);align-items:center;gap:56px}.home-redesign-story-copy>p,.home-redesign-editorial-heading>p{margin:0;color:var(--home-redesign-score);font-size:11px;font-weight:800;letter-spacing:.12em}.home-redesign-story-copy>h2,.home-redesign-editorial-heading>h2{margin:17px 0 0;color:var(--site-text);font-size:clamp(30px,3.2vw,43px);line-height:1.38;letter-spacing:-.025em}.home-redesign-story-copy ol{margin:54px 0 0;padding:0;list-style:none;border-top:1px solid var(--home-redesign-border)}.home-redesign-story-copy li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:7px;padding:27px 0 29px;border-bottom:1px solid var(--home-redesign-border)}.home-redesign-story-copy li>span{padding-top:3px;color:var(--home-redesign-score);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.home-redesign-story-copy h3{margin:0;color:var(--site-text);font-size:15px}.home-redesign-story-copy li p{margin:10px 0 0;color:var(--site-text-muted);font-size:12px;line-height:1.8}.home-redesign-story-copy li small{display:block;margin-top:12px;color:var(--home-redesign-practice);font-size:10px;word-spacing:.45em}.home-redesign-story .home-practice-showcase{width:100%;border:0;background:transparent;box-shadow:none}.home-redesign-story .home-practice-showcase-stage{gap:12px;padding:0;background:transparent}.home-redesign-story .home-practice-showcase .floating-workspace-panel{box-shadow:0 18px 50px #0000002e}.home-redesign-report{border-top:1px solid var(--home-redesign-border);background:color-mix(in srgb,var(--site-bg-raised) 32%,transparent)}.home-redesign-editorial-heading{max-width:660px}.home-redesign-editorial-heading>span{display:block;max-width:540px;margin-top:18px;color:var(--site-text-muted);font-size:13px;line-height:1.8}.home-report-showcase{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:14px;margin-top:54px}.home-report-showcase-main,.home-report-showcase-sub>section{overflow:hidden;border:1px solid var(--site-border);border-radius:10px;background:var(--site-bg-raised)}.home-report-showcase-main .typing-report-kpm-panel{height:100%;margin:0;border:0}.home-report-showcase-sub{display:grid;gap:14px}.home-report-showcase .my-weakness-list,.home-report-showcase .my-confusion-list{margin:0;padding:20px}.home-report-showcase .my-weakness-row:nth-of-type(n+4),.home-report-showcase .my-confusion-list li:nth-child(n+3){display:none}.home-redesign-challenge{border-top:1px solid var(--home-redesign-border)}.home-redesign-challenge-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:68px;margin-top:62px}.home-redesign-challenge-grid>article{min-width:0;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:center;gap:56px}.home-redesign-challenge-grid>article+article{padding-top:68px;border-top:1px solid var(--site-border)}.home-redesign-challenge-copy>span{color:var(--home-redesign-score);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.home-redesign-challenge-copy h3{margin:17px 0 0;color:var(--site-text);font-size:23px;line-height:1.5}.home-redesign-challenge-copy p{margin:15px 0 0;color:var(--site-text-muted);font-size:13px;line-height:1.85}.home-redesign-challenge-copy button{display:inline-flex;align-items:center;gap:7px;margin-top:25px;padding:0;border:0;background:transparent;color:var(--site-text);font:inherit;font-size:12px;font-weight:750}.home-redesign-challenge-sample{width:min(100%,560px);min-width:0;justify-self:end}.home-redesign-challenge-sample>.home-score-showcase,.home-redesign-challenge-sample>.home-game-showcase{width:100%;zoom:1}.home-score-showcase,.home-game-showcase{overflow:hidden;border:1px solid var(--site-border);border-radius:10px;background:var(--site-bg-raised);box-shadow:0 24px 65px #0003}.home-score-showcase .panel-header,.home-game-showcase .panel-header{min-height:62px;padding:12px 18px}.home-score-showcase .panel-header h3,.home-game-showcase .panel-header h3{margin:2px 0 0;color:var(--site-text);font-size:17px}.home-score-time{color:var(--appearance-accent-primary-strong);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.home-score-showcase .practice-prompt-area{min-height:215px;margin:12px}.home-score-showcase .score-attack-meter,.home-score-showcase .score-live-summary{margin:12px}.home-game-stage{position:relative;min-height:250px;overflow:hidden;background-position:center;background-size:cover}.home-game-stage:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 42%,rgb(5 9 12 / 72%));content:""}.home-game-stage>img{position:absolute;z-index:2;right:14%;bottom:11%;width:22%;max-width:140px;image-rendering:pixelated;filter:drop-shadow(0 12px 12px rgb(0 0 0 / 58%))}.home-game-hp,.home-game-enemy-hp{position:absolute;z-index:3;top:18px;width:34%;display:grid;gap:5px;color:#eef5f2;font-size:9px;font-weight:800}.home-game-hp{left:18px}.home-game-enemy-hp{right:18px;text-align:right}.home-game-hp i,.home-game-enemy-hp i{height:6px;overflow:hidden;border:1px solid rgb(255 255 255 / 22%);border-radius:10px;background:#04080ba6}.home-game-hp b,.home-game-enemy-hp b{height:100%;display:block;background:var(--home-redesign-practice)}.home-game-enemy-hp b{margin-left:auto;background:#bd6c62}.home-game-showcase .command-card{margin:12px}@media(max-width:700px){.home-redesign-story-grid,.home-redesign-challenge-grid>article{grid-template-columns:minmax(0,1fr)}.home-redesign-story-copy{max-width:700px}.home-report-showcase{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.home-redesign-story,.home-redesign-report,.home-redesign-challenge{padding:72px 16px}.home-redesign-flow-heading{margin-top:45px}.site-shell--home-redesign .home-redesign-four-u li,.site-shell--home-redesign .home-redesign-four-u li:first-child,.site-shell--home-redesign .home-redesign-four-u li:last-child{min-height:155px;padding:21px 14px}.site-shell--home-redesign .home-redesign-four-u small{margin-top:13px}.home-redesign-story-grid{gap:42px}.home-redesign-story-copy>h2,.home-redesign-editorial-heading>h2{font-size:28px}.home-report-showcase-sub{grid-template-columns:minmax(0,1fr)}.home-redesign-challenge-grid>article{gap:30px}.home-redesign-challenge-sample{width:100%}.home-redesign-challenge-sample>*{width:100%;zoom:1}}.home-redesign-story-grid{grid-template-columns:minmax(470px,.8fr) minmax(0,1.2fr);gap:36px}.home-redesign-story-copy,.home-redesign-story .home-practice-showcase{min-width:0}.home-redesign-story-copy>h2{font-size:clamp(30px,2.75vw,34px);line-height:1.48;letter-spacing:-.04em}.home-redesign-story .home-practice-showcase-stage{width:100%;height:510px;display:flex;align-items:flex-start;justify-content:flex-end;overflow:hidden}.home-redesign-story .home-practice-showcase-workspace{width:133.34%;flex:0 0 auto;transform:scale(.74);transform-origin:top right}.home-game-showcase{padding:12px}.home-game-battle-image{width:100%;height:auto;display:block;border:1px solid var(--site-border);border-radius:8px}.home-game-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.home-game-command-grid .command-card{min-width:0;min-height:185px;margin:0}.home-game-command-grid .prompt-text-display{min-width:0}.home-game-timeline{gap:6px;margin:10px 0 0;padding:10px 12px}.home-game-timeline .timeline-row{grid-template-columns:112px minmax(0,1fr);gap:10px}.home-game-timeline .timeline-label span,.home-game-timeline .timeline-label strong{font-size:10px}.home-game-timeline .timeline-track{height:10px}.home-game-command-grid .command-card{grid-template-rows:auto 62px 28px;min-height:0;padding:10px 12px}.home-game-command-grid .command-header h3{margin:0;font-size:16px}.home-game-command-grid .command-prompt-row,.home-game-command-grid .command-prompt-row>.prompt-display{height:62px;min-height:62px}.home-game-command-grid .command-card .kana-text{min-height:38px;padding:4px 0}.home-game-command-grid .command-card .romaji-guide{height:28px;margin:0}.home-practice-showcase .home-practice-showcase-weakness .practice-weakness-panel{padding:14px 16px}.home-practice-showcase .home-practice-showcase-weakness .practice-weakness-panel__header h2{font-size:15px}.home-practice-showcase .home-practice-showcase-weakness .practice-weakness-panel__header p,.home-practice-showcase .home-practice-showcase-weakness .practice-weakness-panel__status{font-size:9px}.home-practice-showcase .home-practice-showcase-weakness .practice-weakness-periods button{min-height:28px;padding:0 9px;font-size:9px}.home-practice-showcase .home-practice-showcase-weakness .practice-weakness-ranking-heading,.home-practice-showcase .home-practice-showcase-weakness .practice-weakness-groups,.home-practice-showcase .home-practice-showcase-weakness .practice-weakness-panel__legend{display:none}.home-practice-showcase .home-practice-showcase-weakness .practice-weakness-tracked{margin-top:10px;padding:10px}.home-practice-showcase .home-practice-showcase-weakness .practice-weakness-tracked ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-practice-showcase .home-practice-showcase-weakness .practice-weakness-tracked-card{min-height:0;padding:8px 10px}.home-redesign-updates{padding:76px 0 64px;border-top:1px solid var(--home-redesign-border)}.home-redesign-updates-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:24px;border-bottom:1px solid var(--home-redesign-border)}.home-redesign-updates-heading p{margin:0 0 9px;color:var(--home-redesign-brass-soft, var(--site-text-muted));font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.home-redesign-updates-heading h2{margin:0;color:var(--site-text);font-size:clamp(22px,2.5vw,30px);font-weight:650;letter-spacing:-.02em}.home-redesign-updates-heading>a{display:inline-flex;align-items:center;flex:0 0 auto;gap:7px;padding:5px 0;color:var(--site-text-muted);font-size:12px;text-decoration:none}.home-redesign-updates-heading>a:hover{color:var(--site-text)}.home-redesign-updates-list article{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:baseline;gap:32px;padding:24px 0 26px;border-bottom:1px solid var(--home-redesign-border)}.home-redesign-updates-list article>div{display:flex;align-items:baseline;gap:16px;color:var(--site-text-muted);font-size:11px;font-variant-numeric:tabular-nums}.home-redesign-updates-list article span{color:var(--home-redesign-brass-soft, var(--site-text-muted));font-size:9px;font-weight:700;letter-spacing:.12em}.home-redesign-updates-list h3{margin:0;color:var(--site-text);font-size:14px;font-weight:600}.home-redesign-growth-note{display:grid;justify-items:center;gap:12px;padding:0 24px 48px;color:var(--site-text-muted);text-align:center}.home-redesign-growth-note strong{color:var(--site-text);font-size:13px}.home-redesign-growth-note p{max-width:660px;margin:0;font-size:12px;line-height:1.9}.site-shell--home-redesign>.home-redesign-final-cta{width:100%;min-height:345px;display:grid;align-content:center;justify-content:center;justify-items:center;gap:28px;padding:72px 24px;border-top:1px solid var(--home-redesign-border);text-align:center}.site-shell--home-redesign>.home-redesign-final-cta h2{margin:0;color:var(--site-text);font-size:clamp(18px,1.65vw,22px);font-weight:500;letter-spacing:.02em}.home-redesign-final-actions{width:max-content;max-width:100%;display:grid;justify-items:center;gap:13px}.site-shell--home-redesign>.home-redesign-final-cta .home-redesign-final-link{display:inline-flex;align-items:center;gap:6px;padding:2px 4px;border:0;background:transparent;color:var(--site-text-muted);font:inherit;font-size:12px}.site-shell--home-redesign>.home-redesign-final-cta .home-redesign-final-link:hover{color:var(--site-text)}.site-shell--home-redesign>.home-redesign-final-cta small{margin-top:-14px;color:var(--site-text-faint);font-size:10px}@media(min-width:701px)and (max-width:1050px){.home-redesign-story-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:28px}.home-redesign-story-copy>h2{font-size:clamp(23px,3.3vw,30px)}.home-redesign-story-copy ol{margin-top:34px}.home-redesign-story-copy li{padding:20px 0 22px}.home-redesign-story .home-practice-showcase-stage{width:100%;height:430px}.home-redesign-story .home-practice-showcase-workspace{width:155%;transform:scale(.63)}.home-report-showcase{grid-template-columns:minmax(0,1.22fr) minmax(230px,.78fr)}.home-redesign-challenge-grid>article{grid-template-columns:minmax(0,1fr);gap:24px}.home-redesign-challenge-sample{justify-self:start}.home-redesign-challenge-copy h3{font-size:20px}.home-game-command-grid .command-card{min-height:0}}@media(max-width:700px){.home-redesign-story-grid{grid-template-columns:minmax(0,1fr);gap:48px}.home-redesign-story-copy{max-width:620px}.home-redesign-story .home-practice-showcase-stage{width:100%;height:auto;overflow:visible}.home-redesign-story .home-practice-showcase-workspace{width:100%;transform:none}}@media(max-width:700px){.home-game-command-grid{grid-template-columns:minmax(0,1fr)}.home-redesign-updates{padding-top:58px;padding-bottom:52px}.home-redesign-updates-heading{align-items:start;gap:18px}.home-redesign-updates-heading>a{margin-top:24px;font-size:11px}.home-redesign-updates-list article{grid-template-columns:minmax(0,1fr);gap:10px}.home-redesign-growth-note{padding-right:8px;padding-left:8px}.site-shell--home-redesign>.home-redesign-final-cta{width:100%;min-height:300px;padding-right:16px;padding-left:16px}}@media(max-width:700px){.home-redesign-challenge-sample>.home-score-showcase,.home-redesign-challenge-sample>.home-game-showcase{width:100%;zoom:1}}.home-practice-showcase .floating-workspace-panel,.home-practice-showcase .practice-keyboard-guide,.home-practice-showcase .practice-weakness-panel{border-color:var(--appearance-panel-border-color);background:var(--appearance-panel-surface);color:var(--appearance-text)}.home-practice-showcase .practice-prompt-area{background:var(--appearance-prompt-background)}.home-practice-showcase .prompt-display-text,.home-practice-showcase .prompt-display.dual-script-prompt .prompt-display-text,.home-practice-showcase .prompt-display .active-kana{color:var(--appearance-prompt-text)}.home-practice-showcase .prompt-display .completed-kana,.home-practice-showcase .prompt-display.dual-script-prompt .completed-kana{color:var(--appearance-prompt-completed)}.home-practice-showcase .prompt-display .active-kana{background:var(--appearance-accent-primary-soft);box-shadow:inset 0 -2px 0 var(--appearance-accent-primary)}.home-practice-showcase .romaji-guide{color:var(--appearance-prompt-guide)}.home-practice-showcase .romaji-guide-token.completed{color:var(--appearance-prompt-guide-completed)}.home-practice-showcase .romaji-guide-key.next{color:var(--appearance-accent-metal-bright)}.home-practice-showcase :is(.practice-weakness-panel__header h2,.practice-weakness-tracked__heading h3,.practice-weakness-tracked-card strong){color:var(--appearance-text)}.home-practice-showcase :is(.practice-weakness-panel__header p,.practice-weakness-panel__status,.practice-weakness-tracked-card small){color:var(--appearance-text-muted)}.home-practice-showcase .practice-weakness-periods button{border-color:var(--appearance-control-border-hover);background:var(--appearance-control-surface);color:var(--appearance-control-text)}.home-practice-showcase .practice-weakness-periods button.selected{border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft);color:var(--appearance-focus-text)}.home-practice-showcase .practice-weakness-tracked,.home-practice-showcase .practice-weakness-tracked-card{border-color:var(--appearance-focus-border);background:var(--appearance-surface)}.home-report-showcase-main,.home-report-showcase-sub>section,.home-report-showcase .my-history-chart{border-color:var(--appearance-panel-border-color);background:var(--appearance-panel-surface);color:var(--appearance-text)}.home-report-showcase .growth-chart-heading>strong,.home-report-showcase .my-insight-heading h3,.home-report-showcase .my-weakness-row strong,.home-report-showcase .my-confusion-list li>strong{color:var(--appearance-text)}.home-report-showcase .my-line-chart>svg{color:var(--appearance-accent-primary)}.home-report-showcase .report-chart-grid{stroke:color-mix(in srgb,var(--appearance-text-muted) 24%,transparent)}.home-report-showcase :is(.report-chart-unit,.report-chart-x-label,.report-chart-y-label){fill:var(--appearance-text-muted)}.home-report-showcase :is(.typing-report-kpm-panel__summary,.my-insight-heading p,.my-weakness-row em,.my-confusion-list li>small){color:var(--appearance-text-muted)}.home-report-showcase .my-weakness-row,.home-report-showcase .my-confusion-list li{border-color:color-mix(in srgb,var(--appearance-text-muted) 20%,transparent)}.home-report-showcase .my-confusion-list kbd{border-color:var(--appearance-focus-border);background:var(--appearance-surface-raised);color:var(--appearance-focus-text)}.home-report-showcase .my-confusion-list kbd.is-wrong{border-color:var(--appearance-danger-border);background:var(--appearance-danger-bg);color:var(--appearance-danger-text)}.home-score-showcase{border-color:var(--appearance-panel-border-color);background:var(--appearance-shell-surface);color:var(--appearance-text)}.home-score-showcase .panel-header{border-bottom-color:color-mix(in srgb,var(--appearance-text-muted) 18%,transparent)}.home-score-showcase .eyebrow{color:var(--appearance-accent-metal-bright)}.home-score-showcase .panel-header h3,.home-score-showcase .score-attack-meter-header strong,.home-score-showcase .score-live-summary strong{color:var(--appearance-text)}.home-score-showcase .score-prompt-area{border-color:var(--appearance-panel-border-color);background:var(--appearance-prompt-background)}.home-score-showcase .score-prompt-area .prompt-display.dual-script-prompt .prompt-display-text,.home-score-showcase .score-prompt-area .active-kana{color:var(--appearance-prompt-text)}.home-score-showcase .score-prompt-area .prompt-display.dual-script-prompt .completed-kana{color:var(--appearance-prompt-completed)}.home-score-showcase .score-prompt-area .active-kana{background:var(--appearance-accent-primary-soft);box-shadow:inset 0 -2px 0 var(--appearance-accent-primary)}.home-score-showcase .romaji-guide{color:var(--appearance-prompt-guide)}.home-score-showcase .romaji-guide-token,.home-game-showcase .romaji-guide-token{margin-right:7px}.home-score-showcase .romaji-guide-token:last-child,.home-game-showcase .romaji-guide-token:last-child{margin-right:0}.home-score-showcase .romaji-guide-key,.home-game-showcase .romaji-guide-key{margin:0}.home-score-showcase .romaji-guide-token.completed{color:var(--appearance-prompt-guide-completed)}.home-score-showcase .romaji-guide-key.next{color:var(--appearance-accent-metal-bright)}.home-score-showcase .score-attack-meter{border-color:var(--appearance-panel-border-color);background:var(--appearance-panel-surface);color:var(--appearance-text)}.home-score-showcase .score-attack-meter-header span,.home-score-showcase .score-live-summary :is(span,small){color:var(--appearance-text-muted)}.home-score-showcase .score-attack-meter-track{background:var(--appearance-progress-track)}.home-score-showcase .score-attack-meter-track>div{background:var(--appearance-accent-primary)}.home-score-showcase .score-live-summary>div{border-color:color-mix(in srgb,var(--appearance-text-muted) 18%,transparent);background:color-mix(in srgb,var(--appearance-surface-raised) 46%,var(--appearance-panel-surface))}.site-shell--home-redesign--navy-brass{--home-redesign-bg: #07101d;--home-redesign-surface: #0c1827;--home-redesign-surface-raised: #122236;--home-redesign-border: rgba(126, 151, 181, .18);--home-redesign-border-strong: rgba(139, 166, 198, .31);--home-redesign-text: #e8eef5;--home-redesign-muted: #91a1b5;--home-redesign-practice: #6698c7;--home-redesign-practice-strong: #83add3;--home-redesign-score: #929dc9;--home-redesign-brass: #b39a61;--home-redesign-brass-soft: #ccb77e;background:radial-gradient(circle at 50% -18rem,rgba(72,111,153,.13),transparent 38rem),var(--home-redesign-bg)}.site-shell--home-redesign--navy-brass .site-header-cta{border-color:#537fa8;background:#6698c7;color:#07111d}.site-shell--home-redesign--navy-brass .site-header-cta:hover{background:#7da9d0}.site-shell--home-redesign--navy-brass .home-redesign-hero{background:radial-gradient(ellipse at 50% 20%,rgba(68,104,143,.15),transparent 52%),linear-gradient(180deg,#081421,#07101d)}.site-shell--home-redesign--navy-brass .home-redesign-stars{background-image:radial-gradient(circle,rgba(217,227,237,.62) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(169,189,208,.36) 0 1px,transparent 1.5px)}.site-shell--home-redesign--navy-brass .home-redesign-orbit{border-color:#8ba6c629}.site-shell--home-redesign--navy-brass .home-redesign-orbit:before{border-color:#dec891ad;background:var(--home-redesign-brass);box-shadow:0 0 0 7px #b39a6114}.site-shell--home-redesign--navy-brass .home-redesign-kicker,.site-shell--home-redesign--navy-brass .home-redesign-values-heading>p,.site-shell--home-redesign--navy-brass .home-redesign-learn>div:first-child>p,.site-shell--home-redesign--navy-brass .home-redesign-final-cta>div>p{color:var(--home-redesign-brass-soft)}.site-shell--home-redesign--navy-brass .home-redesign-hero h1 span{color:#c8dce9}.site-shell--home-redesign--navy-brass .home-redesign-hero-lead{color:#aebdca}.site-shell--home-redesign--navy-brass .home-redesign-button:hover{border-color:#97b5d280;background:#14263a}.site-shell--home-redesign--navy-brass .home-redesign-button--primary{border-color:#537fa8;background:#6698c7;color:#07111d}.site-shell--home-redesign--navy-brass .home-redesign-button--primary:hover{border-color:#719fc8;background:#7da9d0;color:#07111d}.site-shell--home-redesign--navy-brass .home-redesign-button--score{border-color:#929dc98f;background:#18233b;color:#dce2f2}.site-shell--home-redesign--navy-brass .home-redesign-button--score:hover{border-color:#a6b1dabd;background:#202d49}.site-shell--home-redesign--navy-brass .home-redesign-button--secondary{background:#0d1b2beb;color:#d9e2ec}.site-shell--home-redesign--navy-brass .home-redesign-primary-note{color:#8294a7}.site-shell--home-redesign--navy-brass .home-redesign-four-u li:nth-child(3):before{background:var(--home-redesign-brass)}.site-shell--home-redesign--navy-brass .home-redesign-four-u li:nth-child(4):before{background:var(--home-redesign-score)}.site-shell--home-redesign--navy-brass .home-redesign-four-u span{color:#9bacc0}.site-shell--home-redesign--navy-brass .home-redesign-four-u strong{color:#e7edf5}.site-shell--home-redesign--navy-brass .home-redesign-four-u small{color:#8192a6}.site-shell--home-redesign--navy-brass .home-redesign-product{background:linear-gradient(180deg,#0d1a29ed,#08131ffc),radial-gradient(circle at 74% 40%,rgba(102,152,199,.08),transparent 32rem)}.site-shell--home-redesign--navy-brass .home-redesign-practice{border-color:#6698c76b;background:#081321}.site-shell--home-redesign--navy-brass .home-redesign-practice-toolbar{background:#0a1726}.site-shell--home-redesign--navy-brass .home-redesign-practice-toolbar>div>span{background:var(--home-redesign-practice);box-shadow:0 0 0 4px #6698c71a}.site-shell--home-redesign--navy-brass .home-redesign-practice-toolbar strong{color:#e1e9f1}.site-shell--home-redesign--navy-brass .home-redesign-practice-toolbar small{color:#788ba0}.site-shell--home-redesign--navy-brass .home-redesign-prompt-panel,.site-shell--home-redesign--navy-brass .home-redesign-focus-panel{background:#102033}.site-shell--home-redesign--navy-brass .home-redesign-prompt-panel>header,.site-shell--home-redesign--navy-brass .home-redesign-focus-panel>header{color:#8fa1b5}.site-shell--home-redesign--navy-brass .home-redesign-prompt-line>span{color:#d5e0eb}.site-shell--home-redesign--navy-brass .home-redesign-prompt-line--display>span{color:#e8eef5}.site-shell--home-redesign--navy-brass .home-redesign-prompt-complete{color:#76899d}.site-shell--home-redesign--navy-brass .home-redesign-prompt-line strong{color:#a9c9df}.site-shell--home-redesign--navy-brass .home-redesign-prompt-line strong:after{background:var(--home-redesign-practice)}.site-shell--home-redesign--navy-brass .home-redesign-focus-groups strong{border-color:#6698c752;background:#6698c717;color:#b7d0e3}.site-shell--home-redesign--navy-brass>.ad-slot{background:#091522}.site-shell--home-redesign--navy-brass .home-redesign-value-grid h3,.site-shell--home-redesign--navy-brass .home-redesign-learn-links strong{color:#e6edf5}.site-shell--home-redesign--moonlight-gold{--home-redesign-bg: #0a0f12;--home-redesign-surface: #10171b;--home-redesign-surface-raised: #151e23;--home-redesign-border: rgba(178, 192, 194, .16);--home-redesign-border-strong: rgba(188, 201, 204, .28);--home-redesign-text: #f2f5f2;--home-redesign-muted: #9ca9aa;--home-redesign-practice: #7897a8;--home-redesign-practice-strong: #8facb9;--home-redesign-score: #8e9caf;--home-redesign-brass: #b79a62;--home-redesign-brass-soft: #d0ba82;--home-redesign-moon: #c9dde6;background:radial-gradient(circle at 50% 0%,rgba(120,151,168,.08),transparent 34%),var(--home-redesign-bg)}.site-shell--home-redesign--moonlight-gold .site-header-cta{background:#b79a621a;border-color:#b79a6252;color:var(--home-redesign-brass-soft)}.site-shell--home-redesign--moonlight-gold .site-header-cta:hover{background:#b79a6229}.site-shell--home-redesign--moonlight-gold .home-redesign-hero{background:radial-gradient(circle at 50% 4%,rgba(201,221,230,.07),transparent 26%),linear-gradient(180deg,#0a0f122e,#0a0f1200)}.site-shell--home-redesign--moonlight-gold .home-redesign-stars{opacity:.45;background-image:radial-gradient(circle,rgba(225,232,233,.5) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(181,194,198,.24) 0 1px,transparent 1.5px)}.site-shell--home-redesign--moonlight-gold .home-redesign-orbit{border-color:#b4c3c71a;box-shadow:0 0 52px #7897a80d}.site-shell--home-redesign--moonlight-gold .home-redesign-orbit:before{background:var(--home-redesign-brass);box-shadow:0 0 18px #b79a623d}.site-shell--home-redesign--moonlight-gold .home-redesign-kicker,.site-shell--home-redesign--moonlight-gold .home-redesign-values-heading>p,.site-shell--home-redesign--moonlight-gold .home-redesign-learn>div:first-child>p,.site-shell--home-redesign--moonlight-gold .home-redesign-final-cta>div>p{color:var(--home-redesign-brass-soft)}.site-shell--home-redesign--moonlight-gold .home-redesign-hero h1 span{color:var(--home-redesign-moon)}.site-shell--home-redesign--moonlight-gold .home-redesign-hero-lead{color:#b3bdbe}.site-shell--home-redesign--moonlight-gold .home-redesign-button:hover{border-color:#c9dde647}.site-shell--home-redesign--moonlight-gold .home-redesign-button--primary{background:var(--home-redesign-practice);border-color:#8facb96b;box-shadow:0 12px 30px #7897a821;color:#071015}.site-shell--home-redesign--moonlight-gold .home-redesign-button--primary:hover{background:var(--home-redesign-practice-strong);box-shadow:0 16px 36px #7897a82e;color:#061014}.site-shell--home-redesign--moonlight-gold .home-redesign-button--score{background:#8e9caf21;border-color:#8e9caf4d;color:#dce6ea}.site-shell--home-redesign--moonlight-gold .home-redesign-button--score:hover{background:#8e9caf2e}.site-shell--home-redesign--moonlight-gold .home-redesign-button--secondary{color:#d6dcdd}.site-shell--home-redesign--moonlight-gold .home-redesign-primary-note{color:#aeb7b8}.site-shell--home-redesign--moonlight-gold .home-redesign-four-u li:nth-child(3):before{background:var(--home-redesign-brass)}.site-shell--home-redesign--moonlight-gold .home-redesign-four-u li:nth-child(4):before{background:var(--home-redesign-score)}.site-shell--home-redesign--moonlight-gold .home-redesign-four-u span{color:var(--home-redesign-brass-soft)}.site-shell--home-redesign--moonlight-gold .home-redesign-four-u strong{color:#e8eeee}.site-shell--home-redesign--moonlight-gold .home-redesign-four-u small{color:#98a4a5}.site-shell--home-redesign--moonlight-gold .home-redesign-product{background:linear-gradient(180deg,#0a0f1200,#c9dde606)}.site-shell--home-redesign--moonlight-gold .home-redesign-practice{background:linear-gradient(180deg,#10171bf2,#12191df2);box-shadow:0 24px 56px #00000047}.site-shell--home-redesign--moonlight-gold .home-redesign-practice-toolbar{background:#151e23db}.site-shell--home-redesign--moonlight-gold .home-redesign-practice-toolbar>div>span{background:var(--home-redesign-practice)}.site-shell--home-redesign--moonlight-gold .home-redesign-practice-toolbar strong{color:#e9eeee}.site-shell--home-redesign--moonlight-gold .home-redesign-practice-toolbar small{color:#98a4a5}.site-shell--home-redesign--moonlight-gold .home-redesign-prompt-panel,.site-shell--home-redesign--moonlight-gold .home-redesign-focus-panel{background:#0a0f127a}.site-shell--home-redesign--moonlight-gold .home-redesign-prompt-panel>header,.site-shell--home-redesign--moonlight-gold .home-redesign-focus-panel>header{color:var(--home-redesign-brass-soft)}.site-shell--home-redesign--moonlight-gold .home-redesign-prompt-line>span{color:#d4dbdc}.site-shell--home-redesign--moonlight-gold .home-redesign-prompt-line--display>span{color:#eef4f4}.site-shell--home-redesign--moonlight-gold .home-redesign-prompt-complete{color:var(--home-redesign-practice-strong)}.site-shell--home-redesign--moonlight-gold .home-redesign-prompt-line strong{color:var(--home-redesign-moon)}.site-shell--home-redesign--moonlight-gold .home-redesign-prompt-line strong:after{background:var(--home-redesign-practice)}.site-shell--home-redesign--moonlight-gold .home-redesign-focus-groups strong{color:#e5eded}.site-shell--home-redesign--moonlight-gold>.ad-slot{background:#10171b99}.site-shell--home-redesign--moonlight-gold .home-redesign-value-grid h3,.site-shell--home-redesign--moonlight-gold .home-redesign-learn-links strong{color:#e5eded}.romaji-reference-page{scroll-behavior:smooth}.romaji-reference-hero{padding-bottom:58px}.romaji-reference-legend{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:24px}.romaji-reference-legend span{display:inline-flex;align-items:baseline;gap:7px;color:var(--site-text-muted);font-size:11px}.romaji-reference-legend b{color:var(--site-practice);font-size:12px}.romaji-reference-toc{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:18px 4px;border-bottom:1px solid var(--site-border)}.romaji-reference-toc>span{color:var(--site-text-muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.romaji-reference-toc a,.romaji-reference-text-link,.romaji-source-links a{color:var(--site-score);text-underline-offset:4px}.romaji-reference-toc a{font-size:12px}.romaji-reference-toc a:hover,.romaji-reference-text-link:hover,.romaji-source-links a:hover{color:var(--site-text)}.romaji-reference-table-section,.romaji-special-inputs,.romaji-source-section{padding:76px 4px;border-bottom:1px solid var(--site-border);scroll-margin-top:110px}.romaji-reference-table-section{padding-bottom:42px}.romaji-reference-table-section .visual-section-heading{margin-bottom:20px}.romaji-special-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.romaji-special-input-grid article{min-width:0;padding:23px;border:1px solid var(--site-border);border-radius:8px;background:var(--site-surface)}.romaji-special-input-grid article>span{color:var(--site-text-muted);font-size:10px;font-weight:800;letter-spacing:.1em}.romaji-special-input-grid strong{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:10px;font-size:25px}.romaji-special-input-grid code{color:var(--site-practice);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.romaji-special-input-grid p,.romaji-source-policy{color:var(--site-text-muted);line-height:1.75}.romaji-reference-text-link{display:inline-flex;align-items:center;gap:7px;margin-top:24px;font-size:13px}.romaji-source-section{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);gap:18px 64px}.romaji-source-section .visual-section-heading{grid-row:1 / span 3}.romaji-source-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:20px;border-left:3px solid var(--site-practice);background:var(--site-surface)}.romaji-source-summary svg{color:var(--site-practice)}.romaji-source-summary p{display:grid;grid-template-columns:minmax(120px,.38fr) minmax(0,1fr);gap:12px;margin:0;color:var(--site-text-muted);font-size:12px;line-height:1.65}.romaji-source-summary p+p{margin-top:5px}.romaji-source-summary strong{color:var(--site-text)}.romaji-source-policy{margin:0;font-size:12px}.romaji-source-links{display:grid;gap:9px;margin:0;padding:0;list-style:none}.romaji-source-links a{display:inline-flex;align-items:center;gap:6px;font-size:12px}.romaji-reference-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:54px 4px 0;padding:34px;border:1px solid var(--site-practice);border-radius:8px;background:color-mix(in srgb,var(--site-practice-strong) 12%,var(--site-surface))}.romaji-reference-cta h2{margin:0;font-size:25px}.romaji-reference-cta p:not(.site-eyebrow){margin:9px 0 0;color:var(--site-text-muted)}.romaji-reference-cta button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:0 18px;border:1px solid var(--site-practice);border-radius:6px;background:var(--site-practice);color:var(--site-bg);font-weight:800}@media(max-width:820px){.romaji-special-input-grid{grid-template-columns:1fr}.romaji-source-section{grid-template-columns:1fr;gap:20px}.romaji-source-section .visual-section-heading{grid-row:auto}}@media(max-width:600px){.romaji-reference-table-section,.romaji-special-inputs,.romaji-source-section{padding:52px 0;scroll-margin-top:140px}.romaji-reference-toc{align-items:flex-start;flex-direction:column;padding:18px 0}.romaji-special-input-grid article{padding:20px}.romaji-source-summary p{grid-template-columns:1fr;gap:1px}.romaji-reference-cta{align-items:stretch;flex-direction:column;margin:42px 0 0;padding:26px 20px}.romaji-reference-cta button{width:100%}}@media print{.romaji-reference-hero .romaji-routes-visual,.romaji-reference-toc,.romaji-guide-principle,.romaji-reference-cta,.romaji-reference-page>.ad-slot{display:none!important}.romaji-reference-table-section,.romaji-special-inputs,.romaji-source-section{padding:16pt 0;border-color:var(--site-border)}}.romaji-input-table{--romaji-gold: #d6a653;--romaji-gold-soft: #8f6e37;--romaji-mint: #82dfbd;--romaji-navy: #071522;width:100%;max-width:1080px;display:grid;gap:30px;margin:32px auto 48px}.romaji-input-table__controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 18px;padding:16px 18px;border:1px solid #735a31;border-radius:10px;background:radial-gradient(circle at 79% 20%,rgb(214 166 83 / 8%) 0 1px,transparent 2px),radial-gradient(circle at 91% 64%,rgb(214 166 83 / 9%) 0 1px,transparent 2px),linear-gradient(110deg,#091725,#08131f 72%,#0b1825);background-size:84px 72px,112px 90px,auto;box-shadow:inset 0 1px #ffe1a50a}.romaji-input-table__toggle-fieldset{min-width:0;margin:0;padding:0;border:0}.romaji-input-table__toggle-fieldset legend{margin:0 0 7px;padding:0;color:#d5b36f;font-size:12px;font-weight:750;letter-spacing:.08em}.romaji-input-table__toggle-buttons{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid #50472f;border-radius:8px;background:#030b12b8}.romaji-input-table__toggle-button{min-height:36px;padding:7px 13px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--site-text-muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.romaji-input-table__toggle-button:hover{color:var(--site-text);background:var(--site-surface)}.romaji-input-table__toggle-button[aria-pressed=true]{border-color:#4d9b80;background:linear-gradient(180deg,#15352c,#10281f);color:#a7f1d1;box-shadow:inset 0 0 18px #57bf9717}.romaji-input-table__toggle-button:focus-visible{outline:3px solid var(--site-focus);outline-offset:2px}.romaji-input-table__sections{display:grid;gap:42px}.romaji-input-table__section{min-width:0;padding:0;border:0;background:transparent}.romaji-input-table__section.is-range-hidden{display:none}.romaji-input-table__section>h3{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:#f0d49b;font-size:clamp(27px,2.6vw,34px);font-weight:700;line-height:1.3;letter-spacing:.02em;text-shadow:0 0 18px rgb(214 166 83 / 12%)}.romaji-input-table__section>h3:before{color:var(--romaji-gold);font-size:16px;content:"✦"}.romaji-input-table__section>h3:after{height:1px;flex:1 1 auto;background:linear-gradient(90deg,var(--romaji-gold-soft),transparent 88%);content:""}.romaji-input-table__rows{display:grid;padding:9px 12px;border:1px solid #735a31;border-radius:10px;background:radial-gradient(circle at 50% 16%,rgb(21 52 78 / 12%),transparent 58%),linear-gradient(110deg,#030a11,#050d15 48%,#030911);box-shadow:inset 0 1px #ffe6b30a,0 12px 32px #0000001f}.romaji-input-table__row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:0;padding:5px 0;border:0}.romaji-input-table__row>h4{position:relative;min-height:88px;display:flex;align-items:center;justify-content:center;margin:0;color:#e6bd6d;font-size:16px;font-weight:800;line-height:1.5;letter-spacing:.04em}.romaji-input-table__row>h4:after{position:absolute;right:12px;bottom:0;left:12px;height:1px;background:linear-gradient(90deg,transparent,#9b773b 32% 76%,transparent);content:""}.romaji-input-table__entry-list{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0 0 0 14px;border-left:1px solid rgb(143 110 55 / 55%);list-style:none}.romaji-input-table__entry{position:relative;min-width:0;min-height:88px;display:grid;grid-template-columns:minmax(43px,.58fr) minmax(0,1fr);align-items:stretch;gap:13px;padding:10px 12px;border:1px solid #705a35;border-radius:8px;background:radial-gradient(circle at 52% 44%,rgb(24 68 108 / 35%),transparent 74%),linear-gradient(135deg,#0a1b2c,#0b1928);box-shadow:inset 0 1px #ffecc30d,inset 0 0 22px #1f547f14;overflow:hidden}.romaji-input-table__entry:after{position:absolute;top:14px;bottom:14px;left:36%;width:1px;background:linear-gradient(180deg,transparent,#c4933f 20% 80%,transparent);transform:rotate(17deg);content:""}.romaji-input-table__kana{min-width:0;align-self:center;justify-self:center;color:#fff3dc;font-size:clamp(27px,2.5vw,34px);font-weight:760;line-height:1.25;text-shadow:0 1px 10px rgb(255 224 167 / 12%)}.romaji-input-table__entry-placeholder{min-height:88px;visibility:hidden}.romaji-input-table__patterns{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding-left:5px}.romaji-input-table__recommended,.romaji-input-table__alternative-list code,.romaji-input-table__usual code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.romaji-input-table__recommended{max-width:100%;color:var(--romaji-mint);font-size:20px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.romaji-input-table__alternatives{max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin-top:5px}.romaji-input-table__alternatives.is-candidate-collapsed{display:none}.romaji-input-table__alternative-list{max-width:100%;display:flex;flex-wrap:wrap;gap:3px 8px}.romaji-input-table__alternative-list code{color:#e5e9ec;font-size:13px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.romaji-input-table__usual{max-width:100%;margin-top:6px;color:#b7c3ca;font-size:10px;line-height:1.45}.romaji-input-table__usual code{color:#ead18d;font-size:12px;overflow-wrap:anywhere}.romaji-input-table__usual.is-history-hidden{display:none}@media(max-width:760px){.romaji-input-table{gap:22px;margin-top:24px}.romaji-input-table__controls{align-items:stretch;padding:14px}.romaji-input-table__toggle-fieldset{flex:1 1 210px}.romaji-input-table__toggle-buttons{width:100%}.romaji-input-table__toggle-button{flex:1 1 auto}.romaji-input-table__section{padding:0}.romaji-input-table__section>h3{font-size:27px}.romaji-input-table__rows{padding:12px}.romaji-input-table__row{display:block;padding:12px 0}.romaji-input-table__row>h4{min-height:0;justify-content:flex-start;margin:0 0 10px;font-size:17px}.romaji-input-table__row>h4:after{display:none}.romaji-input-table__entry-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0;border-left:0}.romaji-input-table__entry-placeholder{display:none}}@media(max-width:390px){.romaji-input-table__entry-list{grid-template-columns:minmax(0,1fr)}}@media print{.romaji-input-table{display:block;margin:0;color:#111}.romaji-input-table__controls{display:none!important}.romaji-input-table__sections{display:block}.romaji-input-table__section,.romaji-input-table__section.is-range-hidden{display:block!important;margin:0 0 16pt;padding:0;border:0;background:transparent}.romaji-input-table__section>h3{margin:0 0 6pt;color:#111;font-size:16pt}.romaji-input-table__section>h3:before,.romaji-input-table__section>h3:after,.romaji-input-table__row>h4:after{display:none}.romaji-input-table__rows{padding:0;border:0;background:transparent;box-shadow:none}.romaji-input-table__row{grid-template-columns:54pt minmax(0,1fr);gap:7pt;padding:5pt 0;border-color:#bbb;break-inside:avoid}.romaji-input-table__row>h4{min-height:0;display:block;color:#333;font-size:8pt}.romaji-input-table__entry-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4pt;padding-left:0;border-left:0}.romaji-input-table__entry{min-height:0;gap:5pt;padding:5pt;border-color:#bbb;background:transparent;break-inside:avoid}.romaji-input-table__entry:after{background:#bbb}.romaji-input-table__kana,.romaji-input-table__recommended,.romaji-input-table__alternative-list code,.romaji-input-table__usual code{color:#111}.romaji-input-table__kana{font-size:12pt}.romaji-input-table__recommended{font-size:10pt}.romaji-input-table__usual{color:#444}.romaji-input-table__alternatives,.romaji-input-table__alternatives.is-candidate-collapsed{display:flex!important}.romaji-input-table__alternative-list code{font-size:7pt}}.site-shell--moonlight-editorial{--site-bg: var(--appearance-page-bg);--site-bg-raised: var(--appearance-panel-surface);--site-surface: var(--appearance-surface);--site-surface-strong: var(--appearance-surface-raised);--site-border: color-mix(in srgb, var(--appearance-text-muted) 16%, transparent);--site-border-strong: color-mix(in srgb, var(--appearance-text-muted) 28%, transparent);--site-text: var(--appearance-text);--site-text-muted: var(--appearance-text-muted);--site-practice: var(--appearance-accent-primary);--site-practice-strong: var(--appearance-accent-primary-strong);--site-score: var(--appearance-text-soft);--site-badge: var(--appearance-accent-metal);overflow:clip;background:var(--appearance-page-backdrop),var(--appearance-page-bg);color:var(--appearance-text);font-family:Inter,Segoe UI,system-ui,sans-serif}.site-shell--moonlight-editorial .site-header{border-bottom-color:var(--site-border)}.site-shell--moonlight-editorial .site-brand,.site-shell--moonlight-editorial .site-brand strong{color:var(--appearance-text)}.site-shell--moonlight-editorial .site-brand small,.site-shell--moonlight-editorial .site-nav a{color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .site-nav a:hover,.site-shell--moonlight-editorial .site-nav a.is-active{border-bottom-color:var(--appearance-accent-primary);color:var(--appearance-text)}.site-shell--moonlight-editorial .site-header-cta{border-color:color-mix(in srgb,var(--appearance-accent-metal) 38%,transparent);background:var(--appearance-accent-metal-soft);box-shadow:none;color:var(--appearance-accent-metal-bright)}.site-shell--moonlight-editorial .site-header-cta:hover{border-color:color-mix(in srgb,var(--appearance-accent-metal) 56%,transparent);background:color-mix(in srgb,var(--appearance-accent-metal) 17%,transparent)}.site-shell--moonlight-editorial .site-eyebrow{margin-bottom:11px;color:var(--appearance-accent-metal-bright);font-size:11px;font-weight:750;letter-spacing:.14em}.site-shell--moonlight-editorial :is(.my-page-header,.guide-hub-intro,.guide-article-header,.romaji-guide-hero) h1{color:var(--appearance-text);font-weight:760;letter-spacing:-.04em;text-wrap:balance}.site-shell--moonlight-editorial .my-page{width:min(var(--site-content),calc(100% - 48px));padding:52px 4px 38px;background:transparent}.site-shell--moonlight-editorial .my-page-header{min-height:142px;gap:48px;padding-bottom:34px;border-bottom:1px solid var(--site-border)}.site-shell--moonlight-editorial .my-page-header h1{font-size:clamp(38px,4vw,50px);line-height:1.24}.site-shell--moonlight-editorial .my-page-header p:not(.site-eyebrow){max-width:660px;margin:14px 0 0;color:var(--appearance-text-muted);font-size:14px;line-height:1.8}.site-shell--moonlight-editorial .my-page-actions button,.site-shell--moonlight-editorial :is(.growth-period-selector,.typing-report-segmented,.typing-report-periods) button,.site-shell--moonlight-editorial .typing-report-show-all{border-color:var(--site-border-strong);border-radius:8px;background:var(--appearance-control-surface);color:var(--appearance-control-text)}.site-shell--moonlight-editorial .my-page-actions button:hover,.site-shell--moonlight-editorial :is(.growth-period-selector,.typing-report-segmented,.typing-report-periods) button:hover,.site-shell--moonlight-editorial .typing-report-show-all:hover{border-color:var(--appearance-control-border-hover);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft)}.site-shell--moonlight-editorial :is(.growth-period-selector,.typing-report-segmented,.typing-report-periods) button.is-active,.site-shell--moonlight-editorial .my-section-nav button.is-active{border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft);box-shadow:none}.site-shell--moonlight-editorial .typing-report-kpm-panel{container-type:inline-size}.site-shell--moonlight-editorial .growth-chart-heading{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:14px}.site-shell--moonlight-editorial .growth-chart-controls{min-width:0;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:8px}.site-shell--moonlight-editorial .growth-period-selector{min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.site-shell--moonlight-editorial .growth-period-selector button{min-width:0;width:100%;padding-right:6px;padding-left:6px;white-space:nowrap}.site-shell--moonlight-editorial .typing-report-kpm-panel>:is(svg,.growth-chart-empty){width:100%;height:218px;margin-top:14px}.site-shell--moonlight-editorial .typing-report-kpm-panel .growth-chart-empty{min-height:218px;margin-bottom:0}.site-shell--moonlight-editorial .typing-report-kpm-panel__summary{min-height:1.7em;margin:12px 0 0}.site-shell--moonlight-editorial .growth-metric-selector{gap:0;padding:3px;border:1px solid var(--appearance-panel-control-border);border-radius:9px;background:var(--appearance-control-surface)}.site-shell--moonlight-editorial .growth-metric-selector button{min-width:72px;min-height:32px;padding:0 13px;border:0;border-radius:6px;background:transparent;color:var(--appearance-text-muted);box-shadow:none}.site-shell--moonlight-editorial .growth-metric-selector button:hover{background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .growth-metric-selector button.is-active{background:var(--appearance-accent-primary);color:var(--appearance-primary-button-text);box-shadow:none}.site-shell--moonlight-editorial .typing-report-kind-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .typing-report-kind-tabs button:hover{border-bottom-color:color-mix(in srgb,var(--appearance-accent-primary) 44%,transparent);background:transparent;color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .typing-report-kind-tabs button.is-active{border-bottom-color:var(--appearance-accent-primary);background:linear-gradient(transparent,var(--appearance-accent-primary-soft));color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .metric-help>summary{border-color:var(--appearance-panel-control-border);color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .metric-help>div{border-color:var(--appearance-panel-border-color);background:var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow)}.site-shell--moonlight-editorial .my-confusion-list kbd.is-wrong{border-color:var(--appearance-danger-border);background:var(--appearance-danger-bg);color:var(--appearance-danger-text)}.site-shell--moonlight-editorial :is(.my-next-action,.weak-unit-line){border-color:var(--appearance-panel-border-color);background:var(--appearance-accent-primary-soft)}.site-shell--moonlight-editorial .my-next-action h2{color:var(--appearance-text-soft)}.site-shell--moonlight-editorial :is(.my-summary-band,.my-activity-band){overflow:hidden;margin-top:20px;border:1px solid var(--site-border);border-radius:10px;background:color-mix(in srgb,var(--appearance-panel-surface) 84%,transparent)}.site-shell--moonlight-editorial :is(.my-summary-band,.my-activity-band)>div{border-color:var(--site-border)}.site-shell--moonlight-editorial :is(.my-summary-band,.my-activity-band) strong{color:var(--appearance-text)}.site-shell--moonlight-editorial .my-section-nav{gap:10px;margin-top:24px;padding:12px;border-color:var(--site-border);border-radius:10px;background:var(--appearance-control-surface)}.site-shell--moonlight-editorial .my-section-nav button{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .my-section-nav button:hover{border-color:var(--appearance-control-border-hover);background:var(--appearance-panel-control-hover-bg);color:var(--appearance-panel-control-hover-text)}.site-shell--moonlight-editorial .my-section-nav button.is-active{border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft);box-shadow:inset 0 -3px 0 var(--appearance-accent-primary)}.site-shell--moonlight-editorial .kana-mastery-table--primary{justify-content:space-between}.site-shell--moonlight-editorial .kana-mastery-table--yoon{justify-content:center;gap:8px;border-top-color:var(--site-border)}.site-shell--moonlight-editorial .typing-report-daily-data{border-color:var(--appearance-panel-border-color);background:var(--appearance-panel-surface);color:var(--appearance-text)}.site-shell--moonlight-editorial .typing-report-daily-data summary{color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .typing-report-daily-data__scroll{border-top-color:var(--site-border);scrollbar-color:var(--appearance-panel-control-border) transparent}.site-shell--moonlight-editorial .typing-report-daily-data th,.site-shell--moonlight-editorial .typing-report-daily-data td{border-bottom-color:var(--site-border);background:var(--appearance-panel-surface);color:var(--appearance-text)}.site-shell--moonlight-editorial .typing-report-daily-data thead th{background:var(--appearance-surface-raised);color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .typing-report-daily-data__gap>*{color:var(--appearance-text-muted)}:root[data-site-theme=light] .site-shell--moonlight-editorial .kana-mastery-map i.is-strong{border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft);color:var(--appearance-accent-primary-strong)}:root[data-site-theme=light] .site-shell--moonlight-editorial .kana-mastery-map i.is-learning{border-color:var(--appearance-accent-metal);background:var(--appearance-accent-metal-soft);color:var(--appearance-accent-metal-bright)}:root[data-site-theme=light] .site-shell--moonlight-editorial .kana-mastery-map i.is-weak{border-color:var(--appearance-danger-border);background:var(--appearance-danger-bg);color:var(--appearance-danger-text)}:root[data-site-theme=light] .site-shell--moonlight-editorial .kana-mastery-map i.is-unmeasured{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-text-muted)}:root[data-site-theme=light] .site-shell--moonlight-editorial .kana-mastery-legend .is-strong{color:var(--appearance-accent-primary-strong)}:root[data-site-theme=light] .site-shell--moonlight-editorial .kana-mastery-legend .is-learning{color:var(--appearance-accent-metal-bright)}:root[data-site-theme=light] .site-shell--moonlight-editorial .kana-mastery-legend .is-weak{color:var(--appearance-danger-text)}:root[data-site-theme=light] .site-shell--moonlight-editorial .kana-mastery-legend .is-unmeasured{color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .my-section{margin-top:64px;padding-top:46px;border-top-color:var(--site-border)}.site-shell--moonlight-editorial .my-section-heading h2{color:var(--appearance-text);font-size:clamp(27px,3vw,34px);letter-spacing:-.025em}.site-shell--moonlight-editorial .my-section-heading span{color:var(--appearance-accent-metal-bright);letter-spacing:.12em}.site-shell--moonlight-editorial :is(.my-history-chart,.typing-style-card,.romaji-style-section,.practice-calendar,.kana-mastery-map,.my-staged-summary,.practice-session-history,.my-score-item,.typing-report-details,.typing-report-slow-keys,.typing-report-detail-pane,.typing-report-chart){border-color:var(--appearance-panel-border-color);border-radius:10px;background:var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow)}.site-shell--moonlight-editorial :is(.typing-report-details__summary,.typing-report-coverage,.typing-report-advanced-metrics>div,.practice-session-history-list article,.typing-profile-rating>div,.typing-profile-axis-grid>div,.romaji-style-grid article){border-color:var(--site-border);background:var(--appearance-surface)}.site-shell--moonlight-editorial :is(.my-weakness-list>div,.my-confusion-list li,.my-history-table>div,.my-badge-list>div){border-color:var(--site-border)}.site-shell--moonlight-editorial :is(.my-weakness-list i,.motion-insight-list i,.romaji-style-grid i){background:var(--appearance-progress-track)}.site-shell--moonlight-editorial .my-confusion-list kbd{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-focus-text)}.site-shell--moonlight-editorial .my-staged-summary{background:var(--appearance-unlock-panel-background)}.site-shell--moonlight-editorial .badge-medal{border-color:color-mix(in srgb,var(--appearance-accent-metal) 50%,transparent);color:var(--appearance-accent-metal-bright)}.site-shell--moonlight-editorial .typing-report-toolbar :is(input,select){border-color:var(--appearance-panel-control-border);border-radius:7px;background:var(--appearance-panel-control-surface);color:var(--appearance-control-text)}.site-shell--moonlight-editorial .typing-report-table-scroll{border-color:var(--site-border);border-radius:8px;background:var(--appearance-panel-surface)}.site-shell--moonlight-editorial .typing-report-table :is(th,td){border-color:var(--site-border)}.site-shell--moonlight-editorial .typing-report-table tbody tr:hover>*,.site-shell--moonlight-editorial .typing-report-table tbody tr.is-selected>*{background:var(--appearance-accent-primary-soft)}.site-shell--moonlight-editorial .report-chart-grid,.site-shell--moonlight-editorial .typing-report-chart__grid{stroke:color-mix(in srgb,var(--appearance-text-muted) 22%,transparent)}.site-shell--moonlight-editorial :is(.report-chart-unit,.report-chart-x-label,.report-chart-y-label),.site-shell--moonlight-editorial .typing-report-chart svg text{fill:var(--appearance-text-muted)}.site-shell--moonlight-editorial .my-line-chart>svg circle{fill:var(--appearance-panel-surface)}.site-shell--moonlight-editorial :is(.typing-profile-rating,.typing-profile-self-summary){border-color:var(--site-border);background:var(--site-border)}.site-shell--moonlight-editorial :is(.typing-profile-rating>small,.typing-profile-self-summary>div){border-color:var(--site-border);background:var(--appearance-surface);color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .typing-radar polygon{stroke:var(--site-border)}.site-shell--moonlight-editorial .typing-radar .typing-radar-value{fill:var(--appearance-accent-primary-soft);stroke:var(--appearance-accent-primary)}.site-shell--moonlight-editorial .typing-report-details__summary{border-left-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft)}.site-shell--moonlight-editorial .typing-report-details__summary strong{color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .typing-report-slow-keys{border-color:color-mix(in srgb,var(--appearance-accent-metal) 34%,transparent);background:var(--appearance-accent-metal-soft)}.site-shell--moonlight-editorial .typing-report-slow-keys li,.site-shell--moonlight-editorial :is(.typing-report-slow-keys kbd,.typing-report-table kbd){border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-control-text)}.site-shell--moonlight-editorial .typing-report-coverage{border-color:var(--site-border);background:var(--appearance-accent-primary-soft)}.site-shell--moonlight-editorial .typing-report-coverage strong{background:color-mix(in srgb,var(--appearance-accent-primary) 18%,transparent);color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .typing-report-table-scroll{scrollbar-color:var(--site-border-strong) var(--appearance-panel-surface)}.site-shell--moonlight-editorial .typing-report-table :is(th,td){background:var(--appearance-panel-surface)}.site-shell--moonlight-editorial .typing-report-table thead th{background:var(--appearance-surface-raised);color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .typing-report-comparison.is-improve{border-color:color-mix(in srgb,var(--appearance-accent-primary) 36%,transparent);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .typing-report-comparison.is-worse{border-color:var(--appearance-danger-border);background:var(--appearance-danger-bg);color:var(--appearance-danger-text)}.site-shell--moonlight-editorial .typing-report-comparison.is-mixed{border-color:color-mix(in srgb,var(--appearance-accent-metal) 42%,transparent);background:var(--appearance-accent-metal-soft);color:var(--appearance-accent-metal-bright)}.site-shell--moonlight-editorial .typing-report-chart__point{fill:var(--appearance-text-soft);stroke:var(--appearance-panel-surface)}.site-shell--moonlight-editorial .guide-page{width:min(var(--site-content),calc(100% - 48px));padding:52px 4px 38px}.site-shell--moonlight-editorial .guide-hub-hero{padding:24px 0 64px;border-bottom-color:var(--site-border)}.site-shell--moonlight-editorial .guide-hub-intro h1{font-size:clamp(42px,4.5vw,62px)}.site-shell--moonlight-editorial :is(.guide-hub-intro,.guide-hub-section-heading)>p:not(.site-eyebrow){color:var(--appearance-text-muted)}.site-shell--moonlight-editorial :is(.guide-hub-purpose,.guide-hub-directory){padding:76px 0;border-bottom-color:var(--site-border)}.site-shell--moonlight-editorial .guide-hub-section-heading h2,.site-shell--moonlight-editorial :is(.guide-article-faq,.guide-article-editorial,.guide-article-related) h2,.site-shell--moonlight-editorial .visual-section-heading h2{color:var(--appearance-text);font-weight:740;letter-spacing:-.025em}.site-shell--moonlight-editorial .guide-hub-purpose-list{background:var(--site-border)}.site-shell--moonlight-editorial .guide-hub-purpose-list>li{background:var(--appearance-panel-surface)}.site-shell--moonlight-editorial :is(.guide-hub-purpose-link,.guide-hub-faq-link,.guide-hub-article-link):hover{background:var(--appearance-accent-primary-soft)}.site-shell--moonlight-editorial .guide-hub-faq-link{border-color:color-mix(in srgb,var(--appearance-accent-primary) 42%,transparent);background:color-mix(in srgb,var(--appearance-accent-primary) 8%,var(--appearance-panel-surface))}.site-shell--moonlight-editorial :is(.guide-hub-purpose-link>svg:first-child,.guide-hub-faq-link>svg,.guide-hub-article-order,.guide-hub-article-category,.guide-hub-article-arrow){color:var(--appearance-accent-primary)}.site-shell--moonlight-editorial .guide-hub-article-list,.site-shell--moonlight-editorial .guide-hub-article-list>li+li,.site-shell--moonlight-editorial .guide-hub-article-takeaway{border-color:var(--site-border)}.site-shell--moonlight-editorial .guide-hub-practice-cta{border-color:color-mix(in srgb,var(--appearance-accent-metal) 36%,transparent);border-radius:10px;background:linear-gradient(115deg,var(--appearance-accent-metal-soft),transparent 58%),var(--appearance-panel-surface)}.site-shell--moonlight-editorial .guide-hub-practice-cta button{border-color:var(--appearance-primary-button-border);border-radius:8px;background:var(--appearance-primary-button-bg);color:var(--appearance-primary-button-text)}.site-shell--moonlight-editorial .guide-hub-practice-cta button:hover{background:var(--appearance-primary-button-hover)}.site-shell--moonlight-editorial .guide-article-page{padding-top:72px}.site-shell--moonlight-editorial .guide-article-header{border-bottom-color:var(--site-border)}.site-shell--moonlight-editorial .guide-article-breadcrumb a,.site-shell--moonlight-editorial .guide-article-editorial-body a{color:var(--appearance-accent-primary)}.site-shell--moonlight-editorial .guide-article-toc,.site-shell--moonlight-editorial .guide-article-examples article,.site-shell--moonlight-editorial .guide-article-related,.site-shell--moonlight-editorial .guide-article-related-links a{border-color:var(--appearance-panel-border-color);border-radius:10px;background:var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow)}.site-shell--moonlight-editorial :is(.guide-article-section,.guide-article-editorial,.guide-article-faq dl,.guide-article-faq dl>div){border-color:var(--site-border)}.site-shell--moonlight-editorial .guide-article-section-heading>span{color:var(--appearance-accent-metal-bright)}.site-shell--moonlight-editorial .guide-article-points{border-left-color:var(--appearance-accent-primary-strong);background:var(--appearance-accent-primary-soft);color:var(--appearance-text)}.site-shell--moonlight-editorial .guide-example-prompt{color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .guide-example-inputs code{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-focus-text)}.site-shell--moonlight-editorial .visual-page{width:min(var(--site-content),calc(100% - 48px))}.site-shell--moonlight-editorial .romaji-guide-hero,.site-shell--moonlight-editorial :is(.guide-directory,.guide-training-band,.romaji-example-section){border-bottom-color:var(--site-border)}.site-shell--moonlight-editorial :is(.romaji-routes-visual,.candidate-lock-start,.candidate-lock-result,.training-unit-visual,.romaji-special-input-grid article,.romaji-reference-toc){border-color:var(--appearance-panel-border-color);border-radius:10px;background:var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow)}.site-shell--moonlight-editorial .romaji-kana-node{border-color:var(--appearance-accent-metal);background:var(--appearance-accent-metal-soft);color:var(--appearance-accent-metal-bright)}.site-shell--moonlight-editorial .romaji-route-options>div,.site-shell--moonlight-editorial .training-unit-track>div{border-color:var(--site-border);background:var(--appearance-surface)}.site-shell--moonlight-editorial .romaji-route-options>div.is-preferred,.site-shell--moonlight-editorial .training-unit-track>div.is-current{border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft)}.site-shell--moonlight-editorial .candidate-lock-key kbd,.site-shell--moonlight-editorial .romaji-reference-page code{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-focus-text)}.site-shell--moonlight-editorial .guide-entry-list,.site-shell--moonlight-editorial .guide-entry-list button,.site-shell--moonlight-editorial .romaji-example-table,.site-shell--moonlight-editorial .romaji-example-table>div{border-color:var(--site-border)}.site-shell--moonlight-editorial .guide-entry-list button:hover{background:var(--appearance-accent-primary-soft)}.site-shell--moonlight-editorial .romaji-guide-note{border-left-color:var(--appearance-accent-metal);background:var(--appearance-accent-metal-soft)}.site-shell--moonlight-editorial .romaji-reference-legend b,.site-shell--moonlight-editorial :is(.romaji-reference-toc a,.romaji-reference-text-link,.romaji-source-links a){color:var(--appearance-accent-primary-strong)}.site-shell--moonlight-editorial :is(.romaji-reference-toc a,.romaji-reference-text-link,.romaji-source-links a):hover{color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .romaji-input-table{--romaji-gold: var(--appearance-accent-metal);--romaji-gold-soft: color-mix(in srgb, var(--appearance-accent-metal) 58%, transparent);--romaji-mint: var(--appearance-accent-primary-strong);--romaji-navy: var(--appearance-panel-surface)}.site-shell--moonlight-editorial .romaji-input-table__controls{border-color:color-mix(in srgb,var(--appearance-accent-metal) 42%,transparent);background:linear-gradient(110deg,var(--appearance-accent-metal-soft),transparent 66%),var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow)}.site-shell--moonlight-editorial .romaji-input-table__toggle-fieldset legend,.site-shell--moonlight-editorial .romaji-input-table__section>h3,.site-shell--moonlight-editorial .romaji-input-table__row>h4{color:var(--appearance-accent-metal-bright);text-shadow:none}.site-shell--moonlight-editorial .romaji-input-table__toggle-buttons{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface)}.site-shell--moonlight-editorial .romaji-input-table__toggle-button{color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .romaji-input-table__toggle-button:hover{background:var(--appearance-panel-control-hover-bg);color:var(--appearance-panel-control-hover-text)}.site-shell--moonlight-editorial .romaji-input-table__toggle-button[aria-pressed=true]{border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft);box-shadow:none}.site-shell--moonlight-editorial .romaji-input-table__rows{border-color:color-mix(in srgb,var(--appearance-accent-metal) 36%,transparent);background:radial-gradient(circle at 50% 16%,var(--appearance-accent-primary-soft),transparent 58%),var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow)}.site-shell--moonlight-editorial .romaji-input-table__row>h4:after,.site-shell--moonlight-editorial .romaji-input-table__section>h3:after{background:linear-gradient(90deg,transparent,var(--romaji-gold-soft) 28% 76%,transparent)}.site-shell--moonlight-editorial .romaji-input-table__entry-list{border-left-color:var(--romaji-gold-soft)}.site-shell--moonlight-editorial .romaji-input-table__entry{border-color:color-mix(in srgb,var(--appearance-accent-metal) 34%,var(--site-border));background:radial-gradient(circle at 52% 44%,var(--appearance-accent-primary-soft),transparent 74%),var(--appearance-surface);box-shadow:inset 0 1px color-mix(in srgb,var(--appearance-text) 5%,transparent)}.site-shell--moonlight-editorial .romaji-input-table__entry:after{background:linear-gradient(180deg,transparent,var(--appearance-accent-metal) 20% 80%,transparent)}.site-shell--moonlight-editorial .romaji-input-table__kana{color:var(--appearance-text);text-shadow:none}.site-shell--moonlight-editorial .romaji-input-table__recommended{color:var(--appearance-accent-primary-strong)}.site-shell--moonlight-editorial .romaji-input-table__alternative-list code{color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .romaji-input-table__usual{color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .romaji-input-table__usual code{color:var(--appearance-accent-metal-bright)}.site-shell--moonlight-editorial .romaji-special-input-grid article{border-color:var(--appearance-panel-border-color);background:var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow)}.site-shell--moonlight-editorial .romaji-special-input-grid code{color:var(--appearance-accent-primary-strong)}.site-shell--moonlight-editorial .romaji-source-summary{border-left-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft)}.site-shell--moonlight-editorial .romaji-reference-cta{border-color:color-mix(in srgb,var(--appearance-accent-metal) 38%,transparent);background:linear-gradient(115deg,var(--appearance-accent-metal-soft),transparent 62%),var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow)}.site-shell--moonlight-editorial .romaji-reference-cta button{border-color:var(--appearance-primary-button-border);background:var(--appearance-primary-button-bg);color:var(--appearance-primary-button-text)}.site-shell--moonlight-editorial .romaji-reference-cta button:hover{background:var(--appearance-primary-button-hover)}.site-shell--moonlight-editorial .romaji-reference-hero{display:block;padding:72px 4px 56px}.site-shell--moonlight-editorial .romaji-reference-hero>div{max-width:860px}.site-shell--moonlight-editorial .romaji-reference-hero h1{max-width:none;font-size:clamp(40px,4.5vw,58px)}.site-shell--moonlight-editorial .romaji-input-table{max-width:1040px;gap:24px;margin:26px auto 42px}.site-shell--moonlight-editorial .romaji-input-table__controls{gap:10px 16px;padding:13px 15px;background:var(--appearance-panel-surface)}.site-shell--moonlight-editorial .romaji-input-table__toggle-fieldset legend{margin-bottom:5px;font-size:10px}.site-shell--moonlight-editorial .romaji-input-table__toggle-buttons{padding:3px}.site-shell--moonlight-editorial .romaji-input-table__toggle-button{min-height:32px;padding:5px 11px;font-size:12px}.site-shell--moonlight-editorial .romaji-input-table__sections{gap:30px}.site-shell--moonlight-editorial .romaji-input-table__section>h3{margin-bottom:9px;font-size:clamp(22px,2.2vw,27px)}.site-shell--moonlight-editorial .romaji-input-table__section>h3:before{font-size:11px}.site-shell--moonlight-editorial .romaji-input-table__rows{padding:6px 8px;background:var(--appearance-panel-surface);box-shadow:none}.site-shell--moonlight-editorial .romaji-input-table__row{grid-template-columns:70px minmax(0,1fr);padding:4px 0}.site-shell--moonlight-editorial .romaji-input-table__row>h4{min-height:72px;font-size:13px}.site-shell--moonlight-editorial .romaji-input-table__row>h4:after{display:none}.site-shell--moonlight-editorial .romaji-input-table__entry-list{gap:6px;padding-left:10px}.site-shell--moonlight-editorial .romaji-input-table__section[data-romaji-section=yoon] .romaji-input-table__entry-list{grid-template-columns:repeat(3,minmax(0,1fr))}.site-shell--moonlight-editorial .romaji-input-table__section[data-romaji-section=yoon] .romaji-input-table__entry-placeholder{display:none}.site-shell--moonlight-editorial .romaji-input-table__entry{min-height:72px;grid-template-columns:max-content minmax(0,1fr);gap:10px;padding:9px 10px;border-color:var(--site-border);background:transparent;box-shadow:none}.site-shell--moonlight-editorial .romaji-input-table__entry:after{display:none}.site-shell--moonlight-editorial .romaji-input-table__kana{min-width:38px;color:var(--appearance-text);font-size:clamp(24px,2vw,29px);white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.site-shell--moonlight-editorial .romaji-input-table__patterns{gap:1px;padding-left:0}.site-shell--moonlight-editorial .romaji-reference-page :is(.romaji-input-table__recommended,.romaji-input-table__alternative-list code,.romaji-input-table__usual code){border:0;padding:0;background:transparent;box-shadow:none}.site-shell--moonlight-editorial .romaji-reference-page .romaji-input-table__recommended{color:var(--appearance-accent-primary-strong);font-size:17px;line-height:1.2}.site-shell--moonlight-editorial .romaji-input-table__alternatives{margin-top:3px}.site-shell--moonlight-editorial .romaji-reference-page .romaji-input-table__alternative-list code{color:var(--appearance-text-soft);font-size:12px}.site-shell--moonlight-editorial .romaji-input-table__usual{margin-top:4px;font-size:9px}.site-shell--moonlight-editorial .romaji-reference-page .romaji-input-table__usual code{color:var(--appearance-accent-metal-bright);font-size:10px}.site-shell--moonlight-editorial .visual-page--about{width:min(var(--site-content),calc(100% - 48px));padding:30px 4px 38px}.site-shell--moonlight-editorial .about-hero{position:relative;min-height:430px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:stretch;border-color:var(--appearance-panel-border-color);border-radius:12px;background:radial-gradient(circle at 76% 48%,var(--appearance-accent-primary-soft),transparent 31%),linear-gradient(112deg,var(--appearance-panel-surface),color-mix(in srgb,var(--appearance-panel-surface) 86%,var(--appearance-page-bg)));box-shadow:var(--appearance-panel-shadow)}.site-shell--moonlight-editorial .about-hero:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.42;background-image:radial-gradient(circle at 7% 18%,var(--appearance-accent-metal) 0 1px,transparent 1.6px),radial-gradient(circle at 34% 76%,var(--appearance-accent-primary) 0 1px,transparent 1.6px),radial-gradient(circle at 91% 22%,var(--appearance-accent-metal) 0 1px,transparent 1.6px);content:"";pointer-events:none}.site-shell--moonlight-editorial .about-hero-copy{position:relative;z-index:2;width:auto;align-self:center}.site-shell--moonlight-editorial .about-hero-copy h1{color:var(--appearance-text);font-weight:760;letter-spacing:-.04em}.site-shell--moonlight-editorial .about-hero-copy>p:not(.site-eyebrow),.site-shell--moonlight-editorial .about-hero-facts span{color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .about-hero-copy .site-eyebrow,.site-shell--moonlight-editorial .about-hero-facts svg{color:var(--appearance-accent-metal-bright)}.site-shell--moonlight-editorial .about-hero-facts{border-top-color:var(--site-border)}.site-shell--moonlight-editorial .about-hero-visual{position:relative;z-index:1;min-width:0;min-height:430px;display:grid;place-items:center;overflow:hidden;border-left:1px solid var(--site-border)}.site-shell--moonlight-editorial .about-hero-visual:before,.site-shell--moonlight-editorial .about-hero-visual:after{position:absolute;border:1px solid color-mix(in srgb,var(--appearance-text-muted) 14%,transparent);border-radius:50%;content:""}.site-shell--moonlight-editorial .about-hero-visual:before{width:380px;height:380px}.site-shell--moonlight-editorial .about-hero-visual:after{width:276px;height:276px}.site-shell--moonlight-editorial .about-hero-orbit{position:absolute;width:430px;height:184px;border:1px solid color-mix(in srgb,var(--appearance-accent-metal) 32%,transparent);border-radius:50%}.site-shell--moonlight-editorial .about-hero-orbit--outer{transform:rotate(-17deg)}.site-shell--moonlight-editorial .about-hero-orbit--inner{width:318px;height:122px;border-color:color-mix(in srgb,var(--appearance-accent-primary) 26%,transparent);transform:rotate(28deg)}.site-shell--moonlight-editorial .about-hero-instrument{position:relative;z-index:2;width:196px;height:196px;display:grid;align-content:center;justify-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--appearance-accent-metal) 58%,transparent);border-radius:50%;background:radial-gradient(circle,var(--appearance-accent-metal-soft),transparent 68%),color-mix(in srgb,var(--appearance-panel-surface) 88%,transparent);box-shadow:inset 0 0 0 8px color-mix(in srgb,var(--appearance-accent-metal) 5%,transparent),0 20px 52px color-mix(in srgb,var(--appearance-page-bg) 44%,transparent)}.site-shell--moonlight-editorial .about-hero-instrument:before{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px dashed color-mix(in srgb,var(--appearance-accent-metal) 30%,transparent);border-radius:50%;content:""}.site-shell--moonlight-editorial .about-hero-instrument small,.site-shell--moonlight-editorial .about-hero-instrument span{position:relative;z-index:1;color:var(--appearance-text-muted);font:700 8px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.site-shell--moonlight-editorial .about-hero-instrument strong{position:relative;z-index:1;color:var(--appearance-text);font:760 58px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.08em}.site-shell--moonlight-editorial .about-hero-star{position:absolute;z-index:3;width:7px;height:7px;border:1px solid var(--appearance-accent-metal-bright);border-radius:50%;background:var(--appearance-panel-surface);box-shadow:0 0 0 4px var(--appearance-accent-metal-soft)}.site-shell--moonlight-editorial .about-hero-star--one{top:25%;right:15%}.site-shell--moonlight-editorial .about-hero-star--two{right:25%;bottom:17%}.site-shell--moonlight-editorial .about-hero-star--three{top:38%;left:12%;border-color:var(--appearance-accent-primary);box-shadow:0 0 0 4px var(--appearance-accent-primary-soft)}.site-shell--moonlight-editorial .about-toc{border-bottom-color:var(--site-border);background:color-mix(in srgb,var(--appearance-page-bg) 92%,transparent)}.site-shell--moonlight-editorial .about-toc>span{color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .about-toc a{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-control-text)}.site-shell--moonlight-editorial .about-toc a:hover,.site-shell--moonlight-editorial .about-toc a:focus-visible{border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .about-chapter,.site-shell--moonlight-editorial :is(.about-overview-list,.about-purpose-list,.about-principle-list,.about-trust-list,.about-material-list,.about-policy-links),.site-shell--moonlight-editorial :is(.about-overview-list>div,.about-purpose-list>div,.about-principle-list>div,.about-trust-list>div,.about-material-list>div,.about-credit-list>div+div){border-color:var(--site-border)}.site-shell--moonlight-editorial .about-chapter-heading>span{color:var(--appearance-accent-metal-bright)}.site-shell--moonlight-editorial .about-chapter-heading h2,.site-shell--moonlight-editorial :is(.about-overview-list,.about-purpose-list,.about-principle-list,.about-trust-list,.about-material-list,.about-status-list,.about-policy-links,.about-credit-disclosure) strong{color:var(--appearance-text)}.site-shell--moonlight-editorial .about-name-note{border-left-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft)}.site-shell--moonlight-editorial .about-name-note>span{color:var(--appearance-accent-primary-strong)}.site-shell--moonlight-editorial .about-name-note p{color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .about-content-map a{border-color:var(--appearance-panel-border-color);border-radius:10px;background:var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow);color:var(--appearance-text)}.site-shell--moonlight-editorial .about-content-map a:hover,.site-shell--moonlight-editorial .about-content-map a:focus-visible{border-color:var(--appearance-panel-border-hover);background:color-mix(in srgb,var(--appearance-accent-primary) 7%,var(--appearance-panel-surface))}.site-shell--moonlight-editorial .about-content-map a>span,.site-shell--moonlight-editorial :is(.about-purpose-list,.about-material-list)>div>span,.site-shell--moonlight-editorial .about-principle-list svg{color:var(--appearance-accent-primary)}.site-shell--moonlight-editorial .about-content-map strong small{border-color:color-mix(in srgb,var(--appearance-accent-metal) 42%,transparent);background:var(--appearance-accent-metal-soft);color:var(--appearance-accent-metal-bright)}.site-shell--moonlight-editorial .about-content-map a>svg,.site-shell--moonlight-editorial .about-policy-links svg{color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .about-trust-list>div>svg{color:var(--appearance-accent-primary)}.site-shell--moonlight-editorial .about-trust-list a{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .about-credit-disclosure{border-color:var(--appearance-panel-border-color);border-radius:10px;background:var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow)}.site-shell--moonlight-editorial .about-credit-list span{color:var(--appearance-text-muted)}.site-shell--moonlight-editorial .about-credit-list a{color:var(--appearance-accent-primary-strong)}.site-shell--moonlight-editorial .about-status-list{border-color:var(--site-border)}.site-shell--moonlight-editorial .about-status-list>div{border-right-color:var(--site-border)}.site-shell--moonlight-editorial .about-status-list span{border-color:color-mix(in srgb,var(--appearance-accent-primary) 42%,transparent);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .about-policy-links a{border-color:var(--site-border);color:var(--appearance-text)}.site-shell--moonlight-editorial .about-policy-links a:hover,.site-shell--moonlight-editorial .about-policy-links a:focus-visible{background:var(--appearance-accent-primary-soft)}.site-shell--moonlight-editorial .about-end-cta{border-color:color-mix(in srgb,var(--appearance-accent-metal) 38%,transparent);border-radius:10px;background:linear-gradient(115deg,var(--appearance-accent-metal-soft),transparent 62%),var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow)}.site-shell--moonlight-editorial .about-end-cta .editorial-cta--secondary{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-text-soft)}.site-shell--moonlight-editorial .site-footer{border-top-color:var(--site-border)}.site-shell--moonlight-editorial .site-footer-brand,.site-shell--moonlight-editorial .site-footer-links>div>strong{color:var(--appearance-text)}.site-shell--moonlight-editorial .site-footer :is(a,p){color:var(--appearance-text-muted)}@container (max-width: 780px){.site-shell--moonlight-editorial .growth-chart-heading{grid-template-columns:1fr;align-items:start}.site-shell--moonlight-editorial .growth-chart-controls{width:100%}}@container (max-width: 560px){.site-shell--moonlight-editorial .growth-chart-controls{grid-template-columns:1fr}.site-shell--moonlight-editorial .growth-metric-selector{width:150px}}@media(max-width:760px){.site-shell--moonlight-editorial :is(.my-page,.guide-page,.visual-page){width:min(100% - 28px,var(--site-content));padding-top:38px}.site-shell--moonlight-editorial .my-page-header{min-height:0;gap:22px}.site-shell--moonlight-editorial .my-page-header h1,.site-shell--moonlight-editorial .guide-hub-intro h1{font-size:34px}.site-shell--moonlight-editorial :is(.guide-hub-purpose,.guide-hub-directory){padding:52px 0}}@media(max-width:760px){.site-shell--moonlight-editorial .about-hero{grid-template-columns:1fr}.site-shell--moonlight-editorial .about-hero-copy{z-index:3;width:100%;background:linear-gradient(90deg,var(--appearance-panel-surface) 8%,color-mix(in srgb,var(--appearance-panel-surface) 88%,transparent) 68%,transparent)}.site-shell--moonlight-editorial .about-hero-visual{position:absolute;inset:0 -150px 0 auto;width:500px;min-height:100%;border-left:0;opacity:.48}}@media(max-width:540px){.site-shell--moonlight-editorial .about-hero-visual{right:-205px;opacity:.34}.site-shell--moonlight-editorial .about-hero-instrument{width:174px;height:174px}}@media(max-width:760px){.site-shell--moonlight-editorial .romaji-reference-hero{padding:52px 0 42px}.site-shell--moonlight-editorial .romaji-input-table__section[data-romaji-section=yoon] .romaji-input-table__entry-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.site-shell--moonlight-editorial .romaji-input-table__section[data-romaji-section=yoon] .romaji-input-table__entry-list{grid-template-columns:minmax(0,1fr)}}.updates-page{width:min(var(--site-content),calc(100% - 48px));margin:0 auto;padding:76px 4px 108px}.updates-page-header{max-width:760px;padding-bottom:42px;border-bottom:1px solid var(--site-border)}.updates-page-header>p{margin:0 0 14px;color:var(--appearance-accent-metal-bright);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.updates-page-header h1{margin:0;color:var(--site-text);font-size:clamp(34px,4.2vw,52px);font-weight:700;letter-spacing:-.035em}.updates-page-header>span{display:block;margin-top:20px;color:var(--site-text-muted);font-size:14px;line-height:1.9}.updates-page-list{margin-top:18px}.updates-page-entry{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;padding:34px 0 38px;border-bottom:1px solid var(--site-border)}.updates-page-meta{display:flex;align-items:baseline;gap:16px;color:var(--site-text-muted);font-size:12px;font-variant-numeric:tabular-nums}.updates-page-meta span{color:var(--appearance-accent-metal-bright);font-size:9px;font-weight:700;letter-spacing:.13em}.updates-page-entry h2{margin:0;color:var(--site-text);font-size:clamp(18px,2vw,23px);font-weight:650;letter-spacing:-.015em}.updates-page-entry p{max-width:720px;margin:14px 0 0;color:var(--site-text-muted);font-size:13px;line-height:1.85}.updates-page-back-link{display:inline-flex;align-items:center;gap:8px;margin-top:38px;color:var(--site-text-muted);font-size:12px;text-decoration:none}.updates-page-back-link:hover{color:var(--site-text)}@media(max-width:700px){.updates-page{width:calc(100% - 32px);padding-top:54px;padding-bottom:80px}.updates-page-header{padding-bottom:32px}.updates-page-entry{grid-template-columns:minmax(0,1fr);gap:14px;padding:28px 0 32px}}*{box-sizing:border-box}:root{color-scheme:dark;--site-bg: #090d12;--site-bg-raised: #0d131a;--site-surface: #121920;--site-surface-strong: #182129;--site-border: #27323c;--site-border-strong: #354453;--site-text: #f1f5f3;--site-text-muted: #9aa8b2;--site-practice: #36d399;--site-practice-strong: #19a974;--site-score: #62a7ff;--site-score-strong: #347bd5;--site-game: #b47cff;--site-badge: #f0c85a;--site-danger: #ff7068;--site-focus: #8cc8ff;--site-content: 1180px}.public-page,.public-page-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(51,168,141,.16),transparent 34rem),linear-gradient(135deg,#10161f,#151b24 54%,#111820);color:#f5f7fb;padding:28px}.public-page-shell>*{max-width:1120px;margin-right:auto;margin-left:auto}.public-shell{max-width:1120px;margin:0 auto}.public-nav{display:grid;grid-template-columns:minmax(180px,auto) 1fr auto;gap:16px;align-items:center;padding:12px 0 28px}.public-nav nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.public-nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.public-nav button,.public-actions button,.public-footer-actions button,.public-hero-actions button,.public-footer-links button{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#f5f7fb;border-radius:8px;min-height:44px;padding:0 16px;font:inherit;cursor:pointer}.public-nav button:hover,.public-actions button:hover,.public-footer-actions button:hover,.public-hero-actions button:hover,.public-footer-links button:hover{border-color:#82cab7b8;background:#82cab71f}.public-brand{justify-self:start;font-weight:700;min-width:0;overflow-wrap:anywhere}.public-nav button.selected,.public-nav button.is-active{border-color:#82cab7e6;background:#82cab72e}.public-nav-app{justify-self:end}.public-hero{display:grid;gap:18px;padding:68px 0 54px;border-bottom:1px solid rgba(255,255,255,.12)}.public-eyebrow{margin:0;color:#82cab7;font-size:.88rem;font-weight:700;letter-spacing:0}.public-hero h1{max-width:820px;margin:0;font-size:56px;line-height:1.08;letter-spacing:0}.public-lead{max-width:780px;margin:0;color:#c6d1dd;font-size:1.08rem;line-height:1.9}.public-highlight-list{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:4px 0 0;padding:0}.public-highlight-list li{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0e;color:#d7e2ed;min-height:32px;display:inline-flex;align-items:center;padding:0 12px;font-size:.92rem}.public-highlights{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 0}.public-highlights span{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0e;color:#d7e2ed;min-height:32px;display:inline-flex;align-items:center;padding:0 12px;font-size:.92rem}.public-actions,.public-footer-actions,.public-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.public-actions .public-cta-primary,.public-hero-actions .public-cta--primary{background:#2f9f87;border-color:#56c5ad;color:#06110f;font-weight:700;min-width:152px}.public-actions .public-cta-secondary,.public-hero-actions .public-cta--secondary{background:#5280d63d;border-color:#7ba2ec9e;min-width:140px}.public-actions .public-cta-subtle,.public-hero-actions .public-cta--subtle{color:#c6d1dd}.public-content,.public-section-stack{display:grid;gap:34px;padding:42px 0}.public-section,.public-info-section{display:grid;gap:18px}.public-section-heading{display:grid;gap:6px}.public-section-heading h2{margin:0;font-size:1.2rem;letter-spacing:0}.public-section-heading p{max-width:760px;margin:0;color:#aeb9c7;line-height:1.7}.public-card-grid,.public-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.public-card,.public-feature-card{min-height:160px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b;padding:18px}.public-card h3,.public-feature-card h3{margin:0 0 10px;font-size:1rem;letter-spacing:0}.public-card p,.public-feature-card p{margin:0;color:#b8c4d1;line-height:1.72}.public-footer-actions{padding:20px 0 8px;border-top:1px solid rgba(255,255,255,.1)}.public-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 0 8px;border-top:1px solid rgba(255,255,255,.1)}.public-footer p{margin:6px 0 0;color:#aeb9c7;line-height:1.5}.public-footer .public-footer-credit{color:#7f8b98;font-size:12px}.ad-slot{display:flex;align-items:center;justify-content:center;gap:14px;min-height:92px;margin-top:18px;border:1px dashed rgba(143,211,255,.38);border-radius:8px;padding:16px;background:linear-gradient(135deg,#6bbcff1a,#11161cb8 48%),#11161cb8;color:#7f8b98;text-align:left}.ad-slot span{display:block;color:#d8e0e7;font-size:14px;font-weight:700}.ad-slot small{display:block;margin-top:3px;color:#7f8b98;font-size:12px}.ad-slot-badge{flex:0 0 auto;border:1px solid rgba(143,211,255,.45);border-radius:999px;padding:5px 9px;background:#182e3ebd;color:#8fd3ff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.public-footer-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:760px){.public-page,.public-page-shell{padding:18px}.public-nav{grid-template-columns:minmax(0,1fr) auto;gap:10px}.public-nav nav,.public-nav-links{grid-column:1 / -1;justify-content:flex-start;order:3;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.public-hero{padding:42px 0 36px}.public-hero h1{font-size:2.2rem}.public-card-grid,.public-feature-grid,.public-footer{grid-template-columns:1fr}.public-footer-links{justify-content:stretch}.ad-slot{align-items:flex-start;flex-direction:column;text-align:left}.public-actions button,.public-footer-actions button,.public-hero-actions button,.public-footer-links button{flex:1 1 100%}.public-highlight-list,.public-highlights{display:grid;grid-template-columns:1fr}.public-highlight-list li,.public-highlights span{justify-content:center}}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--site-bg);color:#f7f2e8}button{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.typing-panel{width:min(760px,100%);border:1px solid #343a43;border-radius:8px;padding:24px;background:#1d2229;box-shadow:0 18px 40px #00000047}.practice-panel{padding:18px}.practice-panel .panel-header{margin-bottom:14px}.sound-unlock-prompt{position:fixed;right:18px;bottom:18px;z-index:40;min-width:0;height:36px;padding:0 14px;border-color:#6bb6ff;background:#1f4058;box-shadow:0 12px 30px #00000052}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{margin:0 0 4px;color:#8fb7ce;font-size:13px;text-transform:uppercase}.typing-panel h1,.result-panel h2,.command-card h2{margin:0}.typing-panel h1{font-size:26px}.title-panel{width:min(860px,100%)}.title-copy{margin:12px 0 20px;color:#c3ccd5;line-height:1.6}.title-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.title-stats{min-width:220px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.title-header-tools{display:grid;grid-template-columns:minmax(150px,180px) auto;grid-template-areas:"volume mute" "stats stats";gap:10px;justify-items:end}.title-header-tools .compact-volume-control{grid-area:volume}.title-header-tools .mute-button{grid-area:mute}.title-header-tools .title-stats{grid-area:stats}.title-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;margin-top:14px}.title-menu{display:grid;gap:10px;align-content:start}.title-menu button{width:100%;height:48px;text-align:left;padding:0 14px}.title-menu button.primary{border-color:#6bb6ff7a}.title-menu button.primary:after{content:"Main";float:right;font-size:11px;color:#9ed0ff;letter-spacing:0}.title-menu button.secondary{opacity:.84}.title-menu button.selected{border-color:#6bb6ff;background:#1f4058;box-shadow:0 0 0 1px #6bb6ff}.title-menu button.selected:after{color:#d7ecff}.title-content{min-width:0;display:grid;gap:12px}.title-category-description{margin:0;color:#c3ccd5;line-height:1.55}.title-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.title-action{min-width:0;height:auto;min-height:96px;display:block;padding:14px;text-align:left}.title-action strong,.title-action span{display:block}.title-action strong{margin-bottom:8px;font-size:19px}.title-action span{color:#c3ccd5;font-size:13px;line-height:1.45}.title-action.disabled{opacity:.55}.title-action.selected{border-color:#6bb6ff;background:#1f4058;box-shadow:0 0 0 1px #6bb6ff}.floating-panel-workspace{position:relative;width:100%;height:1060px;overflow:hidden;isolation:isolate;border:0;border-radius:0;background:transparent}.desktop-typing-notice{display:none}.floating-workspace-reset{position:absolute;left:8px;bottom:8px;z-index:1000;min-height:30px!important;padding:0 9px;opacity:.7;font-size:10px}.floating-workspace-reset:hover{opacity:1}.floating-workspace-panel{position:absolute;left:0;top:0;width:min(760px,calc(100% - 16px));max-height:calc(100% - 8px);overflow:hidden;border:1px solid #304757;border-radius:6px;background:#0b141b;box-shadow:none;transform:translate(var(--panel-x),var(--panel-y))}.floating-workspace-panel:focus-within,.floating-workspace-panel:hover{border-color:#42657a}.floating-workspace-panel-content{min-width:0;max-height:100%;overflow:auto}.typing-workspace-panel--prompt{width:min(760px,calc(100% - 16px))}.typing-workspace-panel--prompt .practice-prompt-area{margin:0;border:0;border-radius:0}.typing-workspace-panel--keyboard{width:min(760px,calc(100% - 16px))}.typing-workspace-panel--keyboard .practice-keyboard-guide{margin:0;border:0}.typing-workspace-panel--diagnosis{width:min(760px,calc(100% - 16px))}.typing-workspace-panel--diagnosis .floating-workspace-panel-content{overflow:hidden}.typing-workspace-panel--diagnosis .staged-practice-panel{margin:0;border:0;border-radius:0}.start-check-progress-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px 24px;min-height:116px;padding:18px 22px;box-sizing:border-box;background:linear-gradient(110deg,color-mix(in srgb,var(--site-practice) 10%,transparent),transparent 55%),#0b141b}.start-check-progress-copy{min-width:0;display:grid;gap:4px}.start-check-progress-copy>span{color:var(--site-practice);font-size:10px;font-weight:700;letter-spacing:.12em}.start-check-progress-copy>strong{color:#edf7f4;font-size:16px}.start-check-progress-copy>p{margin:0;color:var(--site-text-muted);font-size:11px}.start-check-progress-value{display:flex;align-items:baseline;gap:5px;color:var(--site-text-muted);font-variant-numeric:tabular-nums}.start-check-progress-value>strong{color:#f2fff9;font-size:30px;line-height:1}.start-check-progress-value>span{font-size:13px}.start-check-progress-track{grid-column:1 / -1;height:3px;overflow:hidden;background:#20323d}.start-check-progress-track>span{display:block;height:100%;background:var(--site-practice);transition:width .18s ease}.typing-workspace-panel--focus{width:min(920px,calc(100% - 16px))}.typing-workspace-panel--focus .practice-focus-panel{margin:0;border:0}.typing-workspace-panel--weakness{width:min(920px,calc(100% - 16px))}.typing-workspace-panel--weakness .practice-weakness-panel{margin:0;border:0;border-radius:0}.typing-workspace-panel--practice-result{width:min(920px,calc(100% - 16px))}.typing-workspace-panel--practice-result .practice-result-strip{margin:0;border:0;border-radius:0}.typing-workspace-panel--mode{width:min(920px,calc(100% - 16px))}.typing-workspace-panel--mode .staged-practice-panel--play,.typing-workspace-panel--mode .unit-focus-practice-panel{margin:0;border:0;border-radius:0}.typing-workspace-panel--unit-focus{height:430px}.typing-workspace-panel--unit-focus .floating-workspace-panel-content{height:100%}.typing-workspace-panel--score-progress{width:min(500px,calc(55% - 8px))}.typing-workspace-panel--score-summary{width:min(400px,calc(45% - 8px))}.typing-workspace-panel--score-progress .score-attack-meter,.typing-workspace-panel--score-summary .score-live-summary{margin:0;border:0;border-radius:0}.typing-workspace-panel--score-summary .score-live-summary{grid-template-columns:1.25fr 1fr 1fr}@media(max-width:900px),(pointer:coarse){.floating-panel-workspace{height:auto;min-height:220px;display:grid;place-items:center;padding:24px;background:#0b141b}.desktop-typing-notice{max-width:440px;display:grid;gap:10px;text-align:center}.desktop-typing-notice strong{color:var(--site-text);font-size:18px}.desktop-typing-notice p{margin:0;color:var(--site-text-muted);font-size:13px;line-height:1.7}.floating-workspace-reset,.floating-workspace-toolbar,.floating-workspace-panel{display:none}}.floating-panel-workspace.is-fixed-layout{height:auto;min-height:0;min-width:0;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;overflow:visible;border:0;background:transparent;box-sizing:border-box}.is-fixed-layout .floating-workspace-reset{display:none}.is-fixed-layout .floating-workspace-panel{position:relative;left:auto;top:auto;width:100%;min-width:0;max-width:100%;max-height:none;overflow:visible;transform:none;z-index:auto!important;box-shadow:none;box-sizing:border-box}.is-fixed-layout .floating-workspace-panel-content{width:100%;min-width:0;max-width:100%;max-height:none;overflow:visible;box-sizing:border-box}.is-fixed-layout .practice-prompt-area,.is-fixed-layout .practice-keyboard-guide,.is-fixed-layout .practice-focus-panel,.is-fixed-layout .practice-weakness-panel,.is-fixed-layout .practice-result-strip,.is-fixed-layout .staged-practice-panel--play,.is-fixed-layout .unit-focus-practice-panel,.is-fixed-layout .start-check-progress-panel,.is-fixed-layout .score-attack-meter,.is-fixed-layout .score-live-summary{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.is-fixed-layout .typing-workspace-panel--unit-focus{height:auto}.is-fixed-layout .typing-workspace-panel--score-progress,.is-fixed-layout .typing-workspace-panel--score-summary{width:100%}.typing-workspace-panel--prompt .floating-workspace-panel-content{overflow:hidden}.practice-settings-overlay{z-index:10000}.typing-workspace-layout-setting .segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.is-vertical-layout .floating-workspace-panel,.is-vertical-layout .floating-workspace-panel-content,.is-vertical-layout .practice-prompt-area,.is-vertical-layout .practice-keyboard-guide,.is-vertical-layout .practice-focus-panel,.is-vertical-layout .practice-weakness-panel,.is-vertical-layout .practice-result-strip,.is-vertical-layout .staged-practice-panel--play,.is-vertical-layout .unit-focus-practice-panel,.is-vertical-layout .start-check-progress-panel,.is-vertical-layout .score-attack-meter,.is-vertical-layout .score-live-summary{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.is-floating-layout .typing-workspace-panel--prompt .practice-prompt-area,.is-vertical-layout .typing-workspace-panel--prompt .practice-prompt-area{height:214px;min-height:214px;padding-bottom:34px}.floating-workspace-toolbar{position:absolute;right:8px;bottom:8px;z-index:3000}.floating-workspace-panel-menu-button{min-height:30px!important;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-color:#42657a;background:#0d1a22;font-size:11px}.floating-workspace-panel-menu{position:absolute;right:0;bottom:38px;width:210px;display:grid;gap:5px;border:1px solid #42657a;border-radius:6px;padding:8px;background:#0b141b;box-shadow:0 16px 36px #0000007a}.floating-workspace-panel-menu button{min-height:30px;justify-content:flex-start;border-color:#263c49;color:var(--site-text-muted);font-size:11px;text-align:left}.floating-workspace-panel-menu button.selected{border-color:#2b8d72;background:#0d2a23;color:#d9fff2}.practice-floating-workspace{height:1320px}.practice-floating-workspace--staged{height:1460px}.practice-floating-workspace--diagnosis{height:680px}.practice-floating-workspace--unitFocus{height:1760px}.floating-panel-workspace.is-vertical-layout{width:calc(100% + 44px);margin-left:-44px;overflow:visible}.is-vertical-layout .floating-workspace-reset{left:52px}.is-vertical-layout .floating-workspace-panel{left:44px;width:calc(100% - 44px);max-width:calc(100% - 44px);overflow:visible}.floating-workspace-panel-controls{position:absolute;left:0;top:50%;z-index:4;width:100%;height:30px;transform:translateY(-50%);pointer-events:none}.floating-workspace-panel-controls .floating-workspace-panel-grip,.floating-workspace-panel-controls .floating-workspace-panel-visibility{position:absolute;top:0;width:28px;min-width:28px!important;max-width:28px;height:30px;min-height:30px!important;display:grid;place-items:center;border:1px solid #315062;border-radius:5px;padding:0;pointer-events:auto}.floating-workspace-panel-controls .floating-workspace-panel-grip{right:-36px;background:#0d1a22;color:#6f91a4;cursor:ns-resize;touch-action:none}.floating-workspace-panel-controls .floating-workspace-panel-visibility{left:-36px;background:#0a151c;color:#7894a4}.floating-workspace-panel-controls .floating-workspace-panel-grip:hover,.floating-workspace-panel-controls .floating-workspace-panel-grip:focus-visible,.floating-workspace-panel-controls .floating-workspace-panel-visibility:hover,.floating-workspace-panel-controls .floating-workspace-panel-visibility:focus-visible{border-color:var(--site-practice);background:#103126;color:#b8ffe6}.floating-workspace-panel-controls .is-coach-target{border-color:#ff6269;border-radius:999px;background:#261317;color:#ff8b90;box-shadow:0 0 0 3px #ff49523d,0 0 18px #ff495261}.floating-workspace-panel.is-coach-dimmed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;background:#01070a85;pointer-events:none}.floating-workspace-panel.is-coach-dimmed.is-collapsed:after{display:none}.floating-panel-workspace.is-coach-active .floating-workspace-panel-controls>button:not(.is-coach-target){opacity:.32;filter:brightness(.55)}.floating-workspace-coach-mark{position:absolute;top:50%;z-index:10;width:max-content;max-width:min(300px,calc(100% - 84px));min-height:46px;display:flex;align-items:center;gap:9px;border:1px solid #ff6269;border-radius:7px;padding:9px 12px;background:#1e0d12f5;color:#ffe7e9;box-shadow:0 8px 24px #00000061;font-size:12px;font-weight:700;line-height:1.5;transform:translateY(-50%);pointer-events:none}.floating-workspace-coach-mark.is-drag{right:44px}.floating-workspace-coach-mark.is-visibility{left:44px}.floating-workspace-coach-mark svg{flex:0 0 auto;color:#ff7379;animation:floating-workspace-coach-bob .9s ease-in-out infinite alternate}@keyframes floating-workspace-coach-bob{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.floating-workspace-coach-mark svg{animation:none}}.is-vertical-layout .floating-workspace-panel.is-collapsed{border-color:transparent;background:transparent;box-shadow:none;pointer-events:none}.is-vertical-layout .floating-workspace-panel.is-collapsed .floating-workspace-panel-content{visibility:hidden;pointer-events:none}.is-vertical-layout .floating-workspace-panel.is-collapsed .floating-workspace-panel-controls{visibility:visible;pointer-events:none}.is-vertical-layout .floating-workspace-panel.is-collapsed .floating-workspace-panel-grip{opacity:.5;filter:saturate(.55)}.is-vertical-layout .floating-workspace-panel.is-collapsed .floating-workspace-panel-grip:hover,.is-vertical-layout .floating-workspace-panel.is-collapsed .floating-workspace-panel-grip:focus-visible{opacity:.78}.practice-entry-panel{max-width:980px}.practice-entry-lead{max-width:680px;margin:8px 0 0;color:#c3ccd5;line-height:1.55}.practice-entry-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.practice-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.staged-entry-panel,.staged-practice-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:14px;align-items:start;border:1px solid rgba(107,188,255,.28);border-radius:8px;padding:14px;margin-top:16px;background:#121a22}.staged-practice-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.staged-practice-panel.compact{grid-template-columns:minmax(0,1fr)}.staged-entry-panel h2,.staged-entry-panel p,.staged-practice-panel p{margin:0}.staged-entry-panel h2{margin:2px 0 6px;color:#f7f2e8}.staged-entry-panel p,.staged-practice-panel p{color:#a9b4bf;font-size:13px;line-height:1.45}.staged-entry-meta,.staged-entry-actions{display:flex;flex-wrap:wrap;gap:8px}.staged-entry-meta{margin-top:10px}.staged-entry-meta span,.staged-practice-panel span,.staged-unlock-callout span{display:inline-flex;width:fit-content;border:1px solid #3d4652;border-radius:999px;padding:2px 8px;color:#8fd3ff;background:#11161c;font-size:12px}.staged-entry-actions{justify-content:flex-end}.staged-entry-actions button.primary{border-color:#6bbcffb3;background:#1d4b67}.level-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.level-choice-grid button{display:grid;gap:4px;text-align:left}.level-choice-grid strong,.staged-practice-panel strong,.staged-unlock-callout strong{color:#f7f2e8}.level-choice-grid span{color:#95a2ae;font-size:12px}.staged-practice-panel>div{min-width:0;display:grid;gap:7px}.staged-unlock-callout{grid-column:1 / -1;border-top:1px solid rgba(107,188,255,.18);padding-top:10px}.staged-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.badge-toast-stack{position:fixed;right:22px;bottom:22px;z-index:50;display:grid;width:min(360px,calc(100vw - 28px));gap:10px}.badge-toast,.badge-card{border:1px solid #343a43;border-radius:8px;background:#151a20;box-shadow:0 18px 44px #00000047}.badge-toast{display:grid;gap:6px;padding:14px;cursor:pointer}.badge-toast span,.badge-card span,.badge-card small{color:#91a0b3;font-size:12px}.badge-toast strong,.badge-card strong{color:#f6f1df}.badge-toast p,.badge-card p{margin:0;color:#c7cfda;font-size:13px;line-height:1.5}.badge-toast:focus-visible{outline:2px solid var(--site-focus);outline-offset:2px}.badge-summary-grid,.badge-next-row,.badge-grid{display:grid;gap:10px}.badge-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.badge-next-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.badge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.badge-card{display:grid;align-content:start;min-height:150px;gap:7px;padding:13px;opacity:.72}.badge-card.earned{border-color:#78d7a5;opacity:1}.badge-card.compact{min-height:126px}.badge-progress-track{overflow:hidden;height:6px;border-radius:999px;background:#252b33}.badge-progress-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#78d7a5,#6ab7ff)}.practice-entry-card{min-width:0;min-height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:18px;text-align:left}.practice-entry-card span{color:#8aa0b4;font-size:13px;line-height:1.4}.practice-entry-card strong{color:#f5f7fa;font-size:24px;line-height:1.2}.practice-entry-card small{color:#c3ccd5;font-size:14px;line-height:1.55}.practice-entry-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.practice-weakness-panel{display:grid;gap:10px;padding:14px 16px;border:1px solid #304757;border-radius:6px;background:#0b141b}.practice-weakness-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.practice-weakness-panel__header h2,.practice-weakness-group h3{margin:0;color:#e9f2f7}.practice-weakness-panel__header h2{font-size:15px}.practice-weakness-panel__header p,.practice-weakness-panel__status,.practice-weakness-group__empty{margin:4px 0 0;color:var(--site-text-muted);font-size:11px;line-height:1.45}.practice-weakness-periods{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.practice-weakness-periods button{min-height:30px;padding:0 9px;border-color:#294353;background:#0e1a22;color:#9eb0bc;font-size:11px}.practice-weakness-periods button.selected{border-color:var(--site-practice);background:#34d3991f;color:#dbfff1}.practice-weakness-panel__status{min-height:16px;margin:0}.practice-weakness-tracked{display:grid;gap:7px;border:1px solid rgba(82,214,156,.3);border-radius:5px;padding:9px 10px;background:#52d69c0b}.practice-weakness-tracked__heading,.practice-weakness-ranking-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.practice-weakness-tracked__heading h3,.practice-weakness-ranking-heading h3{margin:0;color:#c9f9e2;font-size:11px}.practice-weakness-tracked__heading p,.practice-weakness-ranking-heading p{margin:0;color:var(--site-text-muted);font-size:9px}.practice-weakness-tracked ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.practice-weakness-tracked-card{min-width:0;display:grid;gap:3px;border-left:2px solid #52d69c;padding:5px 6px 5px 8px;background:#081814b8}.practice-weakness-tracked-card.is-current{background:#6bbcff14}.practice-weakness-tracked-card__heading{min-width:0;display:flex;align-items:center;gap:5px}.practice-weakness-tracked-card__heading>span{color:#82ab98;font-size:8px}.practice-weakness-tracked-card__heading>strong{margin-right:auto;overflow-wrap:anywhere;color:#f1fff8;font-family:Cascadia Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.practice-weakness-tracked-card__heading em{max-width:70px;overflow:hidden;color:#82ab98;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.practice-weakness-tracked-card__heading small{border:1px solid #315363;border-radius:999px;padding:1px 4px;color:#b7ccd7;font-size:8px}.practice-weakness-tracked-card__heading small.is-checking{border-color:#ffcd7073;color:#f6d99d}.practice-weakness-tracked-card__heading small.is-no-data{border-color:#91b6cb59;color:#a9bbc6}.practice-weakness-tracked-card__no-data{min-height:23px;display:grid;place-items:center start;border-top:1px solid rgba(145,182,203,.12);color:#8fa2ae;font-size:8px}.practice-weakness-tracked-card__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 5px;color:#8fa99d;font-size:8px}.practice-weakness-tracked-card__metrics>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-weakness-ranking-heading h3{color:#a9bbc6;text-transform:uppercase}.practice-weakness-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.practice-weakness-group{min-width:0;border:1px solid #263c49;border-radius:5px;padding:9px 10px;background:#0d171e}.practice-weakness-group h3{margin-bottom:6px;color:#a9bbc6;font-size:11px;font-weight:700;text-transform:uppercase}.practice-weakness-group ol{display:grid;gap:5px;margin:0;padding:0;list-style:none}.practice-weakness-row{min-width:0;display:grid;grid-template-columns:1fr;gap:3px;border-left:2px solid transparent;padding:4px 5px 5px 7px;background:#ffffff03}.practice-weakness-row.is-current{background:#6bbcff12}.practice-weakness-row__heading{min-width:0;display:grid;grid-template-columns:minmax(28px,auto) minmax(0,1fr) auto;align-items:center;gap:6px}.practice-weakness-row__heading>strong{overflow-wrap:anywhere;color:#f4f8fa;font-family:Cascadia Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.practice-weakness-row__markers{min-width:0;display:flex;flex-wrap:wrap;gap:4px}.practice-weakness-row__markers span{border:1px solid #315363;border-radius:999px;padding:1px 5px;color:#b7ccd7;font-size:9px;line-height:1.35}.practice-weakness-row.is-checking .practice-weakness-row__markers span:last-child{border-color:#ffcd7073;color:#f6d99d}.practice-weakness-trend{white-space:nowrap;color:var(--site-text-muted);font-size:10px;font-weight:700}.practice-weakness-trend.is-improved{color:#52d69c}.practice-weakness-trend.is-worsened{color:#ff8179}.practice-weakness-trend.is-stable{color:#91b6cb}.practice-weakness-row meter,.practice-weakness-tracked-card meter{width:100%;height:7px;border:0;border-radius:999px;background:#1c2a33}.practice-weakness-row meter::-webkit-meter-bar,.practice-weakness-tracked-card meter::-webkit-meter-bar{border:0;border-radius:999px;background:#1c2a33}.practice-weakness-row meter::-webkit-meter-optimum-value,.practice-weakness-row meter::-webkit-meter-suboptimum-value,.practice-weakness-row meter::-webkit-meter-even-less-good-value,.practice-weakness-tracked-card meter::-webkit-meter-optimum-value,.practice-weakness-tracked-card meter::-webkit-meter-suboptimum-value,.practice-weakness-tracked-card meter::-webkit-meter-even-less-good-value{border-radius:999px;background:linear-gradient(90deg,#58b6d8,#ffc36b,#ff7b72)}.practice-weakness-row meter::-moz-meter-bar,.practice-weakness-tracked-card meter::-moz-meter-bar{border-radius:999px;background:linear-gradient(90deg,#58b6d8,#ffc36b,#ff7b72)}.practice-weakness-row__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;color:#8fa2ae;font-size:9px}.practice-weakness-row__metrics span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-weakness-panel__legend{display:flex;flex-wrap:wrap;gap:10px;color:#8fa2ae;font-size:9px}.practice-weakness-panel__legend span{display:inline-flex;align-items:center;gap:4px}.practice-weakness-panel__legend i{width:7px;height:7px;border-radius:50%;background:#647887}.practice-weakness-panel__legend i.is-portfolio{background:#52d69c}.practice-weakness-panel__legend i.is-current{background:#6bbcff}@media(max-width:760px){.practice-weakness-panel__header{display:grid}.practice-weakness-periods{justify-content:flex-start}.practice-weakness-tracked ol{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-weakness-groups{grid-template-columns:1fr}}.score-attack-intro,.score-rule-detail,.score-history-panel,.score-attack-meter{margin-top:16px;border:1px solid #343a43;border-radius:8px;padding:14px;background:#151a20}.score-attack-intro p,.score-rule-detail p{margin:0;color:#c3ccd5;line-height:1.55}.score-attack-principles{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.score-attack-principles span{border:1px solid #3d4652;border-radius:999px;padding:4px 10px;color:#8fd3ff;background:#11161c;font-size:12px;font-weight:700}.score-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.score-rule-card{min-width:0;min-height:138px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;padding:13px;text-align:left}.score-rule-card strong,.score-rule-card span,.score-rule-card em,.score-rule-card small{display:block;min-width:0}.score-rule-card strong{color:#f7f2e8;font-size:17px}.score-rule-card span,.score-rule-card small{color:#c3ccd5;font-size:12px;line-height:1.4}.score-rule-card span+span{width:fit-content;border:1px solid #3d4652;border-radius:999px;padding:2px 8px;color:#8fd3ff;background:#11161c}.score-rule-card em{color:#8fd3ff;font-style:normal;font-weight:700}.score-rule-card.selected{border-color:#6bb6ff;background:#1f4058;box-shadow:0 0 0 1px #6bb6ff}.score-rule-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:14px;align-items:start}.score-rule-detail h2,.score-history-panel h2{margin:0 0 8px;font-size:18px}.score-record-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.score-rule-points{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}.score-rule-points li{position:relative;padding-left:16px;color:#95a2ae;font-size:13px;line-height:1.45}.score-rule-points li:before{position:absolute;left:0;color:#6bb6ff;content:"•"}.score-attack-meter-header{display:flex;justify-content:space-between;gap:12px;color:#c8d2dc}.score-attack-meter-header span{color:#95a2ae;font-size:13px}.score-attack-meter-header strong{color:#f7f2e8;font-variant-numeric:tabular-nums}.score-attack-meter-track{height:16px;margin-top:10px;overflow:hidden;border-radius:999px;background:#2b3138}.score-attack-meter-track>div{height:100%;border-radius:inherit;background:#6bb6ff;transition:width .12s linear}.score-live-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.score-live-summary>div{min-width:0;border:1px solid #343a43;border-radius:8px;padding:10px;background:#11161c}.score-live-summary span{display:block;margin-bottom:4px;color:#95a2ae;font-size:12px}.score-live-summary strong{display:block;overflow-wrap:anywhere;color:#f7f2e8;font-size:19px}.score-result-note{margin:14px 0 0;color:#c3ccd5}.score-result-score{margin-top:8px;padding:18px 0;border-bottom:1px solid #29425b}.score-result-score>span,.score-result-score>small{display:block;color:#95a2ae}.score-result-score>strong{display:block;margin:3px 0 6px;color:var(--site-score);font-size:46px;line-height:1;font-variant-numeric:tabular-nums}.score-result-comparison{display:flex;align-items:baseline;gap:10px;margin:10px 0 0;color:#95a2ae}.score-result-comparison strong{color:#f7f2e8;font-size:20px}.score-profile-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(107,188,255,.28);border-radius:8px;padding:10px 12px;margin-top:12px;background:#121a22}.score-profile-link>div{min-width:0}.score-profile-link span{display:block;color:#f7f2e8;font-size:14px;font-weight:700}.score-profile-link p{margin:4px 0 0;color:#95a2ae;font-size:13px;line-height:1.4}.score-profile-link button{flex:0 0 auto;border-color:#6bbcff94;background:#1d3a50;color:#f8fbff}.score-profile-link button:hover{background:#244b67}.score-profile-link.secondary{border-color:#95a2ae42;background:#11161c}.profile-mode-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.profile-mode-summary>div{min-width:0;border:1px solid #343a43;border-radius:8px;padding:12px;background:#11161c}.profile-mode-summary span{display:block;color:#8fd3ff;font-size:12px;font-weight:700;text-transform:uppercase}.profile-mode-summary strong{display:block;margin-top:5px;color:#f7f2e8;font-size:20px}.profile-mode-summary p{margin:6px 0 0;color:#95a2ae;font-size:13px;line-height:1.4}.title-description{min-height:86px;border:1px solid #343a43;border-radius:8px;padding:14px;background:#151a20}.title-description span{display:block;margin-bottom:6px;color:#8fb7ce;font-size:12px;text-transform:uppercase}.title-description p{margin:0;color:#d8e0e7;line-height:1.55}.progress-panel{width:min(980px,100%)}.panel-lead{margin:6px 0 0;color:#95a2ae;font-size:13px;line-height:1.5}.header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.app-shell-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px}.app-shell-nav button{min-height:34px;padding:0 10px;border-color:#3d4652;background:#151a20;font-size:12px}.app-shell-nav button:hover{border-color:#5f7285}.app-shell-nav .app-shell-nav-home{border-color:#596a7b;color:#d7dee6}.compact-volume-control{width:168px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:6px 10px;border:1px solid #3d4652;border-radius:6px;background:#151a20}.compact-volume-control span{color:#95a2ae;font-size:12px}.compact-volume-control input{width:100%}.prompt-count{min-width:58px;padding:6px 10px;border:1px solid #3d4652;border-radius:6px;text-align:center;color:#ccd7df}.kana-text{min-height:72px;margin:0 0 6px;padding:14px 0;font-size:38px;line-height:1.35;word-break:keep-all}.prompt-display{--display-font-size: 31px;--kana-font-size: 33px;--single-font-size: 38px;position:relative}.prompt-display-text{margin:0;color:#d8e0e7;font-size:var(--display-font-size);line-height:1.25;overflow-wrap:anywhere}.prompt-display .kana-text{font-size:var(--kana-font-size)}.prompt-display.single-script .kana-text{font-size:var(--single-font-size)}.practice-panel .prompt-display.dual-script-prompt,.score-prompt-area .prompt-display.dual-script-prompt{display:grid;align-content:start;gap:4px;min-height:118px;padding-top:2px}.practice-panel .prompt-display.dual-script-prompt .prompt-display-text,.score-prompt-area .prompt-display.dual-script-prompt .prompt-display-text{min-height:calc(var(--display-font-size) * 1.22);color:#d5dee7;line-height:1.22}.practice-panel .prompt-display.dual-script-prompt .kana-text,.score-prompt-area .prompt-display.dual-script-prompt .kana-text{min-height:56px;margin:0;padding:5px 0 8px;line-height:1.25}.practice-panel .prompt-display.dual-script-prompt .kana-token,.score-prompt-area .prompt-display.dual-script-prompt .kana-token{border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.practice-panel .prompt-display.dual-script-prompt .completed-kana,.score-prompt-area .prompt-display.dual-script-prompt .completed-kana{color:#505c64}.practice-panel .prompt-display.dual-script-prompt .active-kana,.score-prompt-area .prompt-display.dual-script-prompt .active-kana{background:#598bbb29;box-shadow:inset 0 -2px #6bbcff;color:#fff6df}.kana-text.tokenized{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.kana-token{display:inline-block}.kana-token.with-guide{display:inline-grid;min-width:1.6em;grid-template-rows:auto 1.25em;justify-items:center;align-items:start;line-height:1.05}.kana-token-main{display:block}.kana-token-guide{display:block;min-height:1.25em;color:#9da9b5;font-family:Cascadia Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--romaji-guide-size);line-height:1.2}.prompt-display.inline-guide-prompt .kana-text.tokenized{min-height:132px;align-items:flex-start;gap:8px 12px;padding:10px 0 8px;line-height:1.12}.prompt-display.inline-guide-prompt .kana-token.with-guide{min-width:1.28em;grid-template-rows:auto auto;row-gap:1px;padding:2px 2px 3px;border-radius:6px}.prompt-display.inline-guide-prompt .kana-token-main{line-height:1.05}.prompt-display.inline-guide-prompt .kana-token-guide{min-height:1.15em;color:#9aa8b5;line-height:1.1;opacity:.9}.prompt-display.inline-guide-prompt .completed-kana .kana-token-main{color:#48535b}.prompt-display.inline-guide-prompt .completed-kana .kana-token-guide{color:#46535f}.prompt-display.inline-guide-prompt .active-kana{background:#598bbb29;box-shadow:inset 0 -2px #6bbcff}.prompt-display.inline-guide-prompt .active-kana .kana-token-main{color:#fff6df}.prompt-display.inline-guide-prompt .active-kana .kana-token-guide{color:#9aa8b5}.prompt-display.inline-guide-prompt .active-kana .kana-token-guide .romaji-guide-key.accepted{color:#62717c}.prompt-display.inline-guide-prompt .active-kana .kana-token-guide .romaji-guide-key.next{color:#8bd9ff}.practice-panel .prompt-display.active-token-highlight .kana-token{border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.practice-panel .prompt-display.active-token-highlight .active-kana{background:#598bbb29;box-shadow:inset 0 -2px #6bbcff;color:#fff6df}.practice-panel .prompt-display.tokenized-prompt:not(.inline-guide-prompt) .kana-text.tokenized{min-height:132px;align-content:flex-start;align-items:center;gap:8px 14px;padding:10px 0 8px;line-height:1.22}.practice-panel .prompt-display.tokenized-prompt:not(.inline-guide-prompt) .kana-token{min-width:.92em;border-radius:6px;text-align:center}.practice-panel .prompt-display.tokenized-prompt:not(.inline-guide-prompt) .completed-kana{color:#4e5a62}.practice-panel .prompt-display.tokenized-prompt:not(.inline-guide-prompt) .active-kana{background:#598bbb29;box-shadow:inset 0 -2px #6bbcff;color:#fff6df}.completed-kana{color:#59656a}.active-kana{color:#f7f2e8}.mistake-kana{color:var(--appearance-prompt-mistake);animation:kana-mistake-shake .18s ease-out}.romaji-guide{min-height:26px;margin:0 0 16px;color:#9da9b5;font-family:Cascadia Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--romaji-guide-size, 14px);line-height:1.5;overflow-wrap:anywhere}.romaji-guide-token{display:inline-block;margin-right:7px}.romaji-guide-token.completed{color:#5d9478}.romaji-guide-token.active{color:#9da9b5}.romaji-guide-key{display:inline-block}.romaji-guide-key.accepted{color:#66747f}.romaji-guide-key.next{color:#ffd166;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.input-surface{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,220px);gap:12px;margin-bottom:10px}.input-surface.single{grid-template-columns:1fr}.input-surface>div,.stat-item,.result-panel{border:1px solid #343a43;border-radius:8px;background:#151a20}.input-surface>div{min-width:0;padding:12px}.practice-panel .romaji-guide{min-height:22px;margin-bottom:8px}.practice-keyboard-guide{min-height:244px;margin:8px 0;border-top:1px solid var(--appearance-keyboard-border);border-bottom:1px solid var(--appearance-keyboard-border);padding:9px 10px 10px;background:var(--appearance-keyboard-surface)}.practice-keyboard-guide.keyboard-layout-simple{min-height:174px}.practice-keyboard-guide-heading{width:min(760px,100%);min-height:24px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 auto 7px}.practice-keyboard-guide-heading span{color:#758594;font-size:11px;font-weight:700;text-transform:uppercase}.practice-keyboard-guide-heading strong{color:#dbe5ec;font-size:13px;font-weight:700;text-align:right}.practice-keyboard{--keyboard-gap: 4px;--keyboard-key-width: calc((100% - (var(--keyboard-gap) * 15)) / 16);width:min(760px,100%);display:grid;gap:var(--keyboard-gap);margin:0 auto}.practice-keyboard-row{display:flex;justify-content:center;gap:var(--keyboard-gap)}.practice-keyboard-row.row-top{box-sizing:border-box;justify-content:flex-start;padding-left:calc((var(--keyboard-key-width) + var(--keyboard-gap)) * .25)}.practice-key{flex:0 0 calc((var(--keyboard-key-width) * var(--key-units)) + (var(--keyboard-gap) * (var(--key-units) - 1)));min-width:0;height:30px;display:grid;place-items:center;border:1px solid var(--appearance-keyboard-key-border);border-bottom-width:3px;border-radius:5px;background:var(--appearance-keyboard-key-right);color:var(--appearance-keyboard-key-text);font-family:Cascadia Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700;line-height:1;text-transform:uppercase;transition:border-color 90ms ease,background-color 90ms ease,color 90ms ease,transform 90ms ease}.practice-key.is-special{font-size:10px;text-transform:none}.practice-key.finger-pinky{--guide-color: #c89aff;--guide-highlight: #eadcff;--guide-dark: #28183a;--guide-highlight-text: #25163a;--guide-glow: rgba(181, 122, 255, .52);border-bottom-color:var(--appearance-keyboard-pinky-border)}.practice-key.finger-ring{--guide-color: #83bfff;--guide-highlight: #dcecff;--guide-dark: #142d46;--guide-highlight-text: #10243a;--guide-glow: rgba(95, 168, 255, .52);border-bottom-color:var(--appearance-keyboard-ring-border)}.practice-key.finger-middle{--guide-color: #63e3c2;--guide-highlight: #d6fff4;--guide-dark: #12382f;--guide-highlight-text: #0b2a22;--guide-glow: rgba(54, 201, 165, .52);border-bottom-color:var(--appearance-keyboard-middle-border)}.practice-key.finger-index{--guide-color: #f1cd67;--guide-highlight: #fff3c4;--guide-dark: #3d3215;--guide-highlight-text: #342a0d;--guide-glow: rgba(226, 184, 78, .52);border-bottom-color:var(--appearance-keyboard-index-border)}.practice-key.finger-thumb{--guide-color: #f4a8cd;--guide-highlight: #ffe0ef;--guide-dark: #3d1d31;--guide-highlight-text: #351426;--guide-glow: rgba(239, 142, 191, .52);border-bottom-color:var(--appearance-keyboard-thumb-border)}.practice-key.hand-left{background-color:var(--appearance-keyboard-key-left)}.practice-key.hand-right{background-color:var(--appearance-keyboard-key-right)}.keyboard-style-finger .practice-key.finger-pinky{border-color:var(--appearance-keyboard-pinky-border);background:var(--appearance-keyboard-pinky-bg);color:var(--appearance-keyboard-pinky-text)}.keyboard-style-finger .practice-key.finger-ring{border-color:var(--appearance-keyboard-ring-border);background:var(--appearance-keyboard-ring-bg);color:var(--appearance-keyboard-ring-text)}.keyboard-style-finger .practice-key.finger-middle{border-color:var(--appearance-keyboard-middle-border);background:var(--appearance-keyboard-middle-bg);color:var(--appearance-keyboard-middle-text)}.keyboard-style-finger .practice-key.finger-index{border-color:var(--appearance-keyboard-index-border);background:var(--appearance-keyboard-index-bg);color:var(--appearance-keyboard-index-text)}.keyboard-style-finger .practice-key.finger-thumb{border-color:var(--appearance-keyboard-thumb-border);background:var(--appearance-keyboard-thumb-bg);color:var(--appearance-keyboard-thumb-text)}.practice-key.is-next,.keyboard-style-finger .practice-key.is-next{border-color:color-mix(in srgb,var(--guide-color) var(--keyboard-highlight-strength),var(--guide-dark));background:color-mix(in srgb,var(--guide-highlight) var(--keyboard-highlight-strength),var(--guide-dark));box-shadow:0 0 0 2px color-mix(in srgb,var(--guide-color) var(--keyboard-highlight-strength),transparent),0 0 14px 3px color-mix(in srgb,var(--guide-color) var(--keyboard-highlight-strength),transparent);color:color-mix(in srgb,var(--guide-highlight-text) var(--keyboard-highlight-strength),var(--guide-color));transform:translateY(-1px)}.practice-key.is-alternative,.keyboard-style-finger .practice-key.is-alternative{border-color:color-mix(in srgb,var(--guide-color) var(--keyboard-alternative-strength),var(--guide-dark));background:color-mix(in srgb,var(--guide-highlight) var(--keyboard-alternative-strength),var(--guide-dark));box-shadow:0 0 8px 1px color-mix(in srgb,var(--guide-color) var(--keyboard-alternative-strength),transparent);color:color-mix(in srgb,var(--guide-highlight) 45%,var(--guide-color))}.practice-key.is-pressed{transform:translateY(2px);border-bottom-width:1px;transition-duration:35ms}.practice-key.is-pressed-expected,.keyboard-style-finger .practice-key.is-pressed-expected{background:color-mix(in srgb,var(--guide-color) 52%,var(--appearance-keyboard-pressed-ok-bg));border-color:var(--guide-color);color:var(--appearance-keyboard-pressed-ok-text);box-shadow:inset 0 3px 8px #00000080,0 0 9px color-mix(in srgb,var(--guide-color) 42%,transparent)}.practice-key.is-pressed-unexpected,.keyboard-style-finger .practice-key.is-pressed-unexpected{border-color:var(--appearance-keyboard-pressed-error-border);background:var(--appearance-keyboard-pressed-error-bg);color:var(--appearance-keyboard-pressed-error-text);box-shadow:inset 0 3px 8px #0000008c}.practice-keyboard-legends{--keyboard-gap: 4px;--keyboard-key-width: calc((100% - (var(--keyboard-gap) * 15)) / 16);width:min(760px,100%);display:flex;justify-content:space-between;gap:18px;margin:6px auto 0}.practice-key-legend-space{flex:0 0 calc((var(--keyboard-key-width) * 5) + (var(--keyboard-gap) * 4));height:30px;align-self:center;font-size:10px}.kana-token.punctuation-substitute .kana-token-main{color:#8bd9ff;font-family:Cascadia Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82em}.kana-token.punctuation-omitted .kana-token-main{display:inline-block;min-width:.7em}.practice-keyboard-legend{display:flex;gap:10px}.practice-keyboard-legend span{position:relative;padding-left:9px;color:#748592;font-size:10px}.practice-keyboard-legend span:before{position:absolute;top:50%;left:0;width:5px;height:5px;border-radius:50%;background:currentColor;content:"";transform:translateY(-50%)}.practice-keyboard-legend .finger-pinky{color:var(--appearance-keyboard-pinky-border)}.practice-keyboard-legend .finger-ring{color:var(--appearance-keyboard-ring-border)}.practice-keyboard-legend .finger-middle{color:var(--appearance-keyboard-middle-border)}.practice-keyboard-legend .finger-index{color:var(--appearance-keyboard-index-border)}.practice-keyboard-legend .finger-thumb{color:var(--appearance-keyboard-thumb-border)}.practice-keyboard-toggle{margin-top:2px}.keyboard-guide-style-control{display:grid;grid-template-columns:minmax(88px,auto) minmax(0,1fr);align-items:center;gap:12px}.keyboard-guide-style-control>span{color:#aebac4;font-size:13px}.keyboard-guide-style-control .segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.keyboard-guide-style-control button{min-width:0}.keyboard-guide-style-control button.selected{border-color:#55cfa5;background:#173b31;color:#d8fff0}.keyboard-guide-highlight-control{display:grid;gap:10px}.keyboard-guide-brightness-control{display:grid;grid-template-columns:minmax(88px,auto) minmax(0,1fr);align-items:center;gap:12px}.keyboard-guide-brightness-control>span{display:flex;justify-content:space-between;gap:8px;color:#aebac4;font-size:13px}.keyboard-guide-brightness-control strong{color:#dbe5ec;font-variant-numeric:tabular-nums}.keyboard-guide-brightness-control input{width:100%}@media(max-width:640px){.practice-keyboard-guide{min-height:205px;padding-inline:4px}.practice-keyboard-guide.keyboard-layout-simple{min-height:160px}.practice-keyboard-guide-heading{align-items:flex-start;flex-direction:column;gap:2px}.practice-keyboard-guide-heading strong{font-size:12px;text-align:left}.practice-keyboard,.practice-keyboard-row,.practice-keyboard-legends{--keyboard-gap: 3px}.practice-key-legend-space{height:24px;font-size:8px}.practice-key{height:24px;font-size:9px}.practice-key.is-special{overflow:hidden;font-size:7px}.practice-keyboard-legend{gap:7px}.practice-keyboard-legend span{font-size:9px}.keyboard-guide-style-control,.keyboard-guide-brightness-control{grid-template-columns:1fr;gap:6px}}.practice-panel .input-surface{margin-bottom:0}.practice-panel .input-surface>div{padding:10px}.practice-panel .surface-label{margin-bottom:4px}.practice-panel .input-line{min-height:24px;font-size:20px}.surface-label{display:block;margin-bottom:6px;color:#95a2ae;font-size:13px}.input-line,.next-line{min-height:28px;margin:0;font-family:Cascadia Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:22px;line-height:1.3}.input-line{color:#90d5ff}.next-line{color:#ffd166}.capture-line{margin:0;color:#8b96a3;font-size:13px}.practice-panel .capture-line{display:none}.practice-reason-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-4px 0 12px;color:#95a2ae;font-size:13px}.practice-reason-line span{border:1px solid #3d4652;border-radius:999px;padding:2px 8px;color:#8fb7ce}.practice-reason-line strong{color:#d8e0e7;font-weight:500}.mode-note{margin:4px 0 0;color:#8b96a3;font-size:13px}.guide-control{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:#95a2ae;font-size:13px}.guide-control.compact{margin-top:10px}.practice-panel .guide-control.compact{margin-top:6px}.guide-control button{min-width:84px;height:32px;font-size:13px}.guide-control button.selected{border-color:#6bb6ff;background:#1f4058;color:#fff}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.stat-item{min-width:0;padding:10px}.stat-item span{display:block;margin-bottom:4px;color:#95a2ae;font-size:12px}.stat-item strong{display:block;overflow-wrap:anywhere;font-size:18px}.practice-panel .result-panel{margin-top:10px;padding:12px}.practice-panel .result-panel h2{margin-bottom:8px;font-size:18px}.practice-panel .status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}.practice-panel .stat-item{padding:8px}.practice-panel .stat-item strong{font-size:17px}.practice-panel .practice-analysis-grid{gap:8px;margin-top:10px}.practice-panel .analysis-card{padding:9px}.mistake-line{min-height:24px;margin:14px 0 0;color:var(--appearance-effect-rejected)}.practice-panel .mistake-line{min-height:20px;margin-top:6px;font-size:13px}.weakness-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.weakness-panel>div{min-width:0;border:1px solid #343a43;border-radius:8px;padding:12px;background:#151a20}.weakness-panel h2{margin:0 0 6px;color:#95a2ae;font-size:13px;font-weight:500}.weakness-panel p{margin:0;overflow-wrap:anywhere;color:#d8e0e7;line-height:1.45}.weakness-panel.debug-panel{grid-template-columns:1fr}.practice-focus-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;margin-top:8px;margin-bottom:8px}.practice-focus-card{min-width:0;border:1px solid #343a43;border-radius:8px;padding:9px;background:#121820}.practice-focus-card span{display:block;margin-bottom:5px;color:#95a2ae;font-size:12px}.practice-focus-card strong{display:block;color:#f7f2e8;font-size:15px}.practice-focus-card p{margin:5px 0 0;color:#c3ccd5;font-size:13px;line-height:1.4}.practice-focus-chip-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.practice-focus-chip{display:inline-flex;align-items:baseline;gap:6px;min-width:0;border:1px solid #3c4650;border-radius:999px;padding:5px 8px;background:#171e26}.practice-focus-chip b{color:#95a2ae;font-size:11px}.practice-focus-chip em{overflow-wrap:anywhere;color:#f7f2e8;font-size:13px;font-style:normal;font-weight:700}.practice-result-guidance{border:1px solid rgba(107,188,255,.34);border-left:3px solid #6bbcff;border-radius:8px;padding:9px 10px;margin-bottom:8px;background:linear-gradient(90deg,#29526f47,#121820 68%)}.practice-result-guidance span{display:block;color:#f7f2e8;font-size:15px;font-weight:700}.practice-result-guidance p{margin:4px 0 0;color:#c3ccd5;font-size:13px;line-height:1.4}.practice-profile-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(107,188,255,.28);border-radius:8px;padding:9px 10px;margin-top:10px;background:#121a22}.practice-profile-link>div{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}.practice-profile-link span{display:block;color:#f7f2e8;font-size:14px;font-weight:700}.practice-profile-link p{margin:0;color:#95a2ae;font-size:13px;line-height:1.35}.practice-profile-link button{flex:0 0 auto;border-color:#6bbcff94;background:#1d3a50;color:#f8fbff}.practice-profile-link button:hover{background:#244b67}.practice-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.analysis-card{min-width:0;border:1px solid #343a43;border-radius:8px;padding:10px;background:#11161c}.analysis-card span{display:block;margin-bottom:5px;color:#95a2ae;font-size:12px}.analysis-card strong{display:block;overflow-wrap:anywhere;color:#f7f2e8;font-size:13px;line-height:1.45}.key-burst-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.key-burst{position:absolute;transform:translate(-50%);color:var(--appearance-effect-accepted);font-family:Cascadia Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--romaji-guide-size, 16px);font-weight:500;text-shadow:0 2px 8px var(--appearance-effect-shadow)}.key-burst.accepted{animation:key-burst-accepted .72s ease-out forwards}.key-burst.rejected{color:var(--appearance-effect-rejected);animation:key-burst-rejected .86s ease-out forwards}.key-burst b{margin-left:4px;color:var(--appearance-effect-rejected-mark)}.practice-data-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;margin-top:14px}.practice-data-panel>div{min-width:0;border:1px solid #343a43;border-radius:8px;padding:12px;background:#151a20}.practice-data-panel h3{margin:0 0 10px;color:#c8d2dc;font-size:15px}.profile-guidance-panel,.profile-section-block{margin-top:14px;border:1px solid #343a43;border-radius:8px;padding:12px;background:#151a20}.profile-recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-recommendation-card{min-width:0;border:1px solid #343a43;border-radius:8px;padding:12px;background:#11161c}.profile-recommendation-card span{display:block;margin-bottom:6px;color:#8fd3ff;font-size:12px}.profile-recommendation-card strong{display:block;color:#f7f2e8;font-size:16px;line-height:1.35}.profile-recommendation-card p{margin:8px 0 0;color:#c3ccd5;font-size:13px;line-height:1.5}.weakness-chart{display:grid;gap:8px}.weakness-bar-row{display:grid;grid-template-columns:minmax(70px,120px) minmax(0,1fr) 44px;align-items:center;gap:8px}.weakness-bar-row span,.weakness-bar-row strong,.empty-chart{color:#95a2ae;font-size:12px}.weakness-bar-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weakness-bar-row strong{color:#f7f2e8;text-align:right}.weakness-bar-track{height:8px;overflow:hidden;border-radius:999px;background:#2b3138}.weakness-bar-fill{height:100%;border-radius:inherit;background:#ffd166}.progress-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.progress-chart-card{min-width:0;border:1px solid #343a43;border-radius:8px;padding:12px;background:#151a20}.score-profile-panel{margin-top:14px;border:1px solid #343a43;border-radius:8px;padding:12px;background:#151a20}.profile-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px}.profile-section-heading h2{margin:0;color:#f7f2e8;font-size:17px}.profile-section-heading p{margin:0;color:#95a2ae;font-size:12px;line-height:1.45}.score-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.score-profile-card{min-width:0;border:1px solid #343a43;border-radius:8px;padding:10px;background:#11161c}.score-profile-card span,.score-profile-card small{display:block;color:#95a2ae;font-size:12px}.score-profile-card strong{display:block;margin-top:5px;color:#f7f2e8;font-size:22px}.score-profile-card p{min-height:34px;margin:5px 0 6px;color:#d8e0e7;font-size:12px;line-height:1.4}.weakness-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.weakness-detail-card{min-width:0;border:1px solid #343a43;border-radius:8px;padding:12px;background:#151a20}.weakness-detail-card h3{margin:0 0 10px;color:#c8d2dc;font-size:15px}.weakness-detail-list{display:grid;gap:8px}.weakness-detail-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid #2b3138;padding-top:8px}.weakness-detail-row:first-child{border-top:0;padding-top:0}.weakness-detail-row strong,.weakness-detail-row span,.weakness-detail-row em{display:block}.weakness-detail-row strong{overflow-wrap:anywhere;color:#f7f2e8;font-size:16px}.weakness-detail-row span{color:#95a2ae;font-size:12px;line-height:1.45}.weakness-detail-row em{color:#ffd166;font-style:normal;font-weight:700;text-align:right}.score-trend-strip{height:34px;display:flex;align-items:flex-end;gap:4px;margin:8px 0;border-bottom:1px solid #343a43}.score-trend-strip span{flex:1;min-width:4px;border-radius:3px 3px 0 0;background:#6bb6ff}.score-trend-strip.empty{align-items:center;border-bottom:0;color:#95a2ae;font-size:12px}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.chart-header h3{margin:0;color:#c8d2dc;font-size:15px}.chart-header strong{color:#f7f2e8}.history-bars{height:112px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #343a43;padding-top:8px}.history-bars span{flex:1;min-width:3px;border-radius:3px 3px 0 0;background:#6bb6ff}.recent-history-list{display:grid;gap:8px}.recent-history-list div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);gap:8px;color:#c3ccd5;font-size:13px}.recent-history-list span{color:#95a2ae}.recent-history-list strong{color:#f7f2e8;font-weight:600}.muted{color:#8b96a3}.result-panel{margin-top:18px;padding:16px}.result-panel h2{font-size:20px}.button-row{display:flex;gap:10px;margin-top:16px}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.mode-grid button{width:100%;height:44px}button{min-width:88px;height:38px;border:1px solid #4d5a66;border-radius:6px;background:#28313b;color:#f7f2e8;cursor:pointer}button:hover{background:#33404c}button:disabled{cursor:default;opacity:.45}button:disabled:hover{background:#28313b}:root[data-site-theme=light] .practice-key.finger-pinky{--guide-color: var(--appearance-keyboard-pinky-border);--guide-highlight: #ffffff;--guide-dark: var(--appearance-keyboard-pinky-bg);--guide-highlight-text: var(--appearance-keyboard-pinky-text);--guide-glow: color-mix(in srgb, var(--appearance-keyboard-pinky-border) 34%, transparent)}:root[data-site-theme=light] .practice-key.finger-ring{--guide-color: var(--appearance-keyboard-ring-border);--guide-highlight: #ffffff;--guide-dark: var(--appearance-keyboard-ring-bg);--guide-highlight-text: var(--appearance-keyboard-ring-text);--guide-glow: color-mix(in srgb, var(--appearance-keyboard-ring-border) 34%, transparent)}:root[data-site-theme=light] .practice-key.finger-middle{--guide-color: var(--appearance-keyboard-middle-border);--guide-highlight: #ffffff;--guide-dark: var(--appearance-keyboard-middle-bg);--guide-highlight-text: var(--appearance-keyboard-middle-text);--guide-glow: color-mix(in srgb, var(--appearance-keyboard-middle-border) 34%, transparent)}:root[data-site-theme=light] .practice-key.finger-index{--guide-color: var(--appearance-keyboard-index-border);--guide-highlight: #ffffff;--guide-dark: var(--appearance-keyboard-index-bg);--guide-highlight-text: var(--appearance-keyboard-index-text);--guide-glow: color-mix(in srgb, var(--appearance-keyboard-index-border) 34%, transparent)}:root[data-site-theme=light] .practice-key.finger-thumb{--guide-color: var(--appearance-keyboard-thumb-border);--guide-highlight: #ffffff;--guide-dark: var(--appearance-keyboard-thumb-bg);--guide-highlight-text: var(--appearance-keyboard-thumb-text);--guide-glow: color-mix(in srgb, var(--appearance-keyboard-thumb-border) 34%, transparent)}.battle-panel{width:min(1180px,100%)}.hd2d-battle-viewport{position:relative;height:clamp(340px,38vw,460px);min-height:340px;margin:4px 0 0;overflow:hidden;border:1px solid #44565a;border-radius:12px;background:#07131a;box-shadow:inset 0 0 0 1px #b9e8e00f,0 20px 44px #0000003d}.hd2d-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 72% 58%,rgb(65 202 218 / 16%),transparent 26%),linear-gradient(#0a1a22,#172a27 72%,#111916);pointer-events:none}.hd2d-stage canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;pointer-events:none}.hd2d-stage-loading:after{content:"Loading visual prototype";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#cde2de94;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.hd2d-stage-fallback{width:100%;height:100%;background:linear-gradient(160deg,#10242b,#172c27 62%,#0b1518)}.hd2d-stage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(18 24 22 / 18%),transparent 26%,transparent 72%,rgb(18 14 8 / 24%)),radial-gradient(ellipse at center,transparent 58%,rgb(18 14 8 / 28%) 100%);transition:background .18s ease}.hd2d-stage[data-time-of-day=goldenHour] .hd2d-stage-vignette{background:linear-gradient(180deg,rgb(54 24 18 / 20%),transparent 30%,transparent 68%,rgb(31 13 8 / 34%)),radial-gradient(ellipse at center,transparent 52%,rgb(34 15 12 / 38%) 100%)}.hd2d-stage[data-time-of-day=dusk] .hd2d-stage-vignette{background:linear-gradient(180deg,rgb(12 13 31 / 24%),transparent 31%,transparent 66%,rgb(8 7 24 / 38%)),radial-gradient(ellipse at center,transparent 52%,rgb(9 7 25 / 38%) 100%)}.hd2d-stage[data-time-of-day=night] .hd2d-stage-vignette{background:linear-gradient(180deg,rgb(3 8 20 / 34%),transparent 30%,transparent 64%,rgb(2 6 16 / 46%)),radial-gradient(ellipse at center,transparent 50%,rgb(1 5 15 / 48%) 100%)}.hd2d-stage-caption{position:absolute;top:14px;left:50%;z-index:3;display:grid;min-width:152px;gap:2px;padding:7px 24px 8px;border:1px solid rgb(189 162 102 / 58%);background:linear-gradient(180deg,#100d0ae0,#040505c7);box-shadow:inset 0 0 0 1px #ffe7a814,0 6px 18px #0000006b;text-align:center;text-shadow:0 2px 12px #000;transform:translate(-50%)}.hd2d-stage-caption span{color:#b9a77c;font-size:9px;font-weight:700;letter-spacing:.16em}.hd2d-stage-caption strong{color:#edf8f3;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:600;letter-spacing:.04em}.hd2d-stage-bars{position:absolute;top:18px;right:18px;left:18px;z-index:2}.hd2d-stage-bars .hp-block{border-color:#b49a627a;border-radius:3px;padding:9px 11px;background:#050606d1;box-shadow:inset 0 0 0 1px #ffebb90f,0 8px 22px #00000052;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hd2d-stage-bars .hp-track{background:#010507bd}.hd2d-stage-bars .battle-bars{grid-template-columns:minmax(190px,280px) minmax(190px,280px);justify-content:space-between;gap:180px}.hd2d-stage-bars .hp-fill{background:linear-gradient(90deg,#357b24,#92d34a);box-shadow:0 0 12px #84d24952}.hd2d-stage-bars .hp-block:nth-child(2) .hp-fill{background:linear-gradient(90deg,#7d1616,#db3430);box-shadow:0 0 12px #db34304d}.hd2d-impact{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;mix-blend-mode:screen}.hd2d-impact.enemy-impact{background:radial-gradient(circle at 68% 48%,rgb(255 239 177 / 92%),rgb(255 126 65 / 36%) 9%,transparent 24%);animation:hd2d-impact-flash .42s ease-out}.hd2d-impact.player-impact{background:radial-gradient(circle at 32% 52%,rgb(255 226 207 / 88%),rgb(237 78 73 / 34%) 10%,transparent 25%);animation:hd2d-impact-flash .42s ease-out}.hd2d-impact.guard-impact{background:radial-gradient(circle at 32% 50%,rgb(214 251 255 / 94%),rgb(72 195 255 / 38%) 12%,transparent 27%);animation:hd2d-guard-flash .52s ease-out}@keyframes hd2d-impact-flash{0%{opacity:0}12%{opacity:1}34%{opacity:.62}to{opacity:0}}@keyframes hd2d-guard-flash{0%{opacity:0;transform:scale(.96)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.route-panel{width:min(980px,100%)}.route-map{position:relative;min-height:430px;overflow:hidden;border:1px solid #343a43;border-radius:8px;background:#151a20}.route-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.route-lines line{stroke:#3d4652;stroke-width:.65;stroke-linecap:round}.route-lines line.traveled{stroke:#5d9478}.route-lines line.available{stroke:#6bb6ff;stroke-width:.95}.route-node{position:absolute;width:74px;height:42px;min-width:0;padding:0 8px;transform:translate(-50%,-50%);border-color:#46525d;background:#222933;color:#c3ccd5}.route-node span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.route-node.reached{border-color:#5d9478}.route-node.current{border-color:#ffd166;background:#423822;color:#fff3c4;box-shadow:0 0 0 1px #ffd166}.route-node.available{border-color:#6bb6ff;background:#1f4058;color:#fff;box-shadow:0 0 0 1px #6bb6ff,0 0 18px #6bb6ff2e}.route-node:disabled{cursor:default;filter:saturate(.8)}.route-node.type-elite{border-style:double}.route-node.type-boss{width:86px;border-color:#ff8f70;background:#4a2522}.route-hint{margin:14px 0 0;color:#95a2ae;font-size:13px}.route-time{margin:6px 0 0;color:#c3ccd5;font-size:13px}.route-complete{justify-content:flex-end;margin-top:14px}.route-complete span{color:#c3ccd5}.battle-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hp-block{border:1px solid #343a43;border-radius:8px;padding:12px;background:#151a20}.hp-block.damaged{animation:hp-damaged .36s ease-out}.hp-block.guarded{animation:hp-guarded .42s ease-out}.hp-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#c8d2dc}.hp-track{height:10px;overflow:hidden;border-radius:999px;background:#2b3138}.hp-fill{height:100%;border-radius:inherit;background:#78d7a5}.battle-debug-menu{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;border:1px dashed #46525d;border-radius:8px;padding:8px;background:#151a20}.battle-debug-menu span{margin-right:4px;color:#95a2ae;font-size:12px;text-transform:uppercase}.battle-debug-menu button{height:30px;min-width:0;padding:0 10px;font-size:12px}.battle-debug-menu button.is-active{border-color:#e4c273;background:#493b25;color:#fff1c7;box-shadow:inset 0 0 0 1px #ffe8ac29}.battle-debug-divider{width:1px;height:22px;margin:0 4px;background:#46525d}.monster-placement-editor{margin-top:12px;border:1px solid #526374;border-radius:8px;padding:10px 12px 12px;background:linear-gradient(180deg,#18212a,#11171d)}.monster-placement-editor summary{cursor:pointer;color:#f0d28b;font-weight:700;letter-spacing:.04em}.monster-placement-grid{display:grid;gap:8px;margin-top:10px}.monster-placement-field{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,2fr) 90px;align-items:center;gap:12px}.monster-placement-field span{display:grid;gap:2px}.monster-placement-field strong{color:#e9edf0;font-size:13px}.monster-placement-field small,.monster-placement-hint{color:#95a2ae;font-size:11px}.monster-placement-field input[type=range]{width:100%;accent-color:#d5aa54}.monster-placement-field input[type=number]{min-width:0;border:1px solid #46525d;border-radius:5px;padding:6px 8px;background:#0d1217;color:#f4f6f7;font:inherit;font-variant-numeric:tabular-nums}.monster-placement-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.monster-placement-actions button{min-width:0;padding:7px 12px}.monster-placement-actions button.is-active{border-color:#64e8ff;background:#183844;color:#d9faff}.monster-placement-actions button.is-primary{border-color:#d5aa54;background:#493b25;color:#fff1c7}.monster-placement-hint{margin:8px 0 0;line-height:1.6}.monster-placement-saved{margin:8px 0 0;color:#7fd8ae;font-size:11px;line-height:1.5}@media(max-width:760px){.monster-placement-field{grid-template-columns:1fr 80px}.monster-placement-field span{grid-column:1 / -1}}.battle-timeline{display:grid;gap:10px;margin-top:18px;border:1px solid #343a43;border-radius:8px;padding:14px;background:#151a20}.timeline-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px}.timeline-label{display:flex;justify-content:space-between;gap:10px;color:#c8d2dc}.timeline-label span{color:#95a2ae;font-size:13px}.timeline-label strong{color:#f7f2e8;font-variant-numeric:tabular-nums}.timeline-track{height:14px;overflow:hidden;border-radius:999px;background:#2b3138}.timeline-fill{height:100%;border-radius:inherit}.timeline-fill.danger{background:#ff8f70}.timeline-fill.guard{background:#6bb6ff}.timeline-fill.safe{background:#78d7a5}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.command-card{min-width:0;min-height:258px;display:grid;grid-template-rows:auto 92px 42px 29px 25px;gap:0;border:1px solid #343a43;border-radius:8px;padding:14px;background:#151a20;transition:opacity .12s ease,filter .12s ease,border-color .12s ease,box-shadow .12s ease}.command-card.focused{border-color:#6bb6ff;box-shadow:0 0 0 1px #6bb6ff}.command-card:not(.focused){opacity:.72;filter:brightness(.88)}.command-card .kana-text{min-height:52px;margin-bottom:4px;padding:8px 0;overflow:hidden}.command-card .prompt-display.single-script .kana-text{font-size:var(--single-font-size)}.command-card .prompt-display-text{white-space:nowrap}.command-prompt-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,30%);align-items:end;gap:22px;height:92px;min-height:92px;overflow:hidden}.command-prompt-row>.prompt-display{min-width:0;height:92px;display:flex;flex-direction:column;justify-content:flex-end;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.command-prompt-row>.prompt-display .kana-text{white-space:nowrap}.command-prompt-row>.prompt-display::-webkit-scrollbar{display:none}.command-card .romaji-guide{height:42px;margin-bottom:10px;overflow:hidden}.command-card .input-line{height:29px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.next-command{min-width:0;height:48px;padding:0 0 12px;overflow:hidden}.next-command span{display:block;margin-bottom:2px;color:#95a2ae;font-size:10px;text-transform:uppercase}.next-command strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c3ccd5;font-size:16px;font-weight:500;line-height:1.35}.command-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.command-header h2{font-size:18px}.command-header span{color:#95a2ae;font-size:13px}.mistake-line.compact{height:25px;min-height:25px;margin-top:8px;overflow:hidden;font-size:13px}.battle-event{min-height:24px;margin:14px 0 0;color:#ffd166}.battle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0000006b}.battle-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;background:#000;animation:battle-transition-fade .5s linear both}.compact-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px}.battle-panel{position:relative}.floating-window{width:min(620px,100%);border:1px solid #4a5561;border-radius:8px;padding:20px;background:#1d2229;box-shadow:0 24px 70px #0000006b}.floating-window h2,.floating-window h3{margin:0}.floating-window h2{font-size:24px}.overlay-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.floating-window h3{margin-bottom:10px;color:#c8d2dc;font-size:15px}.practice-status-panel{width:min(720px,100%)}.start-window{max-width:360px;text-align:center}.start-window p:not(.eyebrow),.save-window p:not(.eyebrow){margin:12px 0 18px;color:#c3ccd5}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.result-columns.single-column{grid-template-columns:1fr}.result-columns>div,.reward-card{border:1px solid #343a43;border-radius:8px;background:#151a20}.result-columns>div{padding:14px}.metric-list{display:grid;gap:8px;margin:0}.metric-list div{display:flex;justify-content:space-between;gap:12px}.metric-list dt{color:#95a2ae;font-size:13px}.metric-list dd{margin:0;color:#f7f2e8;font-weight:700;overflow-wrap:anywhere;text-align:right}.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.reward-card{min-height:132px;height:auto;min-width:0;display:block;padding:14px;text-align:left}.reward-card strong,.reward-card span{display:block}.reward-card strong{margin-bottom:8px;color:#f7f2e8;font-size:17px}.reward-card span{color:#c3ccd5;font-size:13px;line-height:1.5}.reward-card.selected{border-color:#78d7a5;box-shadow:0 0 0 1px #78d7a5}.split-row{justify-content:space-between}.split-row>div{display:flex;gap:10px}@keyframes battle-transition-fade{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}@keyframes kana-mistake-shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes key-burst-accepted{0%{opacity:0;transform:translate(calc(-50% + var(--burst-start-x, 0px)),-.85em) scale(.98)}18%{opacity:1;transform:translate(calc(-50% + var(--burst-start-x, 0px)),-.85em) scale(1)}36%{opacity:1;transform:translate(calc(-50% + var(--burst-start-x, 0px)),-.85em) scale(1)}72%{opacity:0;transform:translate(-50%,10px) scale(.78)}to{opacity:0;transform:translate(-50%,10px) scale(.78)}}@keyframes key-burst-rejected{0%{opacity:1;transform:translate(calc(-50% + var(--burst-start-x, 0px)),4px) scale(1)}28%{opacity:1;transform:translate(calc(-50% + var(--burst-bounce-x, 18px)),-10px) rotate(9deg) scale(1.06)}62%{opacity:1;transform:translate(calc(-50% + var(--burst-bounce-x, 18px)),-10px) rotate(9deg) scale(1.06)}to{opacity:0;transform:translate(calc(-50% + var(--burst-bounce-x, 18px)),-10px) rotate(9deg) scale(.94)}}@keyframes hp-damaged{0%{border-color:#ff8f70;box-shadow:0 0 #ff8f7000;transform:translate(0)}22%{box-shadow:0 0 0 3px #ff8f7075;transform:translate(-5px)}44%{transform:translate(5px)}66%{transform:translate(-3px)}to{border-color:#343a43;box-shadow:0 0 #ff8f7000;transform:translate(0)}}@keyframes hp-guarded{0%{border-color:#78d7a5;box-shadow:0 0 #78d7a500}45%{border-color:#78d7a5;box-shadow:0 0 0 3px #78d7a56b}to{border-color:#343a43;box-shadow:0 0 #78d7a500}}@media(max-width:640px){.hd2d-battle-viewport{height:286px;min-height:286px}.hd2d-stage-caption{top:9px;min-width:120px;padding:5px 12px 6px}.hd2d-stage-caption strong{font-size:14px}.hd2d-stage-bars{top:64px;right:9px;left:9px}.hd2d-stage-bars .battle-bars{grid-template-columns:1fr 1fr;gap:8px}.hd2d-stage-bars .hp-block{padding:7px}.hd2d-stage-bars .hp-label{font-size:11px}}@media(prefers-reduced-motion:reduce){.hd2d-impact{animation:none!important}}.roguelike-title-shell{display:grid;min-height:100vh;padding:clamp(14px,2.5vw,34px);place-items:center;background:radial-gradient(circle at 50% 18%,rgb(74 101 83 / 20%),transparent 34%),linear-gradient(145deg,#05090b,#0a1114 56%,#030607);color:#ede8da}.roguelike-title-screen,.roguelike-archive-screen{position:relative;width:min(1280px,100%);overflow:hidden;border:1px solid rgb(184 153 91 / 50%);border-radius:8px;background:#080d0e;box-shadow:inset 0 0 0 1px #ffe7b112,0 30px 90px #00000094}.roguelike-title-screen{min-height:min(760px,calc(100vh - 48px))}.roguelike-title-screen:before,.roguelike-archive-screen:before{position:absolute;z-index:5;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgb(205 174 111 / 16%);content:"";pointer-events:none}.roguelike-title-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#111b19}.roguelike-title-art img{position:absolute;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.roguelike-title-far{width:100%;height:100%;object-fit:cover;filter:brightness(.48) saturate(.78) contrast(1.12);transform:scale(1.04)}.roguelike-title-mid{right:-5%;bottom:4%;width:110%;opacity:.72;filter:brightness(.42) saturate(.72)}.roguelike-title-haze{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(3 7 8 / 88%) 0%,rgb(3 7 8 / 50%) 34%,transparent 64%),linear-gradient(180deg,rgb(3 5 5 / 26%),transparent 38%,rgb(2 4 4 / 68%)),radial-gradient(circle at 69% 44%,rgb(255 213 133 / 12%),transparent 24%)}.roguelike-title-ground{position:absolute;right:-5%;bottom:-9%;left:-5%;height:34%;background:linear-gradient(#20231a59,#040605f0),repeating-linear-gradient(91deg,#27291f 0,#27291f 4px,#151812 4px,#151812 9px);clip-path:polygon(0 18%,12% 12%,25% 17%,38% 10%,52% 15%,66% 9%,82% 14%,100% 8%,100% 100%,0 100%);opacity:.9}.roguelike-title-hero{z-index:2;bottom:14%;left:57%;width:clamp(108px,11vw,148px);filter:brightness(1.05) drop-shadow(-18px 18px 10px rgb(0 0 0 / 62%))}.roguelike-title-enemy{z-index:2;right:8%;bottom:12%;width:clamp(158px,17vw,226px);filter:brightness(.88) drop-shadow(22px 20px 14px rgb(0 0 0 / 72%))}.roguelike-title-overlay{position:relative;z-index:3;display:grid;min-height:inherit;grid-template-rows:auto 1fr auto;padding:clamp(32px,5vw,68px);pointer-events:none}.roguelike-title-brand{width:min(590px,55%);text-align:center;text-shadow:0 4px 18px #000}.roguelike-title-brand>p:first-child{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 4px;color:#bcae8d;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.roguelike-title-brand em{padding:2px 7px;border:1px solid rgb(218 175 91 / 54%);color:#e3bc6d;font-style:normal;letter-spacing:.08em}.roguelike-title-brand h1{margin:0;color:#eee8d8;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5.4vw,72px);font-weight:500;letter-spacing:.025em;line-height:.98}.roguelike-title-brand h1 strong{color:#c99746;font-weight:500}.roguelike-title-rule{width:70%;height:1px;margin:15px auto 9px;background:linear-gradient(90deg,transparent,#a9874e,transparent)}.roguelike-title-subtitle{margin:0;color:#a9b5ac;font-size:10px;font-weight:800;letter-spacing:.32em}.roguelike-title-menu{display:grid;align-self:center;width:min(390px,43%);gap:7px;pointer-events:auto}.roguelike-title-menu button{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;min-height:58px;padding:9px 16px;border:1px solid rgb(151 141 114 / 28%);border-radius:3px;background:linear-gradient(90deg,#080c0ceb,#0e1412c2);color:#d7d4c9;text-align:left;transition:border-color .13s ease,background .13s ease,transform .13s ease}.roguelike-title-menu button:not(:disabled):hover,.roguelike-title-menu button:not(:disabled):focus-visible{border-color:#c99c54;background:linear-gradient(90deg,#271e12f5,#121814d6);transform:translate(5px)}.roguelike-title-menu button.is-primary{border-color:#d2a552a6;box-shadow:inset 3px 0 #d3a253}.roguelike-title-menu button:disabled{cursor:not-allowed;opacity:.4}.roguelike-title-menu button>span{display:grid;gap:2px}.roguelike-title-menu strong{font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:600}.roguelike-title-menu small{color:#8f9992;font-size:10px}.roguelike-title-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgb(185 155 99 / 22%);padding-top:12px;color:#8d968f;font-size:10px;font-weight:700;letter-spacing:.16em;pointer-events:auto;text-transform:uppercase}.roguelike-archive-screen{min-height:min(760px,calc(100vh - 48px));padding:clamp(28px,4vw,52px);background:linear-gradient(#060b0cf0,#060a0bf5),url(/assets/far-valley-960x480-v2-BFPxDpb0.png) center / cover}.roguelike-archive-header{position:relative;z-index:6;display:grid;grid-template-columns:150px 1fr auto;align-items:start;gap:24px;padding-bottom:24px;border-bottom:1px solid rgb(185 154 95 / 28%)}.roguelike-archive-header button,.roguelike-debug-entry{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #4a514a;background:#111817;color:#d4d3ca}.roguelike-archive-header p,.roguelike-archive-status,.roguelike-stage-detail p{margin:0 0 5px;color:#c89c53;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.roguelike-archive-header h1{margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,44px);font-weight:500}.roguelike-archive-header span{color:#9ba59e;font-size:12px}.roguelike-archive-header em{color:#69736d;font-size:9px;font-style:normal;letter-spacing:.12em}.roguelike-archive-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(360px,1.4fr);gap:clamp(22px,4vw,56px);padding-top:30px}.roguelike-archive-list{display:grid;max-height:min(520px,calc(100vh - 260px));padding-right:4px;overflow-y:auto;align-content:start;gap:7px;scrollbar-color:#6f5938 #111817;scrollbar-width:thin}.roguelike-archive-list button{display:grid;grid-template-columns:48px 1fr auto;align-items:center;min-height:58px;gap:10px;padding:10px 14px;border:1px solid #303a37;background:#0d1414;color:#d3d3ca;text-align:left}.roguelike-archive-list button.is-selected,.roguelike-stage-grid button.is-selected{border-color:#bc8e49;box-shadow:inset 3px 0 #bc8e49}.roguelike-archive-list button>span,.roguelike-stage-grid button>span{color:#79847d;font-size:10px;letter-spacing:.1em}.roguelike-archive-list small,.roguelike-stage-grid small{color:#b58c50;font-size:9px}.roguelike-archive-preview{display:grid;align-content:start}.roguelike-archive-visual{display:grid;min-height:300px;margin-bottom:22px;overflow:hidden;border:1px solid rgb(174 146 91 / 28%);place-items:center;background:radial-gradient(circle at 50% 65%,rgb(116 143 91 / 28%),transparent 26%),linear-gradient(#152321,#080d0e 70%)}.roguelike-archive-visual img{width:min(260px,52%);image-rendering:pixelated;filter:drop-shadow(18px 22px 13px rgb(0 0 0 / 72%))}.roguelike-archive-visual.is-small img{width:min(176px,38%)}.roguelike-archive-visual.is-large img{width:min(260px,52%)}.roguelike-archive-visual.is-boss img{width:min(360px,74%)}.roguelike-archive-visual.is-crystal,.roguelike-stage-thumb.is-crystal{color:#8ce9ff;background:linear-gradient(135deg,transparent 34%,rgb(80 197 255 / 52%) 35% 42%,transparent 43%),linear-gradient(45deg,transparent 48%,rgb(135 87 255 / 45%) 49% 58%,transparent 59%),radial-gradient(circle,#233d62,#0b1027 72%)}.roguelike-archive-visual.is-steam,.roguelike-stage-thumb.is-steam{color:#e4a65e;background:repeating-linear-gradient(90deg,transparent 0 24px,rgb(225 143 67 / 12%) 25px 27px),linear-gradient(160deg,#40291f,#111416 48%,#090b0c)}.roguelike-archive-preview h2,.roguelike-stage-detail h2{margin:0 0 9px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500}.roguelike-archive-preview>p:not(.roguelike-archive-status),.roguelike-stage-detail span{color:#aab1ab;font-size:13px;line-height:1.8}.roguelike-archive-meta{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.roguelike-archive-meta span{padding:5px 8px;border:1px solid #35413d;background:#101716;color:#9eaaa3;font-size:9px;letter-spacing:.08em}.roguelike-debug-entry{justify-self:start}.roguelike-debug-entry:disabled{opacity:.48}.roguelike-debug-entry:not(:disabled):hover{border-color:#bc8e49;background:#1a211d}.roguelike-stage-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:clamp(16px,2.4vw,28px);padding-top:30px}.roguelike-stage-grid{display:grid;min-width:0;align-content:start;gap:10px}.roguelike-stage-grid button{display:grid;min-width:0;grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;gap:3px 11px;padding:8px;border:1px solid #303a37;background:#0c1212;color:#d5d3c8;text-align:left}.roguelike-stage-grid button.is-selected{border-color:#bc8e49;box-shadow:inset 3px 0 #bc8e49}.roguelike-stage-grid button>span,.roguelike-stage-grid button>strong,.roguelike-stage-grid button>small{grid-column:2;min-width:0}.roguelike-stage-grid button>strong{overflow-wrap:anywhere;line-height:1.35}.roguelike-stage-thumb{display:grid;width:92px;aspect-ratio:16 / 9;grid-column:1;grid-row:1 / span 3;overflow:hidden;place-items:center;background:#151b19}.roguelike-stage-thumb img,.roguelike-stage-preview img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.roguelike-stage-thumb img{filter:brightness(.78) contrast(1.08)}.roguelike-stage-detail{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:12px 20px;padding:14px;border:1px solid #303a37;background:#090e0ee0}.roguelike-stage-preview{display:grid;width:100%;aspect-ratio:2 / 1;grid-column:1 / -1;overflow:hidden;border:1px solid rgb(174 146 91 / 28%);place-items:center;background:#101817}.roguelike-stage-preview.is-crystal{color:#8ce9ff;background:linear-gradient(135deg,transparent 34%,rgb(80 197 255 / 52%) 35% 42%,transparent 43%),linear-gradient(45deg,transparent 48%,rgb(135 87 255 / 45%) 49% 58%,transparent 59%),radial-gradient(circle,#233d62,#0b1027 72%)}.roguelike-stage-preview.is-steam{color:#e4a65e;background:#171110}.roguelike-stage-copy{min-width:0}.roguelike-stage-copy span{display:block;color:#aab1ab;font-size:13px;line-height:1.7}.roguelike-stage-detail .roguelike-archive-meta{grid-column:1;margin:0}.roguelike-stage-detail .roguelike-debug-entry{align-self:end;grid-column:2;grid-row:2 / span 2;white-space:nowrap}@media(max-width:820px){.roguelike-title-screen,.roguelike-archive-screen{min-height:calc(100vh - 28px)}.roguelike-title-overlay{padding:30px 24px}.roguelike-title-brand,.roguelike-title-menu{width:100%}.roguelike-title-menu{align-self:end;margin-bottom:72px}.roguelike-title-haze{background:linear-gradient(180deg,#03070859,#030708d1 68%,#020404f5)}.roguelike-title-hero{bottom:41%;left:19%}.roguelike-title-enemy{right:13%;bottom:39%}.roguelike-archive-header{grid-template-columns:1fr auto}.roguelike-archive-header>div{grid-column:1 / -1;grid-row:2}.roguelike-archive-layout,.roguelike-stage-detail{grid-template-columns:1fr}.roguelike-archive-list{max-height:300px}.roguelike-stage-layout{grid-template-columns:1fr}.roguelike-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roguelike-stage-grid button{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.roguelike-stage-grid button>span,.roguelike-stage-grid button>strong,.roguelike-stage-grid button>small{grid-column:1}.roguelike-stage-thumb{width:100%;grid-column:1;grid-row:auto}.roguelike-stage-detail .roguelike-debug-entry{grid-column:1;grid-row:auto}}@media(max-width:560px){.roguelike-stage-grid{grid-template-columns:1fr}.roguelike-stage-grid button{grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto auto auto}.roguelike-stage-grid button>span,.roguelike-stage-grid button>strong,.roguelike-stage-grid button>small{grid-column:2}.roguelike-stage-thumb{width:92px;grid-column:1;grid-row:1 / span 3}}.stage-calibration-editor{border-color:#6d674d}.stage-vector-fields{display:grid;grid-template-columns:minmax(150px,.8fr) repeat(3,minmax(90px,1fr));align-items:end;gap:10px;padding:7px 0;border-top:1px solid rgb(255 255 255 / 7%)}.stage-vector-fields>strong{color:#e9edf0;font-size:13px}.stage-vector-fields label{display:grid;gap:4px;color:#95a2ae;font-size:11px}.stage-vector-fields input{min-width:0;border:1px solid #46525d;border-radius:5px;padding:6px 8px;background:#0d1217;color:#f4f6f7;font:inherit;font-variant-numeric:tabular-nums}@media(max-width:640px){.app-shell{padding:14px 14px 72px}.typing-panel{padding:18px}.sound-unlock-prompt{right:14px;bottom:14px;max-width:calc(100vw - 28px)}.title-panel h1{font-size:20px;line-height:1.35;overflow-wrap:normal}.practice-panel .panel-header{display:grid;grid-template-columns:1fr;gap:12px}.practice-panel .header-actions{justify-content:stretch}.practice-panel .header-actions>*{flex:1 1 120px}.practice-panel .header-actions .compact-volume-control{flex-basis:100%;width:100%}.kana-text{font-size:30px}.kana-text.tokenized{gap:5px 11px}.input-surface,.status-grid,.weakness-panel,.practice-focus-panel,.practice-entry-summary,.practice-entry-grid,.level-choice-grid,.staged-profile-grid,.badge-summary-grid,.badge-next-row,.badge-grid,.practice-analysis-grid,.practice-data-panel,.progress-chart-grid,.profile-recommendation-grid,.profile-mode-summary,.weakness-detail-grid,.mode-grid,.title-layout,.title-action-grid,.score-rule-grid,.score-rule-detail,.score-record-summary,.score-profile-grid,.score-live-summary,.battle-bars,.command-grid{grid-template-columns:1fr}.profile-section-heading{display:block}.profile-section-heading p{margin-top:6px}.practice-profile-link,.score-profile-link{align-items:stretch;flex-direction:column}.title-header{display:grid}.title-header-tools{grid-template-columns:1fr auto;justify-items:stretch}.title-stats{min-width:0}.compact-volume-control{width:100%}.title-menu{grid-template-columns:repeat(2,1fr)}.title-menu button{text-align:center;padding:0 8px}.title-menu button.primary:after{display:none}.command-prompt-row{grid-template-columns:1fr;grid-template-rows:88px 48px;height:140px;min-height:140px;gap:4px}.command-card{min-height:306px;grid-template-rows:auto 140px 42px 29px 25px}.command-prompt-row>.prompt-display{height:88px}.next-command{height:48px;padding-bottom:4px}.timeline-row{grid-template-columns:1fr;gap:6px}.result-columns,.reward-grid{grid-template-columns:1fr}.split-row{flex-wrap:wrap}.header-actions,.guide-control{flex-wrap:wrap;justify-content:flex-end}}.site-shell{min-height:100vh;background:var(--site-bg);color:var(--site-text)}.site-shell button,.my-page button{cursor:pointer}.site-header{position:relative;z-index:10;min-height:76px;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(190px,1fr);align-items:center;gap:28px;max-width:var(--site-content);margin:0 auto;padding:14px 22px;border-bottom:1px solid var(--site-border)}.site-brand{min-width:0;display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:var(--site-text);text-align:left}.site-brand-mark{width:38px;height:38px;flex:0 0 38px;display:block;object-fit:contain}.site-brand strong,.site-brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-brand strong{font-size:14px}.site-brand small{margin-top:2px;color:var(--site-text-muted);font-size:11px}.site-nav{display:flex;align-items:stretch;gap:4px}.site-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#c4ced4;font-size:13px}.site-nav a:hover,.site-nav a.is-active{border-bottom-color:var(--site-practice);color:#fff}.site-header-cta{justify-self:end;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 18px;border:1px solid var(--site-practice-strong);border-radius:6px;background:var(--site-practice-strong);color:#04110c;font-weight:800}.site-header-cta:hover{background:var(--site-practice)}.site-eyebrow{margin:0 0 8px;color:var(--site-practice);font-size:12px;font-weight:700;text-transform:uppercase}.home-hero,.home-section,.home-learning-links,.editorial-page,.site-shell>.ad-slot{width:min(var(--site-content),calc(100% - 44px));margin-right:auto;margin-left:auto}.home-hero{min-height:calc(100vh - 112px);display:grid;align-content:center;gap:32px;padding:64px 8px 42px}.home-hero-copy{max-width:890px}.home-hero-copy h1{max-width:840px;margin:0;color:#f6f8f7;font-size:50px;line-height:1.22;letter-spacing:0}.home-hero-copy h1 span{color:var(--site-practice)}.home-hero-copy>p:not(.site-eyebrow){max-width:760px;margin:20px 0 0;color:#b5c0c7;font-size:16px;line-height:1.85}.home-hero-copy>small{display:block;margin-top:14px;color:var(--site-text-muted);line-height:1.5}.home-hero-actions,.editorial-actions,.home-learning-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.home-hero-actions button,.editorial-actions button,.home-learning-actions button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:0 20px;border-radius:6px;font-weight:750}.action-primary,.editorial-cta--primary{border:1px solid var(--site-practice-strong);background:var(--site-practice-strong);color:#03110b}.action-primary:hover,.editorial-cta--primary:hover{background:var(--site-practice)}.action-score,.editorial-cta--secondary{border:1px solid #3b73b7;background:#10233b;color:#bcd9ff}.action-score:hover,.editorial-cta--secondary:hover{border-color:var(--site-score);background:#153054}.home-section{padding:54px 0;border-top:1px solid var(--site-border)}.home-section-heading,.my-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.home-section-heading h2,.home-learning-links h2,.editorial-section h2,.credit-disclosure h2,.my-section-heading h2{margin:0;font-size:25px;line-height:1.3}.home-section-heading>p,.my-section-heading>p{max-width:520px;margin:0;color:var(--site-text-muted);line-height:1.65}.quick-start-columns{display:grid;grid-template-columns:1.1fr .95fr .72fr;gap:28px}.quick-group{min-width:0;padding-top:16px;border-top:2px solid var(--site-border-strong)}.quick-group--practice{border-top-color:var(--site-practice)}.quick-group--score{border-top-color:var(--site-score)}.quick-group--game{border-top-color:var(--site-game)}.quick-group-heading span{color:var(--site-text-muted);font-size:11px;text-transform:uppercase}.quick-group-heading h3{margin:4px 0 16px;font-size:18px}.quick-action-list{display:grid}.quick-action-list button{min-width:0;min-height:58px;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 4px;border:0;border-bottom:1px solid var(--site-border);border-radius:0;background:transparent;color:var(--site-text);text-align:left}.quick-action-list button:hover,.quick-action-list button.is-emphasis{padding-right:10px;padding-left:10px;background:#36d39914}.quick-action-list small,.quick-score-grid small{color:var(--site-text-muted);line-height:1.35}.quick-action-list button>span{color:var(--site-practice)}.quick-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-score-grid button{min-height:78px;display:grid;gap:5px;align-content:center;padding:10px;border:1px solid #2d4055;border-radius:6px;background:#0e1926;color:#dcecff;text-align:left}.quick-score-grid button:hover{border-color:var(--site-score);background:#12253b}.quick-group-link,.game-launch-copy button,.text-link-button,.dashboard-focus button,.dashboard-score button{min-height:40px;margin-top:14px;padding:0;border:0;background:transparent;color:var(--site-score);text-align:left}.game-launch-copy{min-height:188px;display:flex;flex-direction:column;padding:18px;border:1px solid #493769;border-radius:7px;background:#171125}.game-launch-copy strong{color:#d9bcff}.game-launch-copy p{color:#aaa0b8;line-height:1.55}.game-launch-copy button{margin-top:auto;color:var(--site-game)}.site-shell>.ad-slot,.editorial-page>.ad-slot{min-height:96px;margin-top:20px;margin-bottom:20px;border-style:dashed;border-color:#35404a;background:#0e141a}.home-first-time .learning-cycle{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.learning-cycle li{min-width:0;padding:24px;border-right:1px solid var(--site-border)}.learning-cycle li:last-child{border-right:0}.learning-cycle span{color:var(--site-practice);font-family:ui-monospace,monospace}.learning-cycle strong{display:block;margin-top:20px;font-size:17px}.learning-cycle p{margin:8px 0 0;color:var(--site-text-muted);line-height:1.55}.home-metric-row,.my-summary-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.home-metric,.my-summary-band>div{min-width:0;padding:20px;border-right:1px solid var(--site-border)}.home-metric:last-child,.my-summary-band>div:last-child{border-right:0}.home-metric span,.home-metric small,.my-summary-band span,.my-summary-band small{display:block;color:var(--site-text-muted);font-size:11px}.home-metric strong,.my-summary-band strong{display:block;margin:8px 0 5px;font-size:25px;overflow-wrap:anywhere}.home-dashboard-details{display:grid;grid-template-columns:1.15fr .85fr;gap:0;margin-top:28px;border-top:1px solid var(--site-border)}.home-dashboard-details>section{min-width:0;min-height:210px;padding:24px;border-right:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.home-dashboard-details>section:nth-child(2n){border-right:0}.home-dashboard-details>section>span{color:var(--site-text-muted);font-size:11px;text-transform:uppercase}.home-dashboard-details h3{margin:10px 0;font-size:21px;overflow-wrap:anywhere}.home-dashboard-details p{color:var(--site-text-muted);line-height:1.6}.dashboard-focus h3{color:#9cf0cc}.dashboard-badge h3{color:var(--site-badge)}.dashboard-score h3{color:var(--site-score);font-size:30px}.dashboard-staged dl{margin:18px 0 0}.dashboard-staged dl div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid #202a33}.dashboard-staged dt{color:var(--site-text-muted)}.dashboard-staged dd{margin:0;text-align:right}.badge-progress-line>div:first-child{display:flex;justify-content:space-between;gap:10px;color:var(--site-text-muted);font-size:12px}.badge-progress-line>div:last-child{height:6px;margin-top:8px;background:#2a2d2d;overflow:hidden;border-radius:6px}.badge-progress-line i{display:block;height:100%;background:var(--site-badge)}.home-learning-links{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:44px 0;border-top:1px solid var(--site-border)}.home-learning-links>div:first-child{max-width:620px}.home-learning-links p{color:var(--site-text-muted);line-height:1.65}.home-learning-actions{margin:0}.home-learning-actions button{border:1px solid var(--site-border-strong);background:#111820;color:#dbe4e8}.site-footer{max-width:var(--site-content);display:grid;grid-template-columns:1fr 1.5fr;gap:34px;margin:48px auto 0;padding:32px 22px 40px;border-top:1px solid var(--site-border)}.site-footer-brand{display:flex;align-items:flex-start;gap:12px}.site-footer-brand p,.site-footer-credit{color:var(--site-text-muted);font-size:12px;line-height:1.55}.site-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.site-footer-links>div>strong{display:block;margin-bottom:8px;font-size:12px}.site-footer-links a{display:block;min-height:28px;padding:0;border:0;background:transparent;color:var(--site-text-muted);font-size:12px;text-align:left}.site-footer-credit{grid-column:1 / -1;margin:0}.site-brand,.site-nav a,.site-header-cta,.site-footer-links a{text-decoration:none}.editorial-page{padding:62px 0 20px}.editorial-hero{max-width:900px;padding-bottom:48px}.editorial-hero h1{margin:0;font-size:42px;line-height:1.3;letter-spacing:0}.editorial-hero>p:not(.site-eyebrow){max-width:780px;color:#b1bec5;font-size:16px;line-height:1.8}.editorial-cta--subtle{border:1px solid var(--site-border-strong);background:#111820;color:#d4dde2}.editorial-highlights{display:flex;flex-wrap:wrap;gap:0;margin-top:24px;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.editorial-highlights span{padding:11px 18px;border-right:1px solid var(--site-border);color:var(--site-text-muted);font-size:12px}.editorial-sections{border-top:1px solid var(--site-border)}.editorial-section{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:48px;padding:42px 0;border-bottom:1px solid var(--site-border)}.editorial-section-title{display:grid;grid-template-columns:38px 1fr;gap:12px}.editorial-section-title>span{color:var(--site-practice);font-family:ui-monospace,monospace}.editorial-section-title p{color:var(--site-text-muted);line-height:1.65}.editorial-item-list{display:grid}.editorial-item-list>div{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1fr);gap:24px;padding:18px 0;border-bottom:1px solid #202a32}.editorial-item-list>div:last-child{border-bottom:0}.editorial-item-list h3{margin:0;font-size:16px}.editorial-item-list p{margin:0;color:var(--site-text-muted);line-height:1.65}.editorial-page--guideHub .editorial-section-title>span,.editorial-page--romajiGuide .editorial-section-title>span{color:var(--site-score)}.editorial-page--about .editorial-section-title>span{color:var(--site-game)}.credit-disclosure{margin:46px 0;padding:28px 0;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.credit-disclosure>p{color:var(--site-text-muted);line-height:1.65}.credit-disclosure>div{display:grid;grid-template-columns:1fr auto;gap:6px 24px;padding:18px 0;border-top:1px solid #202a32}.credit-disclosure>div>p,.credit-disclosure>div>a{grid-column:1 / -1}.credit-disclosure span{color:var(--site-text-muted)}.credit-disclosure a{color:var(--site-score)}.my-page-shell{align-items:start;padding-top:34px;background:var(--site-bg)}.my-page{width:min(var(--site-content),100%);border-color:var(--site-border);background:var(--site-bg-raised)}.my-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:26px}.my-page-header h1{font-size:32px}.my-page-header p:not(.eyebrow){margin-bottom:0;color:var(--site-text-muted)}.my-summary-band strong{font-size:22px}.my-next-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:24px;border-left:3px solid var(--site-practice);background:#101d19}.my-next-action h2{margin:0;color:#a4f2d2;font-size:21px}.my-next-action p{margin-bottom:0;color:var(--site-text-muted)}.my-next-action button,.my-settings-link button{min-height:42px;flex:0 0 auto;padding:0 16px;border:1px solid var(--site-practice-strong);border-radius:6px;background:#15392c;color:#d5ffed}.my-section{margin-top:42px;padding-top:30px;border-top:1px solid var(--site-border)}.my-section-heading{align-items:start}.my-section-heading span{color:var(--site-text-muted);font-size:11px;text-transform:uppercase}.my-section-heading p{max-width:580px}.my-practice-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.my-history-chart{min-height:235px;padding:20px;border:1px solid var(--site-border);border-radius:7px;background:#10161d}.my-history-chart>div:first-child{display:flex;justify-content:space-between}.my-history-bars{height:135px;display:flex;align-items:end;gap:5px;margin:18px 0 8px;border-bottom:1px solid var(--site-border-strong)}.my-history-bars i{min-width:4px;flex:1;background:var(--site-practice);opacity:.76}.my-history-chart p{color:var(--site-text-muted)}.my-weakness-list{min-width:0}.my-weakness-list h3{margin-top:0}.my-weakness-list>div{display:grid;grid-template-columns:28px minmax(50px,.55fr) minmax(56px,.65fr) 1fr;align-items:center;gap:10px;min-height:39px;border-bottom:1px solid #202a32}.my-weakness-list>div>span,.my-weakness-list>div>small{color:var(--site-text-muted);font-size:11px}.my-weakness-list i{height:5px;background:#2c3236;overflow:hidden}.my-weakness-list b{display:block;height:100%;background:var(--site-danger)}.my-empty{color:var(--site-text-muted)}.my-history-table{margin-top:24px;border-top:1px solid var(--site-border)}.my-history-table>div{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:12px;min-height:42px;align-items:center;border-bottom:1px solid #202a32;color:var(--site-text-muted);font-size:12px}.my-history-table>div:first-child{color:#71808a;text-transform:uppercase}.my-history-table strong{color:var(--site-practice)}.staged-progress-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.staged-progress-line>div{min-width:0;padding:20px;border-right:1px solid var(--site-border)}.staged-progress-line>div:last-child{border-right:0}.staged-progress-line span,.staged-progress-line strong{display:block}.staged-progress-line span{color:var(--site-text-muted);font-size:11px}.staged-progress-line strong{margin-top:8px;overflow-wrap:anywhere;font-size:18px}.weak-unit-line{display:flex;justify-content:space-between;gap:20px;padding:16px 20px;background:#111820}.weak-unit-line span{color:var(--site-text-muted)}.my-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.my-score-item{min-width:0;padding:17px;border:1px solid #2b4058;border-radius:7px;background:#0f1925}.my-score-item>span{color:var(--site-score);font-size:12px}.my-score-item>strong{display:block;margin-top:10px;font-size:26px}.my-score-item p{min-height:38px;color:var(--site-text-muted);font-size:12px;line-height:1.5}.my-score-bars{height:38px;display:flex;align-items:end;gap:4px}.my-score-bars i{flex:1;background:var(--site-score);opacity:.72}.my-score-line{width:100%;height:92px;margin-top:8px;color:var(--site-score)}.my-score-line circle{fill:var(--site-bg-raised);stroke:currentColor;stroke-width:1.5}.my-badge-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}.my-badge-list>div{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #202a32;opacity:.58}.my-badge-list>div.is-unlocked{opacity:1}.badge-artwork{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border:1px solid #5b5032;border-radius:50%;color:var(--site-badge);background:color-mix(in srgb,var(--site-badge) 7%,transparent);font-size:11px;font-weight:800;letter-spacing:-.04em}.badge-artwork img{width:100%;height:100%;object-fit:cover}.badge-artwork:not(.is-earned){filter:grayscale(1);opacity:.58}.badge-artwork[data-badge-tier=silver]{border-color:#8e9aa4}.badge-artwork[data-badge-tier=gold]{border-color:#b79a62}.badge-artwork[data-badge-tier=platinum]{border-color:#7fa9ae;box-shadow:inset 0 0 0 1px #7fa9ae3d}.badge-artwork[data-badge-tier=diamond]{border-color:#829dcc;box-shadow:inset 0 0 0 1px #829dcc4d}.badge-artwork--small{width:28px;height:28px}.badge-toast .badge-artwork{grid-row:1 / span 3;align-self:center}.badge-toast:has(.badge-artwork){grid-template-columns:32px minmax(0,1fr)}.badge-toast:has(.badge-artwork)>span:not(.badge-artwork),.badge-toast:has(.badge-artwork)>strong,.my-badge-list strong,.my-badge-list p{display:block;margin:0}.my-badge-list p,.my-badge-list small{margin-top:4px;color:var(--site-text-muted);font-size:12px}.my-settings-link{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;padding:22px 0;border-top:1px solid var(--site-border)}.my-settings-link p{margin-bottom:0;color:var(--site-text-muted)}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-nav{grid-column:1 / -1;grid-row:2;justify-content:center}.site-header-cta{grid-column:2;grid-row:1}.home-hero{min-height:auto;padding-top:48px}.quick-start-columns{grid-template-columns:1fr 1fr}.quick-group--game{grid-column:1 / -1}.game-launch-copy{min-height:0}.home-metric-row{grid-template-columns:repeat(2,1fr)}.home-metric:nth-child(2){border-right:0}.home-metric:nth-child(-n+2){border-bottom:1px solid var(--site-border)}.my-summary-band{grid-template-columns:repeat(3,1fr)}.my-summary-band>div:nth-child(3){border-right:0}.my-summary-band>div:nth-child(-n+3){border-bottom:1px solid var(--site-border)}.my-practice-layout{grid-template-columns:1fr}.my-score-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr}}@media(max-width:680px){.site-header{min-height:68px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 16px}.site-brand-mark{width:34px;height:34px;flex-basis:34px}.site-brand strong{font-size:12px}.site-brand small{display:none}.site-header-cta{min-height:38px;padding:0 12px;font-size:12px}.site-nav{justify-content:stretch;overflow-x:auto}.site-nav a{min-width:92px;flex:1;padding:0 8px}.home-hero,.home-section,.home-learning-links,.editorial-page,.site-shell>.ad-slot{width:min(100% - 28px,var(--site-content))}.home-hero{gap:24px;padding:38px 0 30px}.home-hero-copy h1{font-size:34px}.home-hero-copy>p:not(.site-eyebrow),.editorial-hero>p:not(.site-eyebrow){font-size:14px}.home-hero-actions,.editorial-actions{display:grid}.home-hero-actions button,.editorial-actions button{width:100%}.home-section{padding:38px 0}.home-section-heading,.my-section-heading{display:block}.home-section-heading>p,.my-section-heading>p{margin-top:10px}.quick-start-columns,.home-dashboard-details,.my-score-grid,.my-badge-list{grid-template-columns:1fr}.quick-group--game{grid-column:auto}.home-first-time .learning-cycle{grid-template-columns:1fr}.learning-cycle li{border-right:0;border-bottom:1px solid var(--site-border)}.learning-cycle li:last-child{border-bottom:0}.home-metric-row,.my-summary-band{grid-template-columns:1fr 1fr}.home-metric:nth-child(odd),.my-summary-band>div:nth-child(odd){border-right:1px solid var(--site-border)}.home-metric:nth-child(2n),.my-summary-band>div:nth-child(2n){border-right:0}.home-dashboard-details>section{border-right:0}.home-learning-links{display:block}.home-learning-actions{display:grid}.site-footer{margin-top:28px;padding:26px 16px}.site-footer-links{grid-template-columns:repeat(2,1fr)}.editorial-page{padding-top:42px}.editorial-hero h1{font-size:32px}.editorial-section{grid-template-columns:1fr;gap:20px;padding:32px 0}.editorial-item-list>div{grid-template-columns:1fr;gap:6px}.editorial-highlights span{flex:1 1 50%;text-align:center;border-bottom:1px solid var(--site-border)}.credit-disclosure>div{grid-template-columns:1fr}.credit-disclosure>div>p,.credit-disclosure>div>a{grid-column:1}.my-page-shell{padding:14px 12px 70px}.my-page{padding:18px 14px}.my-page-header{display:grid}.my-page-header .app-shell-nav{justify-content:flex-start}.my-summary-band>div{padding:15px 12px}.my-summary-band strong{font-size:18px}.my-next-action,.my-settings-link{align-items:stretch;flex-direction:column}.my-next-action button,.my-settings-link button{width:100%}.staged-progress-line{grid-template-columns:1fr 1fr}.staged-progress-line>div:nth-child(2){border-right:0}.staged-progress-line>div:nth-child(-n+2){border-bottom:1px solid var(--site-border)}.weak-unit-line{display:grid}.my-history-table>div{grid-template-columns:1.3fr repeat(3,.6fr);gap:6px;font-size:11px}.my-badge-list>div{grid-template-columns:36px minmax(0,1fr)}.my-badge-list>div>small{grid-column:2}}:root{--site-content: 1360px;--site-bg: #080d12;--site-bg-raised: #0d141b;--site-surface: #111a22;--site-surface-strong: #17232d;--site-border: #26343f;--site-border-strong: #3b4c59;--site-text: #f2f6f4;--site-text-muted: #a3b0b8}.site-shell{overflow:clip;background:var(--site-bg)}.site-header{width:min(var(--site-content),calc(100% - 48px));max-width:none;min-height:80px;padding:14px 4px}.site-header-cta,.site-nav a,.site-brand,.site-footer a,.home-hero button,.home-product-proof button,.home-section button,.home-learning-links button,.visual-page button,.editorial-page button,.my-page button{font-family:inherit}.site-header-cta{gap:8px;min-height:44px;padding-inline:17px;box-shadow:0 10px 32px #19a97429}.site-eyebrow{margin-bottom:10px;font-size:11px;letter-spacing:0}.home-hero{position:relative;isolation:isolate;width:100%;min-height:720px;display:block;margin:0;padding:0;overflow:hidden;border-bottom:1px solid var(--site-border);background:#0a0f14}.home-hero-image,.visual-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.home-hero-image{object-position:center right}.home-hero-overlay,.visual-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#050a0efa,#050a0ee6 38%,#050a0e3d 72%,#050a0e1a)}.home-hero-overlay{background:linear-gradient(180deg,#050a0e14,#050a0e66 58%,#050a0ef0),linear-gradient(90deg,#050a0efa,#050a0edb 44%,#050a0e42 76%,#050a0e29)}.home-hero-inner{position:relative;z-index:2;width:min(var(--site-content),calc(100% - 48px));min-height:720px;display:grid;align-content:center;gap:32px;margin:0 auto;padding:42px 4px 32px}.home-hero-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:end;gap:68px}.home-hero-copy{max-width:650px}.home-hero-copy h1{max-width:650px;margin:0;font-size:clamp(42px,4vw,56px);line-height:1.18}.home-hero-copy h1 span{display:block;color:#45dda6}.home-title-mobile-break{display:none}.home-hero-copy>p:not(.site-eyebrow){max-width:600px;margin:18px 0 0;color:#c0cbd0;font-size:15px;line-height:1.75}.home-hero-actions,.editorial-actions,.home-learning-actions{display:flex;flex-wrap:wrap;gap:10px}.home-hero-actions{margin-top:22px}.home-hero-actions button,.editorial-actions button,.home-learning-actions button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:6px;font-weight:750}.home-hero-actions .action-primary,.editorial-cta--primary{border:1px solid var(--site-practice-strong);background:var(--site-practice-strong);color:#04120c}.home-hero-actions .action-primary:hover,.editorial-cta--primary:hover{background:var(--site-practice)}.home-hero-actions .action-score,.editorial-cta--secondary{border:1px solid #3b6fa5;background:#11273fdb;color:#dcecff}.home-hero-assurances{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:14px;color:#aab8be;font-size:11px}.home-hero-action-note{display:block;margin-top:10px}.home-hero-assurances span{display:inline-flex;align-items:center;gap:7px}.home-hero-assurances svg{color:var(--site-practice)}.home-four-u-heading{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:24px;padding:0 0 6px 28px;border-left:1px solid rgba(124,148,159,.32)}.home-four-u-heading>p{display:grid;align-content:end;gap:8px;margin:0}.home-four-u-heading>p strong{color:#6aebbb;font:800 82px/.78 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.1em;text-shadow:0 0 34px rgba(65,221,165,.18)}.home-four-u-heading>p span,.home-four-u-heading>div>span{color:#8ea1aa;font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}.home-four-u-heading h2{margin:8px 0 0;color:#f2f6f4;font-size:clamp(22px,2vw,29px);line-height:1.35}.home-four-u-heading>div>p{max-width:390px;margin:9px 0 0;color:#acbac0;font-size:12px;line-height:1.65}.home-four-u-flow-wrap{min-width:0}.home-four-u-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;overflow:visible;border:1px solid rgba(91,116,126,.5);border-radius:10px;background:#050c11e0;box-shadow:0 24px 64px #00000052;list-style:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-four-u-flow li{--four-u-color: #79caff;position:relative;min-width:0;min-height:174px;display:flex;flex-direction:column;padding:18px 21px 17px;border-right:1px solid rgba(91,116,126,.36);box-shadow:inset 0 2px color-mix(in srgb,var(--four-u-color) 78%,transparent)}.home-four-u-flow li:nth-child(2){--four-u-color: #67e3b4}.home-four-u-flow li:nth-child(3){--four-u-color: #edc06b}.home-four-u-flow li:nth-child(4){--four-u-color: #c4a6ff;border-right:0}.home-four-u-step{display:flex;align-items:center;justify-content:space-between;color:var(--four-u-color)}.home-four-u-step span{color:#667983;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}.home-four-u-step svg{width:18px;height:18px}.home-four-u-keyword{margin:12px 0 0;color:var(--four-u-color);font:750 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.home-four-u-flow li>strong{margin-top:2px;color:#f4f7f5;font-size:24px;line-height:1.25}.home-four-u-description{margin:6px 0 0;color:#a9b7bd;font-size:11px;line-height:1.55}.home-four-u-flow li>small{margin-top:auto;padding-top:10px;color:#dbe4e5;font-size:10px;font-weight:700}.home-four-u-connector{position:absolute;z-index:2;top:50%;right:-11px;width:22px;height:22px;padding:5px;border:1px solid rgba(91,116,126,.7);border-radius:50%;background:#0a1319;color:#aab9bf;transform:translateY(-50%)}.home-four-u-return{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:9px 3px 0;color:#85969e;font-size:10px;letter-spacing:.04em}.home-four-u-return svg{color:#79caff}.home-product-proof,.home-section,.home-learning-links,.home-closing-cta,.editorial-page,.visual-page,.my-page,.site-shell>.ad-slot{width:min(var(--site-content),calc(100% - 48px));margin-right:auto;margin-left:auto}.home-closing-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:38px 4px;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.home-closing-cta h2{margin:0;font-size:26px}.home-closing-cta p:not(.site-eyebrow){margin:8px 0 0;color:var(--site-text-muted)}.home-closing-cta>div:last-child{display:flex;flex-wrap:wrap;gap:10px}.home-closing-cta button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:6px}.home-closing-cta .action-primary{border-color:var(--site-practice-strong);background:var(--site-practice-strong);color:#04120c}.home-product-proof{display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.6fr);gap:64px;padding:76px 4px 82px}.home-product-proof-heading{align-self:start;padding-top:18px}.home-product-proof-heading h2,.home-section-heading h2,.home-learning-links h2,.visual-section-heading h2,.about-statement h2,.about-system-copy h2,.romaji-guide-principle h2{margin:0;font-size:32px;line-height:1.35}.home-product-proof-heading>p:not(.site-eyebrow),.visual-section-heading>p:not(.site-eyebrow),.about-system-copy>p,.romaji-guide-principle>div>p:last-child{color:var(--site-text-muted);line-height:1.8}.home-product-proof-layout{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:stretch}.product-practice{min-width:0;display:grid;grid-template-rows:auto minmax(245px,1fr) auto auto;border:1px solid #31554b;border-radius:8px;overflow:hidden;background:#0d151c;box-shadow:0 28px 70px #0000003d}.product-practice-toolbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid var(--site-border);color:var(--site-text-muted);font-size:11px}.product-practice-toolbar>div{display:flex;align-items:center;gap:8px}.product-practice-toolbar strong{color:var(--site-text);font-size:12px}.product-status-dot{width:7px;height:7px;border-radius:50%;background:var(--site-practice);box-shadow:0 0 0 4px #36d3991a}.product-practice-stage{display:grid;align-content:center;justify-items:center;min-height:245px;padding:30px;background:#101820;text-align:center}.product-display-text{margin:0;color:#f6f8f7;font-size:30px;font-weight:750}.product-kana-text{margin:10px 0 0;color:#b7c2c8;font-size:18px}.product-kana-text span{color:#61717b}.product-romaji-line{min-height:34px;display:flex;align-items:center;margin-top:17px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px}.product-romaji-line span{color:#54636d}.product-romaji-line strong{color:var(--site-practice)}.product-romaji-line em{color:#d8e1e5;font-style:normal}.product-practice-support{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--site-border)}.product-practice-support>div{min-width:0;padding:17px 18px}.product-practice-support>div+div{border-left:1px solid var(--site-border)}.product-practice-support span,.product-input-row>span{color:#7f919b;font-size:10px;text-transform:uppercase}.product-practice-support strong{display:block;margin-top:6px;font-size:13px}.product-practice-support p{margin:6px 0 0;color:var(--site-text-muted);font-size:11px;line-height:1.55}.product-focus-units{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.product-focus-units b{padding:5px 7px;border:1px solid #2b4039;border-radius:5px;color:#8e9ea6;font-size:10px;font-weight:600}.product-focus-units em{margin-left:4px;color:#a7efd2;font-style:normal}.product-input-row{min-height:54px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 18px;border-top:1px solid var(--site-border);background:#0a1117}.product-input-row strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px}.product-input-row i{width:2px;height:20px;background:var(--site-practice)}.home-product-proof-points{display:grid;align-content:stretch;border-top:1px solid var(--site-border)}.home-product-proof-points>div{display:grid;grid-template-columns:auto 1fr;align-content:center;gap:7px 11px;padding:20px 4px;border-bottom:1px solid var(--site-border)}.home-product-proof-points svg{color:var(--site-practice)}.home-product-proof-points strong{font-size:14px}.home-product-proof-points p{grid-column:2;margin:0;color:var(--site-text-muted);font-size:12px;line-height:1.6}.home-section{padding:66px 4px;border-top:1px solid var(--site-border)}.home-section-heading,.my-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.home-section-heading>p,.my-section-heading>p{max-width:560px;margin:0;color:var(--site-text-muted);line-height:1.7}.quick-start-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,.95fr) minmax(250px,.72fr);gap:34px}.quick-group{padding-top:18px}.quick-action-list button{grid-template-columns:24px minmax(100px,.65fr) minmax(0,1fr) 18px;min-height:62px;gap:11px;padding:10px 6px}.quick-action-list button>svg:first-child{color:var(--site-practice)}.quick-action-list button>svg:last-child{color:var(--site-practice)}.quick-score-grid button{min-height:88px;grid-template-columns:24px 1fr;align-items:center;gap:10px;padding:14px}.quick-score-grid button svg{color:var(--site-score)}.quick-score-grid button span{min-width:0;display:grid;gap:5px}.quick-score-grid button strong,.quick-score-grid button small{display:block}.quick-group-link,.game-launch-copy button,.text-link-button,.dashboard-focus button,.dashboard-score button{display:inline-flex;align-items:center;gap:6px}.game-launch-copy{min-height:218px;gap:8px;padding:21px;background:#171224}.game-launch-copy>svg{color:var(--site-game)}.training-cycle-visual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.training-cycle-visual li{position:relative;min-width:0;min-height:154px;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:8px 12px;padding:23px;border-right:1px solid var(--site-border)}.training-cycle-visual li:last-child{border-right:0}.training-cycle-visual li>span{grid-column:1 / -1;color:#60717b;font:11px ui-monospace,monospace}.training-cycle-visual li>svg{color:var(--site-practice)}.training-cycle-visual li>strong{align-self:center;font-size:17px}.training-cycle-visual li>small{grid-column:2;color:var(--site-text-muted);line-height:1.5}.home-first-time .text-link-button{margin-top:18px}.home-metric-row,.my-summary-band{background:#0b1218}.home-dashboard-details>section{background:#0e151c8f}.home-learning-links{padding:58px 4px}@media(min-width:1081px)and (max-height:850px){.home-hero.home-hero,.home-hero .home-hero-inner{min-height:670px}.home-hero .home-hero-inner{gap:24px;padding-top:30px;padding-bottom:24px}.home-hero .home-hero-copy h1{font-size:46px}.home-hero .home-hero-copy>p:not(.site-eyebrow){margin-top:13px;line-height:1.65}.home-hero .home-hero-actions{margin-top:17px}.home-four-u-flow li{min-height:154px;padding-block:15px}}@media(max-width:1100px){.home-hero.home-hero,.home-hero .home-hero-inner{min-height:0}.home-hero .home-hero-inner{gap:28px;padding-top:48px;padding-bottom:34px}.home-hero-lead{grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);gap:40px}.home-four-u-heading{gap:18px;padding-left:22px}.home-four-u-heading>p strong{font-size:68px}.home-four-u-flow li{padding-inline:17px}}@media(max-width:900px){.home-hero .home-hero-overlay{background:linear-gradient(180deg,#050a0eb8,#050a0ef5)}.home-hero-lead{grid-template-columns:1fr;gap:30px}.home-four-u-heading{max-width:720px;padding:22px 0 0;border-top:1px solid rgba(124,148,159,.32);border-left:0}.home-four-u-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.home-four-u-flow li{min-height:158px}.home-four-u-flow li:nth-child(2){border-right:0}.home-four-u-flow li:nth-child(3),.home-four-u-flow li:nth-child(4){border-top:1px solid rgba(91,116,126,.36)}.home-four-u-flow li:nth-child(3){border-right:1px solid rgba(91,116,126,.36)}.home-four-u-connector{display:none}}@media(max-width:600px){.home-hero.home-hero{min-height:0}.home-hero .home-hero-inner{min-height:0;gap:24px;padding:36px 0 30px}.home-hero .home-hero-copy h1{font-size:38px;line-height:1.2}.home-title-mobile-break{display:block}.home-hero .home-hero-copy>p:not(.site-eyebrow){margin-top:15px;font-size:14px;line-height:1.7}.home-four-u-heading{grid-template-columns:76px minmax(0,1fr);gap:15px;padding-top:18px}.home-four-u-heading>p strong{font-size:55px}.home-four-u-heading h2{margin-top:5px;font-size:20px}.home-four-u-heading>div>p{margin-top:6px;font-size:11px}.home-four-u-flow li{min-height:174px;padding:14px 13px}.home-four-u-flow li>strong{font-size:21px}.home-four-u-keyword{font-size:9px;letter-spacing:.035em}.home-four-u-description{font-size:10px}.home-four-u-flow li>small{font-size:9px}.home-four-u-return{justify-content:flex-start;margin-top:8px}}.site-shell>.ad-slot,.editorial-page>.ad-slot,.visual-page>.ad-slot,.my-page>.ad-slot{min-height:112px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-top:28px;margin-bottom:28px;padding:22px 28px;border:1px solid #2b3943;border-radius:7px;background:#0d141a}.ad-slot-badge{padding:6px 9px;border-color:#496174;color:#a9bfcd;font-size:10px;text-transform:none}.ad-slot span{color:#d4dde2;font-size:13px}.ad-slot small{margin-top:4px;color:#7f909a}.ad-slot.ad-slot--live[data-placement]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;height:128px;min-height:128px;padding:4px 0 6px;border-style:solid}.ad-slot .ad-slot-live-label{color:#8fa2af;font-size:10px;line-height:1;letter-spacing:.12em}.ad-slot--live .adsbygoogle{display:inline-block;width:728px;height:90px}@media(max-width:799px){.ad-slot--live .adsbygoogle{width:468px;height:60px}}@media(max-width:519px){.ad-slot--live .adsbygoogle{width:320px;height:100px}}@media(max-width:359px){.ad-slot.ad-slot--live[data-placement]{display:none}}.editorial-page,.visual-page,.my-page{padding:68px 4px 28px}.editorial-hero{max-width:980px;padding-bottom:58px}.editorial-hero h1{font-size:48px}.editorial-hero>p:not(.site-eyebrow){max-width:820px;font-size:17px}.editorial-actions{margin-top:27px}.editorial-cta--subtle{border:1px solid var(--site-border-strong);background:#111820;color:var(--site-text)}.editorial-section{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:70px;padding:52px 0}.editorial-item-list>div{grid-template-columns:minmax(160px,.42fr) minmax(0,1fr);gap:30px;padding:21px 0}.visual-page{padding-top:30px}.visual-hero{position:relative;isolation:isolate;min-height:540px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--site-border);border-radius:8px;background:var(--site-bg)}.visual-hero>img{object-position:center right}.visual-hero-copy{position:relative;z-index:2;max-width:700px;padding:64px}.visual-hero-copy h1,.romaji-guide-hero h1{margin:0;font-size:50px;line-height:1.25}.visual-hero-copy>p:not(.site-eyebrow),.romaji-guide-hero>div>p:not(.site-eyebrow){color:var(--site-text-muted);font-size:16px;line-height:1.8}.guide-intro-band,.romaji-guide-principle{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:74px;padding:76px 4px;border-bottom:1px solid var(--site-border)}.guide-intro-band>div:first-child>p:not(.site-eyebrow){color:var(--site-text-muted);line-height:1.75}.guide-intro-band button{min-height:44px;display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:0;border:0;background:transparent;color:var(--site-score)}.romaji-routes-visual{position:relative;min-height:330px;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:50px;padding:36px;border:1px solid var(--site-border);border-radius:8px;background:var(--site-surface);overflow:hidden}.romaji-kana-node{width:94px;height:94px;display:grid;place-items:center;border:1px solid var(--site-practice-strong);border-radius:50%;background:var(--site-surface);color:var(--site-text);font-size:40px;font-weight:800}.romaji-route-options{display:grid;gap:9px}.romaji-route-options>div{min-height:58px;display:grid;grid-template-columns:26px minmax(70px,.4fr) 1fr;align-items:center;gap:12px;padding:0 16px;border-left:2px solid var(--site-border);background:var(--site-surface)}.romaji-route-options>div.is-preferred{border-left-color:var(--site-practice)}.romaji-route-options svg{color:var(--site-text-muted)}.romaji-route-options strong{font:18px ui-monospace,monospace}.romaji-route-options span{color:var(--site-text-muted);font-size:11px}.romaji-routes-visual>p{grid-column:1 / -1;display:flex;align-items:center;gap:7px;margin:0;color:var(--site-text-muted);font-size:12px}.romaji-routes-visual>p svg{color:var(--site-practice)}.guide-directory,.guide-training-band,.romaji-example-section{padding:76px 4px;border-bottom:1px solid var(--site-border)}.visual-section-heading{max-width:760px;margin-bottom:34px}.guide-entry-list{border-top:1px solid var(--site-border)}.guide-entry-list button{width:100%;min-height:100px;display:grid;grid-template-columns:42px 42px minmax(150px,.5fr) minmax(0,1fr) 22px;align-items:center;gap:20px;padding:18px 8px;border:0;border-bottom:1px solid var(--site-border);border-radius:0;background:transparent;color:var(--site-text);text-align:left}.guide-entry-list button:hover{padding-right:18px;padding-left:18px;background:color-mix(in srgb,var(--site-practice) 15%,var(--site-bg))}.guide-entry-list button>span{color:var(--site-text-muted);font:12px ui-monospace,monospace}.guide-entry-list button>svg{color:var(--site-score)}.guide-entry-list strong{font-size:17px}.guide-entry-list p{margin:0;color:var(--site-text-muted);line-height:1.65}.training-unit-visual{padding:28px;border:1px solid var(--site-border);border-radius:8px;background:var(--site-surface)}.training-unit-heading{display:flex;align-items:center;gap:13px}.training-unit-heading svg{color:var(--site-practice)}.training-unit-heading strong,.training-unit-heading span{display:block}.training-unit-heading span{margin-top:3px;color:var(--site-text-muted);font-size:12px}.training-unit-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:24px}.training-unit-track>div{min-width:0;min-height:94px;display:grid;align-content:center;justify-items:center;gap:8px;border:1px solid var(--site-border);border-radius:6px;background:var(--site-surface)}.training-unit-track>div.is-mastered{border-color:var(--site-practice-strong);background:color-mix(in srgb,var(--site-practice-strong) 28%,var(--site-surface))}.training-unit-track>div.is-current{border-color:var(--site-practice);background:color-mix(in srgb,var(--site-practice-strong) 34%,var(--site-surface))}.training-unit-track span{font-size:23px;font-weight:800}.training-unit-track small{color:var(--site-text-muted);font-size:10px}.romaji-guide-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);align-items:center;gap:70px;padding:64px 4px 76px;border-bottom:1px solid var(--site-border)}.candidate-lock-visual{display:grid;grid-template-columns:1fr auto 1.2fr;align-items:center;gap:18px}.candidate-lock-start,.candidate-lock-result{min-height:112px;display:flex;align-items:center;gap:15px;padding:20px;border:1px solid var(--site-border);border-radius:7px;background:var(--site-bg)}.candidate-lock-start{display:grid;justify-items:center}.candidate-lock-start span{font-size:32px;font-weight:800}.candidate-lock-start small,.candidate-lock-result small{color:var(--site-text-muted)}.candidate-lock-key{display:grid;justify-items:center;gap:7px}.candidate-lock-key kbd{min-width:48px;min-height:48px;display:grid;place-items:center;border:1px solid var(--site-practice);border-radius:6px;background:color-mix(in srgb,var(--site-practice-strong) 24%,var(--site-surface));font:20px ui-monospace,monospace}.candidate-lock-key span{color:var(--site-text-muted);font-size:10px}.candidate-lock-result svg{color:var(--site-practice)}.candidate-lock-result strong,.candidate-lock-result small{display:block}.candidate-lock-result small{margin-top:5px}.romaji-example-table{border-top:1px solid var(--site-border)}.romaji-example-table>div{min-height:58px;display:grid;grid-template-columns:.35fr .8fr 1.5fr;align-items:center;gap:24px;padding:10px 16px;border-bottom:1px solid var(--site-border)}.romaji-example-table>div:first-child{min-height:42px;color:var(--site-text-muted);font-size:11px;text-transform:uppercase}.romaji-example-table code{color:var(--site-score);font-size:14px}.romaji-example-table span:last-child{color:var(--site-text-muted)}.romaji-guide-note{display:grid;grid-template-columns:auto 1fr;gap:16px;margin:36px 4px;padding:24px;border-left:3px solid var(--site-practice);background:var(--site-surface)}.romaji-guide-note svg{color:var(--site-practice)}.romaji-guide-note p{margin:7px 0 0;color:var(--site-text-muted);line-height:1.65}.data-boundary-visual{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.data-boundary-visual>section{min-height:190px;display:grid;align-content:center;gap:12px;padding:30px}.data-boundary-visual>section>div{display:flex;align-items:center;gap:10px}.data-boundary-visual>section:first-child svg{color:var(--site-practice)}.data-boundary-visual>section:last-child svg{color:var(--site-score)}.data-boundary-visual p{margin:0;color:var(--site-text-muted)}.data-boundary-visual section>span{width:max-content;padding:5px 8px;border:1px solid var(--site-border);border-radius:5px;color:var(--site-text-muted);font:11px ui-monospace,monospace}.data-boundary-divider{min-width:150px;display:grid;place-content:center;justify-items:center;gap:8px;border-right:1px solid var(--site-border);border-left:1px solid var(--site-border);color:var(--site-text-muted);font-size:11px}.transparency-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.transparency-list>div{min-width:0;padding:28px;border-right:1px solid var(--site-border)}.transparency-list>div:last-child{border-right:0}.transparency-list svg{color:var(--site-practice)}.transparency-list strong{display:block;margin-top:18px}.transparency-list p{color:var(--site-text-muted);line-height:1.7}.credit-disclosure{margin:0}.metric-title{display:inline-flex;align-items:center;gap:6px}.metric-help{position:relative;display:inline-flex;flex:0 0 auto;vertical-align:middle}.metric-help>summary{width:24px;height:24px;display:grid;place-items:center;border:1px solid #33424c;border-radius:50%;color:#91a3ad;cursor:pointer;list-style:none}.metric-help>summary::-webkit-details-marker{display:none}.metric-help>summary:hover,.metric-help[open]>summary{border-color:var(--site-score);color:#b9ddff}.metric-help>div{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:min(280px,75vw);padding:14px;border:1px solid #3a4b57;border-radius:6px;background:#101922;box-shadow:0 14px 32px #00000057;color:var(--site-text);text-align:left;font-weight:400}.metric-help>div strong{font-size:13px}.metric-help>div p{margin:7px 0;color:var(--site-text-muted);font-size:12px;line-height:1.6}.metric-help>div small{color:#7f919b;font-size:10px}.my-page{border:0;background:transparent}.my-page-header{min-height:150px;align-items:center;padding:0 0 34px}.my-page-header h1{margin:0;font-size:42px}.my-page-header p:not(.site-eyebrow){color:var(--site-text-muted)}.my-page-actions{display:flex;gap:8px}.my-page-actions button{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--site-border-strong);border-radius:6px;background:#111820;color:var(--site-text)}.my-summary-band{grid-template-columns:repeat(5,minmax(0,1fr))}.my-summary-band>div{min-height:116px;display:grid;align-content:center;padding:22px 24px}.my-next-action{margin-top:34px;padding:28px 30px}.my-next-action button,.my-settings-link button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.my-section{margin-top:54px;padding-top:42px}.my-practice-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:38px}.my-history-chart{min-height:280px;padding:26px}.my-history-bars{height:170px}.my-line-chart>svg{width:100%;height:218px;margin-top:14px;color:var(--site-practice)}.my-line-chart>svg circle{fill:var(--site-bg-raised);stroke:currentColor;stroke-width:3}.report-chart-grid{stroke:#4d5e6a57;stroke-width:1}.report-chart-unit,.report-chart-x-label,.report-chart-y-label{fill:#8497a2;font-size:10px;font-weight:600}.report-chart-unit{fill:#a8bac4;font-size:9px;letter-spacing:.05em}.growth-chart-empty{min-height:193px;display:grid;place-items:center;margin-top:14px;border-bottom:1px solid var(--site-border)}.growth-chart-empty .my-empty{margin:0}.growth-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.growth-chart-heading>strong{min-width:max-content}.growth-chart-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.growth-metric-selector{display:flex;flex:0 0 auto;gap:2px;padding:3px;border:1px solid #33454f;border-radius:999px;background:#091117}.growth-metric-selector button{min-height:28px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--site-text-muted);font-size:11px;font-weight:800;letter-spacing:.04em}.growth-metric-selector button.is-active{background:var(--site-practice);color:#07130f;box-shadow:0 0 0 1px #75f5c429}.growth-period-selector{display:flex;flex-wrap:wrap;gap:4px}.growth-period-selector button{min-height:28px;padding:0 9px;border:1px solid var(--site-border);border-radius:4px;background:transparent;color:var(--site-text-muted);font-size:11px}.my-practice-insights{display:grid;align-content:start;gap:24px;min-width:0}.my-insight-heading h3{margin:0}.my-insight-heading p{margin:5px 0 0;color:var(--site-text-muted);font-size:10px;line-height:1.5}.my-weakness-row{grid-template-columns:24px minmax(44px,.5fr) minmax(58px,.65fr) 1fr}.my-weakness-row em{grid-column:2 / -1;margin:-4px 0 8px;color:#7f919b;font-size:9px;font-style:normal}.my-confusion-list{min-width:0}.my-confusion-list ol{display:grid;gap:0;margin:9px 0 0;padding:0;list-style:none}.my-confusion-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:9px 0;border-bottom:1px solid #202a32}.my-confusion-list li>div{display:flex;align-items:center;gap:8px}.my-confusion-list kbd{min-width:28px;min-height:25px;display:inline-grid;place-items:center;padding:2px 7px;border:1px solid #3b5966;border-radius:4px;background:#0a151b;color:#b9f2dc;font:700 12px/1 ui-monospace,monospace}.my-confusion-list kbd.is-wrong{border-color:#81434a;color:#ffaaa4}.my-confusion-list li>strong{align-self:center;font-size:12px}.my-confusion-list li>small{grid-column:1 / -1;color:#7f919b;font-size:9px}.growth-period-selector button.is-active{border-color:var(--site-practice);background:#36d39914;color:var(--site-practice)}.typing-style-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.typing-style-card,.romaji-style-section{padding:24px;border:1px solid var(--site-border);border-radius:7px;background:#10171e}.typing-style-card>span,.typing-style-card-heading span,.romaji-style-section>div>span{color:var(--site-practice);font-size:10px}.typing-style-card h3,.romaji-style-section h3{margin:7px 0 12px}.typing-style-card>p,.romaji-style-section>div>p{color:var(--site-text-muted);font-size:12px;line-height:1.6}.typing-style-card-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.typing-style-card-heading button{display:inline-flex;align-items:center;gap:6px;min-height:36px;white-space:nowrap}.typing-radar{width:min(100%,360px);display:block;margin:4px auto;overflow:visible}.typing-radar polygon{fill:none;stroke:#2b3a44;stroke-width:1}.typing-radar .typing-radar-value{fill:#2ad6a033;stroke:var(--site-practice);stroke-width:2}.typing-radar text{fill:var(--site-text-muted);font-size:10px}.typing-radar .typing-radar-scale{fill:#697b86;font-size:7px}.typing-profile-card{position:relative;overflow:hidden}.typing-profile-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--site-practice),transparent 72%)}.typing-profile-rating{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:stretch;gap:1px;margin-top:14px;border:1px solid #26343d;background:#26343d}.typing-profile-rating>div{display:grid;align-content:center;min-height:88px;padding:14px 18px;background:#0c141b}.typing-profile-rating span{color:#7f919b;font-size:9px;letter-spacing:.08em}.typing-profile-rating strong{margin-top:5px;color:#f3f7f5;font-size:28px}.typing-profile-rating>div:first-child strong{color:var(--site-practice);font-size:38px}.typing-profile-rating>small{grid-column:1 / -1;padding:8px 12px;background:#0c141b;color:#92a4ae;font-size:10px}.typing-profile-axis-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.typing-profile-axis-grid>div{display:grid;justify-items:center;gap:3px;padding:9px 4px;border:1px solid #26343d;background:#0c141b}.typing-profile-axis-grid span{color:#93a5af;font-size:9px}.typing-profile-axis-grid strong{color:var(--site-practice);font-size:18px}.typing-profile-axis-grid small{color:#71838d;font-size:8px}.typing-profile-axis-grid .is-unmeasured{border-style:dashed;opacity:.72}.typing-profile-axis-grid .is-unmeasured strong{color:#71838d}.typing-profile-self-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border-block:1px solid #26343d}.typing-profile-self-summary>div{display:grid;gap:4px;padding:10px;border-right:1px solid #26343d}.typing-profile-self-summary>div:last-child{border-right:0}.typing-profile-self-summary span{color:#7f919b;font-size:9px}.typing-profile-self-summary strong{font-size:12px}.typing-profile-measure-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;margin-top:14px;border-color:var(--site-practice);color:var(--site-practice)}.typing-profile-standard-note{margin:13px 0 0;color:#71838d;font-size:9px;line-height:1.6}.typing-radar.is-partial .typing-radar-value{fill:#2ad6a014;stroke-dasharray:4 3}.motion-insight-list{display:grid;gap:14px;margin:20px 0 0;padding:0;list-style:none}.motion-insight-list li{display:grid;grid-template-columns:1fr auto;gap:5px 12px}.motion-insight-list i{height:5px;grid-column:1 / -1;overflow:hidden;background:#263039}.motion-insight-list i b{display:block;height:100%;background:var(--site-score)}.motion-insight-list small{color:var(--site-text-muted)}.romaji-style-section{margin-top:18px}.romaji-style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.romaji-style-grid article{padding:15px;border-left:2px solid var(--site-score);background:#0c141b}.romaji-style-grid article>strong{display:block;margin-bottom:10px;font-size:22px}.romaji-style-grid article>div{display:grid;grid-template-columns:38px 1fr;gap:5px 8px;align-items:center;margin-top:8px}.romaji-style-grid i{height:4px;overflow:hidden;background:#25313a}.romaji-style-grid i b{display:block;height:100%;background:var(--site-score)}.romaji-style-grid small{grid-column:1 / -1;color:var(--site-text-muted)}.practice-visual-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:start;gap:18px;margin-top:18px}.practice-calendar,.kana-mastery-map{min-height:190px;padding:22px;border:1px solid var(--site-border);border-radius:7px;background:#10171e}.practice-calendar h3,.kana-mastery-map h3{margin:6px 0 16px}.practice-calendar>div:first-child>span,.kana-mastery-map>div:first-child>span{color:var(--site-practice);font-size:10px}.practice-calendar>p{color:var(--site-text-muted);font-size:11px}.practice-calendar-grid{display:grid;grid-template-rows:repeat(7,12px);grid-template-columns:repeat(12,minmax(12px,1fr));grid-auto-flow:column;gap:4px;overflow:hidden}.practice-calendar-grid i{border-radius:2px;background:var(--site-practice)}.kana-mastery-heading>span{color:var(--site-practice);font-size:10px}.kana-mastery-overview{direction:rtl;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#40515e transparent}.kana-mastery-table{display:flex;width:max-content;min-width:100%;direction:rtl;gap:3px;padding:2px 0 7px}.kana-mastery-table--yoon{margin-top:8px;padding-top:11px;border-top:1px solid rgba(52,67,78,.7)}.kana-mastery-column{direction:ltr;display:grid;flex:0 0 27px;grid-template-rows:15px repeat(5,25px);gap:3px}.kana-mastery-column>span{color:var(--site-text-muted);font-size:8px;line-height:15px;text-align:center;white-space:nowrap}.kana-mastery-map .kana-mastery-column i{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--site-border);border-radius:4px;background:#0c141b;font-style:normal;font-size:11px}.kana-mastery-map .kana-mastery-column i.is-empty{visibility:hidden}.kana-mastery-map i.is-strong{border-color:#1e9f79;background:#12382f;color:#7be2bd}.kana-mastery-map i.is-learning{border-color:#927a2c;background:#302a16;color:#e2c66a}.kana-mastery-map i.is-weak{border-color:#9d4149;background:#351b20;color:#ef949a}.kana-mastery-map i.is-unmeasured{border-color:#2b3944;background:#101820;color:#687985}.kana-mastery-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px;color:var(--site-text);font-size:11px}.kana-mastery-legend>span{display:inline-flex;align-items:center;gap:6px}.kana-mastery-legend i{width:8px;height:8px;border-radius:2px;background:currentColor}.kana-mastery-legend small{color:var(--site-text-muted)}.kana-mastery-legend .is-strong{color:#57d5a7}.kana-mastery-legend .is-learning{color:#d8b955}.kana-mastery-legend .is-weak{color:#e87c85}.kana-mastery-legend .is-unmeasured{color:#687985}.my-staged-summary{margin-top:18px;padding:22px;border:1px solid var(--site-border);border-radius:7px;background:#0d1618}.my-staged-summary>div:first-child p{margin:6px 0 18px;color:var(--site-text-muted)}.my-staged-summary h3{margin:5px 0 0}.my-score-grid{gap:16px}.my-score-item{padding:22px}.site-footer{width:min(var(--site-content),calc(100% - 48px));max-width:none;margin-top:64px;padding:38px 4px 46px}.practice-session-history{margin-top:28px;padding:26px;border:1px solid var(--site-border);border-radius:8px;background:#0d151d}.practice-session-history-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:20px}.practice-session-history-heading h3{margin:4px 0 0;font-size:21px}.practice-session-history-heading p{max-width:620px;margin:0;color:var(--site-text-muted);font-size:12px;line-height:1.7}.practice-session-history-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.practice-session-history-list article{padding:16px;border:1px solid #263743;border-radius:6px;background:#101a23}.practice-session-history-date{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;color:var(--site-practice)}.practice-session-history-date strong{color:var(--site-text);font-size:14px}.practice-session-history-date span{color:var(--site-text-muted);font-size:11px}.practice-session-history-list dl{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0 10px}.practice-session-history-list dl>div{min-width:0}.practice-session-history-list dt{color:var(--site-text-muted);font-size:10px}.practice-session-history-list dd{margin:3px 0 0;color:var(--site-text);font-size:15px;font-weight:700}.practice-session-history-list article>small{color:#81939e;font-size:10px}@media(max-width:720px){.practice-session-history{padding:18px}.practice-session-history-heading{display:grid;gap:9px}.practice-session-history-list{grid-template-columns:1fr}}@media(max-width:1100px){.home-product-proof{grid-template-columns:1fr;gap:30px}.home-product-proof-heading{max-width:760px}.quick-start-columns{grid-template-columns:1fr 1fr}.quick-group--game{grid-column:1 / -1}.game-launch-copy{min-height:0}.romaji-guide-hero{grid-template-columns:1fr}.romaji-guide-hero .romaji-routes-visual{max-width:760px}.guide-intro-band,.romaji-guide-principle,.about-system-grid{gap:40px}.my-summary-band{grid-template-columns:repeat(3,1fr)}.my-summary-band>div:nth-child(3){border-right:0}.my-practice-layout{grid-template-columns:1fr}}@media(min-width:1081px)and (max-height:850px){.contents-page{padding-top:20px}.contents-header{min-height:82px;padding-bottom:14px}.contents-header h1{font-size:32px}.contents-time-summary>div{padding-block:7px}.contents-recommended{margin-top:12px;padding-block:10px}.contents-recommended-icon{width:34px;height:34px}.contents-recommended p{display:none}.contents-lanes{padding-top:20px}.contents-lane-heading p{min-height:0;margin-bottom:8px}.contents-card-grid small{display:none}.contents-card-grid button{min-height:67px}.contents-game-entry p{margin-top:4px;font-size:12px;line-height:1.4}}@media(max-width:820px){.site-header{grid-template-columns:1fr auto}.site-nav{grid-column:1 / -1;grid-row:2;justify-content:center}.home-hero,.home-hero-inner{min-height:600px}.home-hero-overlay{background:#050a0ec2}.home-product-proof-layout{grid-template-columns:1fr}.home-product-proof-points{grid-template-columns:repeat(3,1fr)}.home-product-proof-points>div{display:block;padding:18px 14px;border-right:1px solid var(--site-border)}.home-product-proof-points>div:last-child{border-right:0}.home-product-proof-points strong{display:block;margin-top:10px}.home-product-proof-points p{margin-top:7px}.training-cycle-visual{grid-template-columns:1fr 1fr}.training-cycle-visual li:nth-child(2){border-right:0}.training-cycle-visual li:nth-child(-n+2){border-bottom:1px solid var(--site-border)}.guide-intro-band,.romaji-guide-principle,.about-system-grid,.about-statement{grid-template-columns:1fr;gap:32px}.visual-hero{min-height:500px}.visual-hero-overlay{background:#050a0ec2}.visual-hero-copy{padding:44px}.guide-entry-list button{grid-template-columns:34px 32px .55fr 1fr 18px;gap:13px}.candidate-lock-visual{grid-template-columns:1fr}.candidate-lock-key{grid-template-columns:auto auto;justify-content:center}.data-boundary-visual{grid-template-columns:1fr}.data-boundary-divider{min-height:72px;border:0;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.transparency-list{grid-template-columns:1fr}.transparency-list>div{border-right:0;border-bottom:1px solid var(--site-border)}.transparency-list>div:last-child{border-bottom:0}.my-page-header{display:grid}.my-page-actions{flex-wrap:wrap}.my-score-grid{grid-template-columns:repeat(2,1fr)}.typing-style-layout,.practice-visual-grid{grid-template-columns:1fr}.romaji-style-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.site-header,.home-hero-inner,.home-product-proof,.home-section,.home-learning-links,.home-closing-cta,.editorial-page,.visual-page,.my-page,.site-shell>.ad-slot,.site-footer{width:min(100% - 28px,var(--site-content))}.site-header{min-height:70px;gap:8px;padding:11px 0}.site-brand strong{max-width:148px;font-size:11px}.site-header-cta{min-height:38px;padding-inline:11px;font-size:11px}.site-header-cta svg:first-child{display:none}.site-nav{justify-content:stretch;overflow-x:auto}.site-nav a{min-width:86px;min-height:38px;flex:1;padding:0 8px}.romaji-style-grid{grid-template-columns:1fr}.typing-style-card,.romaji-style-section{padding:17px}.typing-style-card-heading{display:grid}.home-hero{width:100%;min-height:590px}.home-hero-image{object-position:70% center;opacity:.58}.home-hero-inner{min-height:590px;padding:48px 0 58px}.home-hero-copy h1{font-size:39px}.home-hero-copy>p:not(.site-eyebrow){font-size:14px;line-height:1.75}.home-hero-actions{display:grid}.home-hero-actions button{width:100%}.home-hero-assurances{gap:9px 14px}.home-product-proof{padding:52px 0 58px}.home-product-proof-heading h2,.home-section-heading h2,.home-learning-links h2,.visual-section-heading h2,.about-statement h2,.about-system-copy h2,.romaji-guide-principle h2{font-size:27px}.product-practice{grid-template-rows:auto minmax(220px,1fr) auto auto}.product-practice-stage{min-height:220px;padding:22px 14px}.product-display-text{font-size:24px}.product-kana-text{font-size:16px}.product-practice-support{grid-template-columns:1fr}.product-practice-support>div+div{border-top:1px solid var(--site-border);border-left:0}.home-product-proof-points{grid-template-columns:1fr}.home-product-proof-points>div{display:grid;grid-template-columns:auto 1fr;border-right:0}.home-product-proof-points strong{margin-top:0}.home-product-proof-points p{grid-column:2}.home-section{padding:48px 0}.home-section-heading,.my-section-heading{display:block}.home-section-heading>p,.my-section-heading>p{margin-top:12px}.quick-start-columns{grid-template-columns:1fr}.quick-group--game{grid-column:auto}.quick-action-list button{grid-template-columns:22px minmax(95px,.65fr) minmax(0,1fr) 16px}.quick-score-grid{grid-template-columns:1fr 1fr}.training-cycle-visual{grid-template-columns:1fr}.training-cycle-visual li{min-height:124px;border-right:0;border-bottom:1px solid var(--site-border)}.training-cycle-visual li:last-child{border-bottom:0}.home-metric-row,.my-summary-band{grid-template-columns:1fr 1fr}.home-learning-links{display:block;padding:48px 0}.home-learning-actions{display:grid}.home-closing-cta{align-items:stretch;flex-direction:column;padding:34px 0}.home-closing-cta>div:last-child{display:grid;grid-template-columns:1fr}.visual-page,.editorial-page,.my-page{padding-top:28px}.visual-hero{min-height:510px;margin-inline:-2px}.visual-hero-copy{padding:32px 24px}.visual-hero-copy h1,.romaji-guide-hero h1,.editorial-hero h1{font-size:34px}.guide-intro-band,.guide-directory,.guide-training-band,.romaji-guide-hero,.romaji-guide-principle,.romaji-example-section,.about-statement,.about-cycle-section,.about-system-grid,.about-data-section,.about-transparency,.credit-disclosure{padding:52px 0}.romaji-routes-visual{min-height:360px;grid-template-columns:1fr;gap:24px;padding:24px}.romaji-kana-node{width:76px;height:76px;justify-self:center;font-size:32px}.guide-entry-list button{grid-template-columns:28px 28px minmax(0,1fr) 18px;min-height:112px}.guide-entry-list button strong{grid-column:3}.guide-entry-list button p{grid-column:3 / -1}.guide-entry-list button>svg:last-child{grid-column:4;grid-row:1}.training-unit-visual{padding:20px}.training-unit-track{grid-template-columns:repeat(3,1fr)}.romaji-example-table{overflow-x:auto}.romaji-example-table>div{min-width:620px}.about-statement>p{font-size:16px}.data-boundary-visual>section{min-height:160px;padding:24px}.my-page-header{min-height:0;padding-bottom:28px}.my-page-header h1{font-size:34px}.my-page-actions{display:grid;grid-template-columns:repeat(3,1fr)}.my-page-actions button{justify-content:center;padding:0 9px}.my-summary-band>div{min-height:100px;padding:16px 13px}.my-next-action,.my-settings-link{align-items:stretch;flex-direction:column}.my-next-action button,.my-settings-link button{width:100%}.my-section{margin-top:42px;padding-top:34px}.my-history-chart{min-height:240px;padding:18px}.growth-chart-heading{display:grid;align-items:start}.growth-chart-controls{justify-content:flex-start}.my-score-grid,.my-badge-list{grid-template-columns:1fr}.staged-progress-line{grid-template-columns:1fr 1fr}.weak-unit-line{display:grid}.my-history-table{overflow-x:auto}.my-history-table>div{min-width:520px}.site-shell>.ad-slot,.editorial-page>.ad-slot,.visual-page>.ad-slot,.my-page>.ad-slot{min-height:104px;grid-template-columns:1fr;gap:9px;padding:18px}.ad-slot-badge{width:max-content}.site-footer{grid-template-columns:1fr;margin-top:38px;padding:30px 0 38px}.site-footer-links{grid-template-columns:repeat(2,1fr)}}.typing-report-details{margin-top:34px;padding:28px;border:1px solid var(--site-border);border-radius:10px;background:linear-gradient(145deg,#121920fa,#0b1117fa)}.typing-report-details__header{display:flex;align-items:end;justify-content:space-between;gap:24px}.typing-report-details__header h3,.typing-report-details__header p,.typing-report-slow-keys h4,.typing-report-slow-keys p,.typing-report-charts h4,.typing-report-charts p{margin:0}.typing-report-details__header h3{margin-top:4px;font-size:25px}.typing-report-details__header p{max-width:720px;margin-top:8px;color:var(--site-text-muted);font-size:13px;line-height:1.7}.typing-report-details__summary{min-width:142px;padding:13px 16px;border-left:2px solid var(--site-practice);background:#36d3990f}.typing-report-details__summary strong{display:block;color:#9bf3d1;font-size:24px}.typing-report-details__summary span{color:var(--site-text-muted);font-size:11px}.typing-report-slow-keys{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:24px;margin-top:24px;padding:19px;border:1px solid rgba(240,200,90,.22);border-radius:8px;background:#f0c85a0b}.typing-report-slow-keys>div>span,.typing-report-charts header span{color:var(--site-badge);font-size:10px;font-weight:800;letter-spacing:.12em}.typing-report-slow-keys h4{margin-top:4px;font-size:17px}.typing-report-slow-keys p{margin-top:7px;color:var(--site-text-muted);font-size:11px;line-height:1.65}.typing-report-slow-keys ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;margin:0;padding:0;list-style:none}.typing-report-slow-keys li{min-height:92px;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:3px 9px;padding:12px;border:1px solid var(--site-border);border-radius:6px;background:#090d12a6}.typing-report-slow-keys kbd,.typing-report-table kbd{min-width:28px;min-height:28px;display:inline-grid;place-items:center;border:1px solid var(--site-border-strong);border-bottom-width:3px;border-radius:5px;background:#182129;color:var(--site-text);font:700 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.typing-report-slow-keys li strong{align-self:center;font-size:14px}.typing-report-slow-keys li span,.typing-report-slow-keys li small{grid-column:1 / -1;color:var(--site-text-muted);font-size:10px}.typing-report-slow-keys__empty{align-self:center;padding:14px;border:1px dashed var(--site-border);border-radius:6px}.typing-report-details__filters{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:24px}.typing-report-details__filters>div{min-width:0}.typing-report-control-label,.typing-report-toolbar label>span{display:block;margin-bottom:7px;color:var(--site-text-muted);font-size:10px;font-weight:700;letter-spacing:.08em}.typing-report-segmented,.typing-report-periods{width:100%;max-width:100%;min-width:0;display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding-bottom:3px;overscroll-behavior-inline:contain}.typing-report-kind-tabs{display:flex;gap:5px}.typing-report-segmented button,.typing-report-periods button,.typing-report-kind-tabs button,.typing-report-show-all{min-height:38px;border:1px solid var(--site-border);border-radius:5px;background:#0d141b;color:var(--site-text-muted);font-size:11px}.typing-report-segmented button,.typing-report-periods button{flex:0 0 auto;padding:0 12px;white-space:nowrap}.typing-report-segmented button.is-active,.typing-report-periods button.is-active,.typing-report-kind-tabs button.is-active{border-color:#36d3998c;background:#36d3991c;color:#b7f8df}.typing-report-segmented button:focus-visible,.typing-report-periods button:focus-visible,.typing-report-kind-tabs button:focus-visible,.typing-report-table button:focus-visible,.typing-report-show-all:focus-visible,.typing-report-toolbar input:focus-visible,.typing-report-toolbar select:focus-visible{outline:2px solid var(--site-focus);outline-offset:2px}.typing-report-coverage{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin-top:16px;padding:12px 14px;border:1px solid var(--site-border);border-radius:6px;background:#62a7ff0b}.typing-report-coverage strong{grid-row:1 / 3;align-self:start;padding:3px 7px;border-radius:999px;background:#62a7ff24;color:#b9d9ff;font-size:10px}.typing-report-coverage p,.typing-report-coverage small{margin:0;color:var(--site-text-muted);font-size:11px;line-height:1.55}.typing-report-coverage small{color:#7f919b;font-size:10px}.typing-report-kind-tabs{margin-top:24px;border-bottom:1px solid var(--site-border)}.typing-report-kind-tabs button{min-width:112px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;font-size:13px}.typing-report-kind-tabs button.is-active{border-bottom-color:var(--site-practice);background:linear-gradient(transparent,#36d3990f)}.typing-report-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.65fr) auto;align-items:end;gap:12px;padding:16px 0 12px}.typing-report-toolbar label{min-width:0}.typing-report-toolbar input,.typing-report-toolbar select{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--site-border);border-radius:5px;background:#0a1117;color:var(--site-text);font:inherit;font-size:12px}.typing-report-toolbar p{min-width:54px;margin:0 0 11px;color:var(--site-text-muted);font-size:11px;text-align:right}.typing-report-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px}.typing-report-list-pane,.typing-report-detail-pane{min-width:0}.typing-report-detail-pane{min-height:640px;padding:20px;border:1px solid var(--site-border);border-radius:7px;background:#0a1117}.typing-report-detail-pane .typing-report-charts{margin:0;padding:0;border-top:0}.typing-report-detail-pane .typing-report-charts>header{display:grid;align-items:start}.typing-report-detail-pane .typing-report-charts header p{max-width:none;margin-top:8px;text-align:left}.typing-report-table-scroll{max-height:640px;overflow:auto;border:1px solid var(--site-border);border-radius:7px;scrollbar-color:var(--site-border-strong) #0a1117}.typing-report-table{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;color:var(--site-text);font-size:11px}.typing-report-table--kana{min-width:860px}.typing-report-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.typing-report-table thead{position:sticky;z-index:3;top:0}.typing-report-table th,.typing-report-table td{padding:10px 12px;border-bottom:1px solid rgba(39,50,60,.72);background:#0d141b;text-align:left;vertical-align:middle}.typing-report-table thead th{height:42px;background:#172029;color:#aebbc4;font-size:10px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.typing-report-table tbody tr:last-child>*{border-bottom:0}.typing-report-table tbody tr:hover>*,.typing-report-table tbody tr.is-selected>*{background:#121d24}.typing-report-table tbody tr.is-selected>:first-child{box-shadow:inset 3px 0 0 var(--site-practice)}.typing-report-table tbody th{position:sticky;z-index:2;left:0;min-width:78px}.typing-report-table tbody th button{width:100%;min-height:34px;display:flex;align-items:center;justify-content:flex-start;padding:0;border:0;background:transparent;color:inherit}.typing-report-table tbody th button>strong{font-size:18px}.typing-report-table td>strong,.typing-report-table td>small{display:block}.typing-report-table td>strong{font-size:12px}.typing-report-table td>small{margin-top:3px;color:#788a96;font-size:9px;white-space:nowrap}.typing-report-unmeasured{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px dashed var(--site-border);border-radius:999px;color:#72838e;font-size:10px}.typing-report-comparison{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border:1px solid var(--site-border);border-radius:999px;color:var(--site-text-muted);font-size:10px;font-weight:700;white-space:nowrap}.typing-report-comparison.is-improve{border-color:#36d39959;background:#36d39914;color:#95edca}.typing-report-comparison.is-worse{border-color:#ff706859;background:#ff706814;color:#ffaaa4}.typing-report-comparison.is-mixed{border-color:#f0c85a66;background:#f0c85a17;color:#f3d985}.typing-report-comparison.is-insufficient{color:#73848f}.typing-report-show-all{width:100%;margin-top:10px;background:transparent}.typing-report-show-all:hover{border-color:var(--site-border-strong);color:var(--site-text)}.typing-report-charts{margin-top:24px;padding-top:22px;border-top:1px solid var(--site-border)}.typing-report-charts>header{display:flex;align-items:end;justify-content:space-between;gap:20px}.typing-report-charts h4{margin-top:4px;font-size:17px}.typing-report-charts header p{max-width:490px;color:var(--site-text-muted);font-size:10px;line-height:1.6;text-align:right}.typing-report-advanced-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}.typing-report-advanced-metrics>div{padding:12px 14px;border:1px solid var(--site-border);border-radius:6px;background:#62a7ff0b}.typing-report-advanced-metrics dt,.typing-report-advanced-metrics dd,.typing-report-advanced-metrics small{margin:0}.typing-report-advanced-metrics dt{color:var(--site-text-muted);font-size:10px}.typing-report-advanced-metrics dd{margin-top:4px;font-size:15px;font-weight:700}.typing-report-advanced-metrics small{display:block;margin-top:3px;color:#788a96;font-size:9px}.typing-report-chart-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.typing-report-chart-grid--occurrence{grid-template-columns:1fr}.typing-report-chart{min-width:0;margin:0;padding:14px;border:1px solid var(--site-border);border-radius:7px;background:#0b1218}.typing-report-chart h5{margin:0 0 7px;font-size:11px}.typing-report-chart svg{width:100%;height:auto;overflow:visible}.typing-report-chart svg text{fill:#71838e;font-size:8px}.typing-report-chart__y-label{fill:#93a4ae;font-weight:600}.typing-report-chart__x-label{fill:#7d909b}.typing-report-chart__grid{stroke:#4d5e6a4d;stroke-width:1}.typing-report-chart__trend{fill:none;stroke:var(--site-practice);stroke-linejoin:round;stroke-linecap:round;stroke-width:2;vector-effect:non-scaling-stroke}.typing-report-chart__point{fill:#9bc6ff;stroke:#0b1218;stroke-width:1}.typing-report-chart figcaption{margin-top:5px;color:var(--site-text-muted);font-size:9px}.typing-report-daily-data{margin-top:10px;border:1px solid var(--site-border);border-radius:7px;background:#0b1218}.typing-report-daily-data summary{padding:11px 14px;color:#b9c8d1;font-size:10px;font-weight:700;cursor:pointer}.typing-report-daily-data__scroll{max-height:320px;overflow:auto;border-top:1px solid var(--site-border)}.typing-report-daily-data table{width:100%;min-width:760px;border-collapse:collapse;font-size:10px}.typing-report-daily-data caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.typing-report-daily-data th,.typing-report-daily-data td{padding:8px 10px;border-bottom:1px solid rgba(39,50,60,.72);text-align:right;white-space:nowrap}.typing-report-daily-data thead th{position:sticky;z-index:1;top:0;background:#172029;color:#aebbc4}.typing-report-daily-data th:first-child{text-align:left}.typing-report-daily-data__gap>*{color:var(--site-text-muted);text-align:left!important}.typing-report-empty{margin:14px 0 0;padding:20px;border:1px dashed var(--site-border);border-radius:6px;color:var(--site-text-muted);font-size:12px;text-align:center}@media(max-width:900px){.typing-report-workspace{grid-template-columns:1fr}.typing-report-detail-pane{min-height:0}.typing-report-details__filters,.typing-report-slow-keys,.typing-report-chart-grid,.typing-report-advanced-metrics{grid-template-columns:1fr}.typing-report-chart svg{max-height:180px}}@media(max-width:600px){.typing-report-details{margin-inline:-4px;padding:18px 14px}.typing-report-details__header,.typing-report-charts>header{display:grid;align-items:start}.typing-report-details__summary{width:100%}.typing-report-toolbar{grid-template-columns:1fr}.typing-report-toolbar p{margin:0;text-align:left}.typing-report-table-scroll{max-height:540px}.typing-report-charts header p{text-align:left}}.home-hero-actions .action-contents{border:1px solid #52616c;background:#121b22e0;color:#e1e8eb}.home-hero-actions .action-contents:hover{border-color:#82929d;background:#19242c}.home-hero-action-note{display:block;max-width:620px;margin-top:14px;color:#9cabb3;font-size:12px;line-height:1.6}.home-product-proof-points>div>span{color:var(--site-practice);font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.home-product-proof-points>div>strong{align-self:center}.contents-page,.guide-page{width:min(var(--site-content),calc(100% - 48px));margin:0 auto;padding:66px 4px 28px}.contents-header{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:38px;border-bottom:1px solid var(--site-border)}.contents-header h1{margin:0;font-size:44px;line-height:1.25}.contents-header>div:first-child>p:not(.site-eyebrow){max-width:680px;color:var(--site-text-muted);line-height:1.7}.contents-header-links{display:flex;flex-wrap:wrap;gap:8px}.contents-audio-preset{display:flex;gap:4px;width:100%}.contents-audio-preset button{min-height:34px;flex:1;padding-inline:8px;color:var(--site-text-muted);font-size:11px}.contents-audio-preset button.selected{border-color:var(--site-practice);background:#12352c;color:#d9fff1}.contents-time-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--site-border)}.contents-time-summary>div{display:grid;gap:4px;padding:18px 20px;border-right:1px solid var(--site-border)}.contents-time-summary>div:last-child{border-right:0}.contents-time-summary span{color:var(--site-text-muted);font-size:11px}.contents-time-summary strong{font-size:20px;font-variant-numeric:tabular-nums}.audio-onboarding-window{width:min(520px,calc(100% - 28px))}.audio-onboarding-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 12px}.tutorial-recommendation-window{width:min(520px,calc(100% - 28px))}.tutorial-recommendation-window>p{line-height:1.8}.tutorial-recommendation-note{color:var(--text-muted, #9bacba);font-size:13px}.tutorial-recommendation-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.tutorial-recommendation-actions button{min-height:44px}@media(max-width:520px){.tutorial-recommendation-actions{grid-template-columns:1fr}}.contents-header-links button,.contents-info-link{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid var(--site-border-strong);border-radius:6px;background:#111820;color:var(--site-text)}.contents-recommended{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:34px;padding:24px 28px;border-left:3px solid var(--site-practice);background:#0e1d18}.contents-recommended-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #2c6b51;border-radius:7px;color:var(--site-practice)}.contents-recommended span,.contents-lane-heading>span{color:var(--site-text-muted);font-size:10px;text-transform:uppercase}.contents-recommended h2{margin:5px 0 0;color:#abf2d7;font-size:22px}.contents-recommended p{margin:7px 0 0;color:var(--site-text-muted);line-height:1.55}.contents-recommended>button{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 18px;border:1px solid var(--site-practice-strong);border-radius:6px;background:#153b2d;color:#d9ffef;font-weight:750}.contents-lanes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.7fr);gap:34px;padding:62px 0 32px}.contents-lane{min-width:0;padding-top:20px;border-top:2px solid var(--site-border-strong)}.contents-lane--practice{border-top-color:var(--site-practice)}.contents-lane--score{border-top-color:var(--site-score)}.contents-lane--game{border-top-color:var(--site-game)}.contents-lane-heading h2{margin:5px 0 0;font-size:24px}.contents-lane-heading p{min-height:50px;margin:9px 0 20px;color:var(--site-text-muted);font-size:13px;line-height:1.6}.contents-card-grid span,.contents-card-grid strong,.contents-card-grid small{display:block;min-width:0}.contents-card-grid small{margin-top:5px;color:var(--site-text-muted);line-height:1.45}.contents-info-link{margin-top:16px;padding:0;border:0;background:transparent;color:var(--site-score)}.contents-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contents-card-grid button{min-width:0;min-height:104px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;padding:15px;border:1px solid #2d435b;border-radius:7px;background:#0e1925;color:#e1efff;text-align:left}.contents-card-grid button:hover{border-color:var(--site-score);background:#13243a}.contents-card-grid svg{color:var(--site-score)}.contents-card-grid--practice button{border-color:#285045;background:#0d1b18;color:#e0fff3}.contents-card-grid--practice button:hover{border-color:var(--site-practice);background:#123027}.contents-card-grid--practice svg{color:var(--site-practice)}.contents-game-entry{display:grid;gap:14px;padding:22px;border:1px solid #493769;border-radius:7px;background:#171224}.contents-game-entry>svg{color:var(--site-game)}.contents-game-entry strong{color:#dfc5ff}.contents-game-entry p{margin:7px 0 0;color:#aba0b8;line-height:1.6}.contents-game-entry button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #61478d;border-radius:6px;background:#24183a;color:#e0c8ff}.contents-game-entry button:disabled{cursor:not-allowed;border-color:var(--site-border);background:var(--site-surface);color:var(--site-text-muted);opacity:.72}.contents-recommended.contents-setup-feature{margin-top:24px;padding:20px 24px;border-left-color:#e7bb5b;background:#201b10}.contents-setup-feature .contents-recommended-icon{width:46px;height:46px;border-color:#735d2d;color:#e7bb5b}.contents-recommended.contents-setup-feature h2{color:#f3d58f;font-size:21px}.contents-recommended.contents-setup-feature p{display:block}.contents-setup-feature>button{border-color:#7b632f;background:#3a2e16;color:#ffe6ae}.contents-other{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:28px;align-items:start;border-top:1px solid var(--site-border);padding:20px 0 24px}.contents-other-heading>span{color:var(--site-text-muted);font-size:10px;text-transform:uppercase}.contents-other-heading h2{margin:4px 0 0;font-size:18px}.contents-other-heading p{margin:5px 0 0;color:var(--site-text-muted);font-size:11px;line-height:1.55}.contents-other-actions{display:flex;flex-wrap:wrap;gap:8px}.contents-other-actions button{width:min(320px,100%);height:auto;min-height:54px;display:grid;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:9px 11px;border-color:var(--site-border);background:transparent;text-align:left}.contents-other-actions button:hover{border-color:#607381;background:#9fb1bd0f}.contents-other-actions button>svg{color:#9fb1bd}.contents-other-actions span,.contents-other-actions strong,.contents-other-actions small{display:block;min-width:0}.contents-other-actions strong{font-size:12px}.contents-other-actions small{margin-top:2px;overflow:hidden;color:var(--site-text-muted);font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.guide-page{padding-top:48px}.guide-hub-hero{padding:22px 0 56px;border-bottom:1px solid var(--site-border)}.guide-hub-intro{min-width:0;max-width:820px}.guide-hub-intro h1{max-width:760px;margin:0;font-size:clamp(40px,4.3vw,62px);line-height:1.18;letter-spacing:-.035em}.guide-hub-intro h1>span{display:block}.guide-hub-intro>p:not(.site-eyebrow){max-width:720px;margin:24px 0 0;color:var(--site-text-muted);font-size:16px;line-height:1.85}.guide-hub-purpose-link:focus-visible,.guide-hub-faq-link:focus-visible,.guide-hub-article-link:focus-visible,.guide-hub-practice-cta button:focus-visible{outline:3px solid var(--site-practice);outline-offset:3px}.guide-hub-purpose,.guide-hub-directory{padding:64px 0;border-bottom:1px solid var(--site-border)}.guide-hub-section-heading{max-width:760px;margin-bottom:28px}.guide-hub-section-heading h2{margin:0;font-size:clamp(27px,3vw,36px);line-height:1.28}.guide-hub-section-heading>p:not(.site-eyebrow){margin:12px 0 0;color:var(--site-text-muted);line-height:1.75}.guide-hub-purpose-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;background:var(--site-border)}.guide-hub-purpose-list>li{min-width:0;background:var(--site-bg)}.guide-hub-purpose-link,.guide-hub-faq-link{min-width:0;display:flex;align-items:center;gap:14px;color:var(--site-text);text-decoration:none}.guide-hub-purpose-link{min-height:104px;padding:18px 20px}.guide-hub-purpose-link>svg:first-child,.guide-hub-faq-link>svg:first-child{flex:0 0 auto;color:var(--site-practice)}.guide-hub-purpose-link>span,.guide-hub-faq-link>span{min-width:0;display:grid;gap:5px}.guide-hub-purpose-link strong,.guide-hub-faq-link strong{font-size:14px;line-height:1.45}.guide-hub-purpose-link small,.guide-hub-faq-link small{color:var(--site-text-muted);font-size:12px;line-height:1.55}.guide-hub-purpose-link>svg:last-child,.guide-hub-faq-link>svg:last-child{flex:0 0 auto;margin-left:auto;color:var(--site-score)}.guide-hub-purpose-link:hover,.guide-hub-faq-link:hover{background:var(--site-bg)}.guide-hub-faq-link{margin-top:14px;padding:17px 20px;border:1px solid var(--site-border);border-radius:7px;background:var(--site-surface)}.guide-hub-article-list{margin:0;padding:0;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border);list-style:none}.guide-hub-article-list>li+li{border-top:1px solid var(--site-border)}.guide-hub-article-link{min-width:0;display:grid;grid-template-columns:38px minmax(0,1.45fr) minmax(210px,.7fr) 20px;align-items:center;gap:20px;padding:22px 12px;color:var(--site-text);text-decoration:none}.guide-hub-article-link:hover{background:var(--site-bg)}.guide-hub-article-order{align-self:start;padding-top:2px;color:var(--site-practice);font:750 11px ui-monospace,monospace}.guide-hub-article-summary{min-width:0;display:grid;gap:7px}.guide-hub-article-category{width:fit-content;color:var(--site-practice);font-size:11px;font-weight:750;line-height:1.4}.guide-hub-article-summary>strong{font-size:17px;line-height:1.5}.guide-hub-article-summary>small{color:var(--site-text-muted);font-size:12px;line-height:1.65}.guide-hub-article-takeaway{min-width:0;display:grid;gap:7px;padding-left:20px;border-left:1px solid var(--site-border)}.guide-hub-article-takeaway>span{color:var(--site-text-muted);font-size:10px;font-weight:750}.guide-hub-article-takeaway>strong{font-size:12px;font-weight:650;line-height:1.6}.guide-hub-article-arrow{color:var(--site-score)}.guide-hub-practice-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:48px 0 0;padding:34px;border:1px solid var(--site-border);border-radius:8px;background:var(--site-surface)}.guide-hub-practice-cta h2{margin:0;font-size:clamp(23px,2.6vw,31px)}.guide-hub-practice-cta>div>p:not(.site-eyebrow){margin:10px 0 0;color:var(--site-text-muted);line-height:1.7}.guide-hub-practice-cta button{min-height:46px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid var(--site-practice-strong);border-radius:6px;background:color-mix(in srgb,var(--site-practice-strong) 26%,var(--site-surface));color:var(--site-text);font:inherit;font-size:13px;font-weight:750}.guide-hub-practice-cta button:hover{background:color-mix(in srgb,var(--site-practice-strong) 36%,var(--site-surface))}@media(max-width:1080px){.guide-hub-intro>p:not(.site-eyebrow){max-width:700px}.guide-hub-purpose-list{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-hub-article-link{grid-template-columns:34px minmax(0,1.3fr) minmax(190px,.7fr) 18px;gap:16px}}@media(max-width:760px){.guide-page{padding-top:34px}.guide-hub-hero{padding:8px 0 44px}.guide-hub-purpose,.guide-hub-directory{padding:50px 0}.guide-hub-article-link{grid-template-columns:30px minmax(0,1fr) 18px;gap:10px 14px;padding:21px 8px}.guide-hub-article-summary{grid-column:2}.guide-hub-article-takeaway{grid-column:2;padding:0;border-left:0}.guide-hub-article-arrow{grid-column:3;grid-row:1 / span 2}.guide-hub-practice-cta{align-items:stretch;flex-direction:column;padding:28px}.guide-hub-practice-cta button{width:100%}}@media(max-width:520px){.guide-hub-intro h1{font-size:38px}.guide-hub-purpose-list{grid-template-columns:1fr}.guide-hub-purpose-link{min-height:0;padding:17px}.guide-hub-faq-link{align-items:flex-start;padding:17px}.guide-hub-faq-link>svg:last-child{margin-top:3px}.guide-hub-article-link{padding:20px 2px}.guide-hub-article-summary>strong{font-size:16px}.guide-hub-practice-cta{padding:24px}}.faq-page{width:min(var(--site-content),calc(100% - 48px));margin:0 auto;padding:52px 4px 40px}.faq-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:end;gap:56px;padding:18px 0 48px;border-bottom:1px solid var(--site-border)}.faq-hero h1{max-width:780px;margin:0;color:var(--appearance-text);font-size:clamp(40px,4.5vw,62px);font-weight:760;line-height:1.16;letter-spacing:-.04em;text-wrap:balance}.faq-hero>div>p:not(.site-eyebrow){max-width:740px;margin:22px 0 0;color:var(--site-text-muted);font-size:15px;line-height:1.85}.faq-hero-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--site-border);border-left:1px solid var(--site-border)}.faq-hero-facts>div{min-width:0;display:grid;gap:7px;padding:17px 18px;border-right:1px solid var(--site-border);border-bottom:1px solid var(--site-border);background:color-mix(in srgb,var(--appearance-panel-surface) 82%,transparent)}.faq-hero-facts>div:last-child{grid-column:1 / -1}.faq-hero-facts dt{color:var(--site-text-muted);font-size:10px;font-weight:750;letter-spacing:.1em}.faq-hero-facts dd{margin:0;color:var(--appearance-accent-metal-bright);font-size:18px;font-weight:760}.faq-category-nav{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;margin-top:34px;padding:20px;border:1px solid var(--site-border);border-radius:8px;background:color-mix(in srgb,var(--appearance-panel-surface) 76%,transparent)}.faq-category-nav>div{display:flex;align-items:center;gap:9px;color:var(--appearance-accent-metal-bright);font-size:12px}.faq-category-nav ul{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.faq-category-nav a{min-width:0;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--site-border);border-radius:6px;background:var(--appearance-control-surface);color:var(--site-text);font-size:11px;font-weight:700;line-height:1.45;text-decoration:none}.faq-category-nav a:hover,.faq-next-links>a:hover{border-color:var(--appearance-control-border-hover);background:var(--appearance-accent-primary-soft)}.faq-category-nav a small{flex:0 0 auto;color:var(--site-text-muted);font-size:9px;white-space:nowrap}.faq-category-nav a:focus-visible,.faq-item>summary:focus-visible,.faq-related-links a:focus-visible,.faq-next-links a:focus-visible{outline:3px solid var(--appearance-accent-primary);outline-offset:3px}.faq-category{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);gap:clamp(36px,6vw,84px);padding:64px 0;border-bottom:1px solid var(--site-border);scroll-margin-top:24px}.faq-category-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:14px}.faq-category-heading>span{padding-top:4px;color:var(--appearance-accent-metal-bright);font:750 11px ui-monospace,monospace}.faq-category-heading h2{margin:0;color:var(--site-text);font-size:clamp(24px,2.7vw,34px);line-height:1.3;letter-spacing:-.025em;text-wrap:balance}.faq-category-heading p{margin:12px 0 0;color:var(--site-text-muted);font-size:13px;line-height:1.75}.faq-item-list{min-width:0;border-top:1px solid var(--site-border-strong)}.faq-item{border-bottom:1px solid var(--site-border);background:transparent;scroll-margin-top:24px}.faq-item[open]{background:color-mix(in srgb,var(--appearance-panel-surface) 62%,transparent)}.faq-item>summary{min-height:76px;display:grid;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:17px 16px;color:var(--site-text);cursor:pointer;font-size:15px;font-weight:720;line-height:1.6;list-style:none}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary:hover{color:var(--appearance-text-soft)}.faq-item-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--appearance-accent-metal) 44%,transparent);border-radius:50%;background:var(--appearance-accent-metal-soft);color:var(--appearance-accent-metal-bright);font:760 11px ui-monospace,monospace}.faq-item-chevron{color:var(--site-text-muted);transition:transform .16s ease}.faq-item[open] .faq-item-chevron{transform:rotate(180deg)}.faq-answer{padding:0 52px 25px 58px}.faq-answer>p{margin:0;color:var(--site-text-muted);font-size:14px;line-height:1.9}.faq-related-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:17px 0 0;padding:0;list-style:none}.faq-related-links a{display:inline-flex;align-items:center;gap:6px;color:var(--appearance-accent-primary);font-size:12px;font-weight:720;text-underline-offset:3px}.faq-related-links a:hover{color:var(--appearance-accent-primary-strong)}.faq-next{display:grid;grid-template-columns:minmax(0,.8fr) minmax(440px,1.2fr);align-items:center;gap:48px;margin-top:50px;padding:34px;border:1px solid color-mix(in srgb,var(--appearance-accent-primary) 35%,var(--site-border));border-radius:8px;background:color-mix(in srgb,var(--appearance-accent-primary-soft) 46%,var(--appearance-panel-surface))}.faq-next-heading h2{margin:0;color:var(--site-text);font-size:clamp(23px,2.6vw,31px);line-height:1.35}.faq-next-heading>p:not(.site-eyebrow){margin:11px 0 0;color:var(--site-text-muted);font-size:13px;line-height:1.75}.faq-next-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq-next-links>a{min-width:0;min-height:78px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--site-border-strong);border-radius:7px;background:var(--appearance-control-surface);color:var(--site-text);text-decoration:none}.faq-next-links>a>svg:first-child{color:var(--appearance-accent-metal-bright)}.faq-next-links span{min-width:0;display:grid;gap:4px}.faq-next-links strong{font-size:13px}.faq-next-links small{color:var(--site-text-muted);font-size:10px;line-height:1.45}@media(max-width:1050px){.faq-hero{grid-template-columns:minmax(0,1fr) 280px;gap:36px}.faq-category-nav{grid-template-columns:1fr}.faq-category-nav ul{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-next{grid-template-columns:1fr}}@media(max-width:780px){.faq-page{padding-top:36px}.faq-hero{grid-template-columns:1fr;align-items:start;padding:8px 0 42px}.faq-hero-facts{max-width:440px}.faq-category{grid-template-columns:1fr;gap:28px;padding:52px 0}.faq-next{align-items:stretch;padding:28px}}@media(max-width:560px){.faq-page{width:calc(100% - 32px);padding-right:0;padding-left:0}.faq-hero h1{font-size:38px}.faq-category-nav{padding:16px}.faq-category-nav ul,.faq-next-links{grid-template-columns:1fr}.faq-category-nav a{min-height:48px}.faq-item>summary{min-height:70px;grid-template-columns:28px minmax(0,1fr) 20px;gap:10px;padding:15px 8px;font-size:14px}.faq-answer{padding:0 12px 23px 46px}.faq-next{padding:24px}}@media(prefers-reduced-motion:reduce){.faq-item-chevron{transition:none}}.visual-page--about{color:var(--site-text)}.about-hero{position:relative;isolation:isolate;min-height:430px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--site-border);border-radius:10px;background:#0b1218}.about-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center right;opacity:.72}.about-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#060b10fa,#060b10eb 44%,#060b1073 76%,#060b1047),linear-gradient(180deg,#060b1014,#060b1085)}.about-hero-copy{position:relative;z-index:2;width:min(720px,72%);padding:64px}.about-hero-copy h1{max-width:680px;margin:0;font-size:clamp(40px,4.2vw,56px);line-height:1.18}.about-hero-copy>p:not(.site-eyebrow){max-width:650px;margin:20px 0 0;color:#c2ccd1;font-size:16px;line-height:1.85}.about-hero-facts{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(197,215,224,.16)}.about-hero-facts span{display:inline-flex;align-items:center;gap:7px;color:#d7e2df;font-size:12px}.about-hero-facts svg{color:var(--site-practice)}.about-toc{position:sticky;z-index:5;top:0;display:flex;align-items:center;gap:8px;padding:14px 4px;border-bottom:1px solid var(--site-border);background:#070c11f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:none}.about-toc::-webkit-scrollbar{display:none}.about-toc>span{margin-right:6px;color:#758690;font-size:11px;white-space:nowrap}.about-toc a{min-height:34px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid #2b3841;border-radius:5px;color:#b8c5cb;font-size:12px;text-decoration:none;white-space:nowrap}.about-toc a:hover,.about-toc a:focus-visible{border-color:var(--site-practice);color:#e8fff6}.about-chapter{display:grid;grid-template-columns:minmax(190px,.36fr) minmax(0,1fr);gap:clamp(44px,7vw,96px);padding:84px 4px;border-bottom:1px solid var(--site-border);scroll-margin-top:76px}.about-chapter-heading{display:grid;grid-template-columns:38px minmax(0,1fr);align-content:start;gap:16px}.about-chapter-heading>span{padding-top:3px;color:#60737e;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.about-chapter-heading h2{margin:0;font-size:29px;line-height:1.35}.about-chapter-heading div>p:last-child{margin:18px 0 0;color:var(--site-text-muted);line-height:1.8}.about-chapter-content{min-width:0}.about-overview-list,.about-purpose-list,.about-principle-list,.about-trust-list,.about-material-list,.about-policy-links{border-top:1px solid var(--site-border)}.about-overview-list>div{display:grid;grid-template-columns:minmax(170px,.45fr) minmax(0,1fr);gap:28px;padding:22px 4px;border-bottom:1px solid var(--site-border)}.about-overview-list p,.about-purpose-list p,.about-principle-list p,.about-trust-list p,.about-material-list p,.about-status-list p,.about-policy-links small,.about-credit-disclosure p{margin:0;color:var(--site-text-muted);line-height:1.72}.about-name-note{display:grid;grid-template-columns:76px minmax(0,1fr);gap:22px;margin-top:30px;padding:24px 26px;border-left:2px solid var(--site-score);background:#0d1922}.about-name-note>span{color:#91c9f4;font:800 28px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.about-name-note p{margin:7px 0 0;color:#aebec8;line-height:1.7}.about-purpose-list>div,.about-material-list>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:25px 4px;border-bottom:1px solid var(--site-border)}.about-purpose-list>div>span,.about-material-list>div>span{color:var(--site-practice);font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.about-purpose-list strong,.about-material-list strong{display:block;margin-bottom:8px;font-size:17px}.about-content-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-content-map a{position:relative;min-height:176px;display:grid;align-content:start;gap:9px;padding:24px;border:1px solid var(--site-border);border-radius:7px;background:#0e161d;color:var(--site-text);text-align:left;text-decoration:none}.about-content-map a:last-child{grid-column:1 / -1;min-height:132px}.about-content-map a:hover,.about-content-map a:focus-visible{border-color:#426553;background:#101c20}.about-content-map a>span{color:var(--site-practice);font-size:11px}.about-content-map strong{display:flex;align-items:center;gap:9px;font-size:18px}.about-content-map strong small{padding:3px 6px;border:1px solid #594d6b;border-radius:4px;color:#c7b5db;font-size:9px;font-weight:600}.about-content-map p{max-width:520px;margin:0;padding-right:24px;color:var(--site-text-muted);line-height:1.65}.about-content-map a>svg{position:absolute;right:20px;bottom:20px;color:#70838e}.about-principle-list>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;padding:25px 4px;border-bottom:1px solid var(--site-border)}.about-principle-list svg{margin-top:2px;color:var(--site-practice)}.about-principle-list strong,.about-trust-list strong{display:block;margin-bottom:8px;font-size:16px}.about-trust-list>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:18px;padding:26px 4px;border-bottom:1px solid var(--site-border)}.about-trust-list>div>svg{color:#86c8ad}.about-trust-list a{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #365044;border-radius:5px;background:#102119;color:#c9f0df;text-decoration:none;white-space:nowrap}.about-credit-disclosure{display:grid;grid-template-columns:minmax(190px,.4fr) minmax(0,1fr);gap:44px;margin-top:40px;padding:28px;border:1px solid #344451;border-radius:7px;background:#0c151d}.about-credit-disclosure h3{margin:0 0 12px;font-size:18px}.about-credit-list>div+div{margin-top:24px;padding-top:24px;border-top:1px solid var(--site-border)}.about-credit-list>div>div{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:9px}.about-credit-list span{color:#81929c;font-size:11px}.about-credit-list a{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#9fd6ff;font-size:12px;text-decoration:none}.about-credit-list a:hover,.about-credit-list a:focus-visible{text-decoration:underline}.about-status-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.about-status-list>div{min-width:0;padding:26px;border-right:1px solid var(--site-border)}.about-status-list>div:last-child{border-right:0}.about-status-list span{display:inline-flex;margin-bottom:18px;padding:4px 7px;border:1px solid #375949;border-radius:4px;color:#8dd6b7;font-size:10px}.about-status-list strong{display:block;margin-bottom:9px}.about-policy-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px}.about-policy-links a{min-width:0;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:0;border-right:1px solid var(--site-border);border-bottom:1px solid var(--site-border);background:transparent;color:var(--site-text);text-align:left;text-decoration:none}.about-policy-links a:nth-child(2n){border-right:0}.about-policy-links a:hover,.about-policy-links a:focus-visible{background:#0d171d}.about-policy-links strong,.about-policy-links small{display:block}.about-policy-links small{margin-top:5px;font-size:11px}.about-policy-links svg{flex:0 0 auto;color:#718690}.about-end-cta{display:flex;align-items:center;justify-content:space-between;gap:34px;margin:46px 4px 0;padding:32px;border:1px solid #315447;border-radius:7px;background:#0e1b18}.about-end-cta>div:first-child>strong{display:block;font-size:19px}.about-end-cta>div:first-child>p:last-child{margin:8px 0 0;color:var(--site-text-muted);line-height:1.65}.about-end-cta .editorial-actions{flex:0 0 auto;margin:0}.about-end-cta .editorial-cta--secondary{border-color:#3b6fa5;background:#11273f;color:#dcecff}@media(max-width:1000px){.about-chapter{grid-template-columns:minmax(170px,.32fr) minmax(0,1fr);gap:42px}.about-content-map{grid-template-columns:1fr}.about-content-map a:last-child{grid-column:auto;min-height:176px}.about-credit-disclosure{grid-template-columns:1fr;gap:26px}}@media(max-width:760px){.about-hero{min-height:460px}.about-hero-overlay{background:#050a0ecc}.about-hero-copy{width:100%;padding:44px}.about-chapter{grid-template-columns:1fr;gap:34px;padding:64px 4px}.about-chapter-heading{grid-template-columns:34px minmax(0,1fr)}.about-chapter-heading h2{font-size:27px}.about-status-list{grid-template-columns:1fr}.about-status-list>div{border-right:0;border-bottom:1px solid var(--site-border)}.about-status-list>div:last-child{border-bottom:0}.about-end-cta{align-items:stretch;flex-direction:column}.about-end-cta .editorial-actions{display:grid;grid-template-columns:1fr 1fr}.about-end-cta button{justify-content:center}}@media(max-width:540px){.about-hero{min-height:510px;margin-inline:-2px}.about-hero-copy{padding:34px 24px}.about-hero-copy h1{font-size:36px}.about-hero-copy>p:not(.site-eyebrow){font-size:14px}.about-hero-facts{display:grid}.about-toc{margin-inline:-2px}.about-overview-list>div,.about-trust-list>div{grid-template-columns:1fr;gap:9px}.about-trust-list>div{grid-template-columns:28px minmax(0,1fr)}.about-trust-list a{grid-column:2;width:max-content}.about-name-note{grid-template-columns:1fr}.about-content-map a{min-height:162px;padding:21px}.about-policy-links{grid-template-columns:1fr}.about-policy-links a,.about-policy-links a:nth-child(2n){border-right:0}.about-credit-disclosure{padding:22px}.about-credit-list>div>div{align-items:flex-start;flex-direction:column;gap:5px}.about-end-cta{padding:26px 22px}.about-end-cta .editorial-actions{grid-template-columns:1fr}}.contents-page{padding-top:34px}.contents-header{min-height:104px;padding-bottom:22px}.contents-header h1{font-size:36px}.contents-header>div:first-child>p:not(.site-eyebrow){margin:8px 0 0}.contents-time-summary>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 16px}.contents-time-summary strong{font-size:16px}.contents-recommended{gap:14px;margin-top:18px;padding:14px 18px}.contents-recommended-icon{width:38px;height:38px}.contents-recommended h2{font-size:18px}.contents-recommended p{margin-top:3px;font-size:12px}.contents-recommended>button{min-height:38px}.contents-lanes{gap:26px;padding:30px 0 24px}.contents-lane{padding-top:14px}.contents-lane-heading h2{font-size:21px}.contents-lane-heading p{min-height:38px;margin:5px 0 12px;line-height:1.45}.contents-card-grid small{margin-top:2px;font-size:11px}.contents-card-grid button{min-height:83px;padding:11px}.contents-game-entry{gap:10px;padding:17px}.contents-growth{margin-top:34px;padding:30px 0 8px;border-top:1px solid var(--site-border)}.contents-growth-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.contents-growth-heading h2{margin:4px 0 0;font-size:25px}.contents-growth-heading button{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:0;background:transparent;color:var(--site-score)}.contents-growth-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.contents-growth-metric{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:5px 9px;min-height:112px;padding:18px;border-right:1px solid var(--site-border)}.contents-growth-metric:last-child{border-right:0}.contents-growth-metric>svg{grid-row:1 / span 2;margin-top:1px}.contents-growth-metric>span,.contents-growth-metric>small{color:var(--site-text-muted);font-size:11px}.contents-growth-metric>strong,.contents-growth-metric>small{grid-column:2;min-width:0;overflow-wrap:anywhere}.contents-growth-metric>strong{font-size:21px}.contents-growth-metric--practice>svg{color:var(--site-practice)}.contents-growth-metric--score>svg{color:var(--site-score)}.contents-growth-metric--neutral>svg{color:#9fb1bd}.contents-growth-metric--danger>svg{color:var(--site-danger)}.contents-growth-metric--badge>svg{color:var(--site-badge)}.contents-page>.ad-slot[data-placement=contents-growth-bottom]{margin-top:30px}.my-activity-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.my-activity-band>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;padding:15px 20px;border-right:1px solid var(--site-border)}.my-activity-band>div:last-child{border-right:0}.my-activity-band svg{grid-row:1 / span 2;color:var(--site-practice)}.my-activity-band span{color:var(--site-text-muted);font-size:11px}.my-activity-band strong{font-size:17px;font-variant-numeric:tabular-nums}.my-timing-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.my-timing-list{min-width:0;border-top:1px solid var(--site-border-strong)}.my-timing-list>div{padding:17px 0 12px}.my-timing-list h3,.my-timing-list p{margin:0}.my-timing-list>div p{margin-top:5px;color:var(--site-text-muted);font-size:12px}.my-timing-list ol{margin:0;padding:0;list-style:none}.my-timing-list li{display:grid;grid-template-columns:minmax(60px,.7fr) auto minmax(150px,1fr);align-items:center;gap:12px;min-height:40px;border-bottom:1px solid #202a32}.my-timing-list li>span{color:var(--site-practice);font-variant-numeric:tabular-nums}.my-timing-list li>small{color:var(--site-text-muted);text-align:right}.staged-progress-line{grid-template-columns:repeat(5,minmax(0,1fr))}.my-score-item dl{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0 14px;border-top:1px solid #26384a;border-bottom:1px solid #26384a}.my-score-item dl>div{min-width:0;padding:9px 5px;border-right:1px solid #26384a}.my-score-item dl>div:last-child{border-right:0}.my-score-item dt{color:var(--site-text-muted);font-size:10px}.my-score-item dd{margin:4px 0 0;font-size:12px;font-variant-numeric:tabular-nums}@media(max-width:1100px){.contents-growth-grid{grid-template-columns:repeat(3,1fr)}.contents-growth-metric:nth-child(3){border-right:0}.contents-growth-metric:nth-child(-n+3){border-bottom:1px solid var(--site-border)}.staged-progress-line{grid-template-columns:repeat(3,1fr)}.staged-progress-line>div:nth-child(3){border-right:0}}@media(max-width:760px){.contents-page{padding-top:24px}.contents-header{padding-bottom:18px}.contents-time-summary{grid-template-columns:1fr 1fr 1fr}.contents-time-summary>div{display:grid;grid-template-columns:1fr;padding:10px}.contents-lanes{padding-top:32px}.contents-other{grid-template-columns:1fr;gap:12px}.contents-other-actions button{width:100%}.contents-growth-heading{align-items:start;flex-direction:column}.contents-growth-grid{grid-template-columns:1fr 1fr}.contents-growth-metric,.contents-growth-metric:nth-child(3){border-right:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.contents-growth-metric:nth-child(2n){border-right:0}.contents-growth-metric:last-child{border-bottom:0}.my-activity-band{grid-template-columns:1fr 1fr}.my-activity-band>div:nth-child(2){border-right:0}.my-activity-band>div:nth-child(-n+2){border-bottom:1px solid var(--site-border)}.my-timing-layout{grid-template-columns:1fr}.staged-progress-line{grid-template-columns:1fr 1fr}.staged-progress-line>div:nth-child(3){border-right:1px solid var(--site-border)}.staged-progress-line>div:nth-child(2n){border-right:0}}@media(max-width:480px){.contents-time-summary{grid-template-columns:1fr}.contents-time-summary>div{grid-template-columns:minmax(0,1fr) auto}.contents-growth-grid,.my-activity-band{grid-template-columns:1fr}.contents-growth-metric,.contents-growth-metric:nth-child(3),.my-activity-band>div{border-right:0;border-bottom:1px solid var(--site-border)}.my-timing-list li{grid-template-columns:minmax(56px,.7fr) auto}.my-timing-list li>small{grid-column:1 / -1;padding-bottom:8px;text-align:left}}.legal-page{width:min(980px,calc(100% - 48px));margin:0 auto;padding:68px 0 28px}.legal-page-header{max-width:820px;padding-bottom:42px;border-bottom:1px solid var(--site-border)}.legal-page-header h1{margin:0;color:var(--site-text);font-size:clamp(34px,5vw,48px);line-height:1.25}.legal-page-header>p:not(.site-eyebrow){margin:18px 0 0;color:var(--site-text-muted);font-size:16px;line-height:1.8}.legal-document-dates{display:flex;flex-wrap:wrap;gap:8px 24px;margin:24px 0 0}.legal-document-dates>div{display:flex;gap:9px;font-size:12px}.legal-document-dates dt{color:var(--site-text-muted)}.legal-document-dates dd{margin:0;color:var(--site-text)}.legal-page-body{display:grid}.legal-section{display:grid;grid-template-columns:minmax(190px,.5fr) minmax(0,1.5fr);gap:48px;padding:38px 0;border-bottom:1px solid var(--site-border)}.legal-section h2{margin:0;color:var(--site-text);font-size:18px;line-height:1.5}.legal-section>div{min-width:0;color:var(--site-text-muted);line-height:1.85}.legal-section p{margin:0 0 16px}.legal-section p:last-child{margin-bottom:0}.legal-section ul,.legal-section ol{display:grid;gap:9px;margin:0 0 16px;padding-left:22px}.legal-section a,.legal-page-navigation a,.site-footer-links a{color:#8fc7ff;text-underline-offset:3px}.legal-section code{border:1px solid var(--site-border);border-radius:4px;padding:2px 6px;background:var(--site-surface);color:var(--site-text)}.legal-link-list a{overflow-wrap:anywhere}.legal-table{display:grid;margin-top:20px;overflow:hidden;border:1px solid var(--site-border);border-radius:6px}.legal-table>div{display:grid;grid-template-columns:.8fr 1.3fr 1fr}.legal-table>div+div{border-top:1px solid var(--site-border)}.legal-table strong,.legal-table span{min-width:0;padding:11px 12px;overflow-wrap:anywhere}.legal-table strong+strong,.legal-table span+span{border-left:1px solid var(--site-border)}.legal-table>div:first-child{background:var(--site-surface);color:var(--site-text)}.contact-methods{display:flex;flex-wrap:wrap;gap:10px}.contact-methods a{min-height:42px;display:inline-flex;align-items:center;border:1px solid var(--site-border-strong);border-radius:6px;padding:0 14px;background:var(--site-surface);text-decoration:none}.contact-status-notice{border:1px solid #7c6330;border-radius:6px;padding:18px;background:#1b160c}.contact-status-notice strong{color:#ffd98e}.contact-status-notice p{margin-top:9px}.legal-page-navigation{display:flex;flex-wrap:wrap;gap:8px 20px;padding:28px 0 8px;font-size:13px}.legal-page-navigation a[aria-current=page]{color:var(--site-text);font-weight:700}.site-footer-links{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer-links a{min-height:28px;display:block;width:fit-content;padding:5px 0;color:var(--site-text-muted);font-family:inherit;font-size:12px;line-height:1.5;text-align:left;text-decoration:none}.site-footer-links a:hover{color:var(--site-text)}@media(max-width:820px){.legal-page{width:min(100% - 28px,980px);padding-top:42px}.legal-section{grid-template-columns:1fr;gap:14px;padding:30px 0}.site-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.legal-page{width:min(100% - 24px,980px)}.legal-page-header{padding-bottom:32px}.legal-page-header h1{font-size:32px}.legal-document-dates{display:grid}.legal-table{overflow-x:auto}.legal-table>div{min-width:620px}.site-footer-links{grid-template-columns:1fr 1fr}}.guide-article-page{width:min(980px,calc(100% - 48px));margin:0 auto;padding:68px 0 36px}.guide-article-header{max-width:880px;padding-bottom:42px;border-bottom:1px solid var(--site-border)}.guide-article-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:26px;color:var(--site-text-muted);font-size:12px}.guide-article-breadcrumb a{color:var(--site-practice);text-underline-offset:3px}.guide-article-header h1{max-width:850px;margin:0;color:var(--site-text);font-size:clamp(34px,5vw,52px);line-height:1.24}.guide-article-lead{max-width:800px;margin:22px 0 0;color:var(--site-text-muted);font-size:16px;line-height:1.9}.guide-page-meta{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);gap:12px 28px;max-width:800px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--site-border)}.guide-page-meta>div{display:grid;gap:4px}.guide-page-meta dt{color:var(--site-text-muted);font-size:11px;font-weight:800}.guide-page-meta dd{margin:0;color:var(--site-text);font-size:13px;line-height:1.55}.guide-article-toc{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;margin:34px 0 8px;border:1px solid var(--site-border);border-radius:7px;padding:22px 24px;background:var(--site-bg-raised)}.guide-article-toc strong{color:var(--site-text);font-size:13px}.guide-article-toc ol{display:grid;gap:8px;margin:0;padding-left:22px}.guide-article-toc a{color:var(--site-text-muted);text-underline-offset:3px}.guide-article-toc a:hover{color:var(--site-text)}.guide-article-section{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:52px;padding:52px 0;border-bottom:1px solid var(--site-border);scroll-margin-top:24px}.guide-article-section-heading{display:flex;align-items:flex-start;gap:13px}.guide-article-section-heading>span{color:var(--site-practice);font-size:11px;font-weight:800}.guide-article-section-heading h2{margin:0;color:var(--site-text);font-size:21px;line-height:1.5}.guide-article-section-body{min-width:0;color:var(--site-text-muted);line-height:1.9}.guide-article-section-body>p{margin:0 0 18px}.guide-article-point-block{margin:22px 0;border:1px solid color-mix(in srgb,var(--site-practice-strong) 30%,transparent);border-left:4px solid var(--site-practice-strong);background:linear-gradient(135deg,color-mix(in srgb,var(--site-practice-strong) 14%,var(--site-bg)),color-mix(in srgb,var(--site-practice) 12%,var(--site-bg)));border-radius:12px;padding:16px 18px 16px 20px;position:relative;box-shadow:0 8px 24px color-mix(in srgb,var(--site-text) 10%,transparent)}.guide-article-point-block:before{content:"POINT";display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;color:var(--site-bg);background:var(--site-practice)}.guide-article-point-block>h3{margin:0 0 12px;color:var(--site-text);font-size:13px;letter-spacing:.01em;padding-left:0}.guide-article-points{display:grid;gap:10px;margin:0;padding-left:22px;color:var(--site-text-muted)}.guide-article-points li{line-height:1.65}.guide-article-examples{display:grid;gap:10px;margin-top:14px}.guide-article-examples>h3{margin:0 0 10px;color:var(--site-text);font-size:14px;font-weight:750}.guide-article-examples article{border:1px solid var(--site-border);border-radius:6px;padding:14px 16px 16px;background:var(--site-bg-raised)}.guide-article-examples h4{margin:0 0 10px;color:var(--site-text);font-size:13px}.guide-article-examples p{margin:9px 0 0}.guide-example-prompt{color:var(--site-practice);font-weight:700}.guide-example-inputs{display:flex;flex-wrap:wrap;gap:7px}.guide-example-inputs code{border:1px solid var(--site-border);border-radius:4px;padding:3px 7px;background:var(--site-surface);color:var(--site-text)}.guide-article-faq{padding:56px 0}.guide-article-faq h2,.guide-article-editorial h2,.guide-article-related h2{margin:0;color:var(--site-text);font-size:28px}.guide-article-faq dl{margin:28px 0 0;border-top:1px solid var(--site-border)}.guide-article-faq dl>div{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:36px;padding:22px 4px;border-bottom:1px solid var(--site-border)}.guide-article-faq dt{color:var(--site-text);font-weight:750;line-height:1.65}.guide-article-faq dd{margin:0;color:var(--site-text-muted);line-height:1.8}.guide-article-editorial{display:grid;grid-template-columns:220px minmax(0,1fr);gap:42px;padding:48px 0;border-bottom:1px solid var(--site-border)}.guide-article-editorial-body{min-width:0;color:var(--site-text-muted);line-height:1.8}.guide-article-editorial-body dl{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 20px}.guide-article-editorial-body dl>div{display:flex;align-items:baseline;gap:9px}.guide-article-editorial-body dt{color:var(--site-text-muted);font-size:11px;font-weight:800}.guide-article-editorial-body dd{margin:0;color:var(--site-text);font-weight:700}.guide-article-editorial-body>p{margin:0 0 20px}.guide-article-editorial-body ul{display:grid;gap:9px;margin:0;padding-left:20px}.guide-article-editorial-body a{color:var(--site-practice);text-underline-offset:4px}.guide-article-editorial-body a:hover{color:var(--site-practice-strong)}.guide-article-related{display:grid;grid-template-columns:220px minmax(0,1fr);gap:42px;padding:38px;border:1px solid var(--site-border);border-radius:8px;background:var(--site-bg-raised)}.guide-article-related-links{display:grid;gap:9px}.guide-article-related-links a{display:grid;gap:4px;border:1px solid var(--site-border);border-radius:6px;padding:14px;background:var(--site-surface);color:var(--site-text);text-decoration:none}.guide-article-related-links a:hover{border-color:var(--site-border-strong)}.guide-article-related-links span{color:var(--site-text-muted);font-size:12px;line-height:1.55}@media(max-width:760px){.guide-article-page{width:min(100% - 28px,980px);padding-top:42px}.guide-article-toc,.guide-article-section,.guide-article-editorial,.guide-article-related{grid-template-columns:1fr;gap:18px}.guide-article-section{padding:38px 0}.guide-article-faq dl>div{grid-template-columns:1fr;gap:8px}}@media(max-width:560px){.guide-page-meta{grid-template-columns:1fr;gap:10px}}@media(max-width:480px){.guide-article-page{width:min(100% - 24px,980px)}.guide-article-header h1{font-size:32px}.guide-article-toc{padding:18px}.guide-article-related{padding:24px 18px}}.guide-report-reading-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:24px 0}.guide-report-reading-flow>div{display:grid;gap:5px;min-height:112px;align-content:center;padding:16px;border:1px solid var(--site-border);border-radius:8px;background:var(--site-bg-raised)}.guide-report-reading-flow span,.guide-report-reading-flow>i{color:var(--site-practice);font-weight:800}.guide-report-reading-flow strong{color:var(--site-text);font-size:13px;line-height:1.5}.guide-report-reading-flow small{color:var(--site-text-muted);font-size:11px;line-height:1.55}.guide-report-reading-flow>i{font-style:normal}.guide-report-figure{margin:26px 0 30px;border:1px solid var(--site-border);border-radius:10px;overflow:hidden;background:var(--site-bg-raised)}.guide-report-figure__heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;border-bottom:1px solid var(--site-border)}.guide-report-figure__heading strong{color:var(--site-text);font-size:13px}.guide-report-figure__heading span{flex:0 0 auto;border:1px solid var(--site-border);border-radius:999px;padding:3px 8px;color:var(--site-text-muted);font-size:10px;font-weight:750}.guide-report-figure__surface{display:grid;gap:14px;padding:16px;background:var(--site-bg)}.guide-report-figure figcaption{margin:0;padding:14px 16px 16px;border-top:1px solid var(--site-border);color:var(--site-text-muted);font-size:12px;line-height:1.75}.guide-report-figure figcaption strong{color:var(--site-practice)}.guide-report-figure .my-history-chart{min-height:0;background:var(--appearance-panel-surface, var(--site-bg-raised))}.guide-report-figure .my-weakness-list{padding:16px;border:1px solid var(--site-border);border-radius:8px;background:var(--site-bg-raised)}.guide-report-figure .my-weakness-row em{grid-column:2 / -1;color:var(--site-text-muted);font-size:10px;font-style:normal}.guide-report-summary{margin:0;border:1px solid var(--site-border);border-radius:8px;overflow:hidden;background:var(--site-bg-raised)}.guide-report-table-scroll{max-height:none;scrollbar-color:var(--site-border-strong) var(--site-bg)}.guide-report-status{display:inline-flex;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--site-danger) 14%,transparent);color:var(--site-danger);font-size:10px;font-weight:750}.guide-report-status.is-stable{background:color-mix(in srgb,var(--site-practice) 14%,transparent);color:var(--site-practice)}.guide-report-profile-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-report-profile-records>section{display:grid;gap:12px;padding:18px;border:1px solid var(--site-border);border-radius:8px;background:var(--site-bg-raised)}.guide-report-profile-records>section>span{color:var(--site-practice);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide-report-profile-records>section>div{display:flex;align-items:center;gap:18px}.guide-report-profile-records>section>div>strong{color:var(--site-text);font-size:46px;line-height:1}.guide-report-profile-records p{display:grid;gap:2px;margin:0}.guide-report-profile-records p b{color:var(--site-text);font-size:22px}.guide-report-profile-records p small,.guide-report-profile-records>section>small{color:var(--site-text-muted);font-size:10px}.guide-report-profile-records dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.guide-report-profile-records dl>div{padding:9px;border:1px solid var(--site-border);background:var(--site-surface)}.guide-report-profile-records dt{color:var(--site-text-muted);font-size:10px}.guide-report-profile-records dd{margin:4px 0 0;color:var(--site-text);font-size:14px;font-weight:750}@media(max-width:760px){.guide-report-reading-flow{grid-template-columns:1fr}.guide-report-reading-flow>i{transform:rotate(90deg);justify-self:center}.guide-report-profile-records{grid-template-columns:1fr}}@media(max-width:480px){.guide-report-figure__heading{align-items:flex-start;flex-direction:column;gap:7px}.guide-report-figure__surface{padding:10px}.guide-report-summary{grid-template-columns:1fr 1fr}}:root{color-scheme:dark;--site-bg: #0a0f12;--site-bg-raised: #10171b;--site-surface: #151e23;--site-surface-strong: #1c272d;--site-border: #2a3940;--site-border-strong: #40545e;--site-text: #eef3f2;--site-text-muted: #9ba9ad;--site-practice: #7897a8;--site-practice-strong: #668795;--site-score: #859bc1;--site-score-strong: #6c83aa;--site-game: #978bb0;--site-badge: #b79a62;--site-danger: #d86d68;--site-focus: #a8c4d1}:root[data-site-theme=light]{color-scheme:light;--site-bg: #f4f6f3;--site-bg-raised: #eef2ee;--site-surface: #ffffff;--site-surface-strong: #e8eeea;--site-border: #d3ddd8;--site-border-strong: #b6c6be;--site-text: #1f2b2b;--site-text-muted: #61716e;--site-practice: #5d8290;--site-practice-strong: #426a78;--site-score: #647ca7;--site-score-strong: #506a95;--site-game: #85779c;--site-badge: #9e7d3f;--site-danger: #b8514e;--site-focus: #356b7e}body{background:var(--site-bg);color:var(--site-text)}.site-theme-toggle{position:fixed;top:17px;right:20px;z-index:10001;min-height:36px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--site-border-strong);border-radius:999px;padding:0 12px;background:color-mix(in srgb,var(--site-bg-raised) 90%,transparent);box-shadow:0 8px 24px #060c0f1f;color:var(--site-text);font-size:11px;font-weight:760;letter-spacing:.03em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-theme-toggle:hover{border-color:var(--site-badge);color:var(--site-badge)}.site-theme-toggle:focus-visible{outline:2px solid var(--site-focus);outline-offset:3px}:root[data-site-theme=light] .typing-panel,:root[data-site-theme=light] .floating-workspace-panel,:root[data-site-theme=light] .practice-weakness-panel,:root[data-site-theme=light] .practice-weakness-group,:root[data-site-theme=light] .practice-prompt-area,:root[data-site-theme=light] .practice-keyboard-guide,:root[data-site-theme=light] .practice-focus-panel,:root[data-site-theme=light] .practice-result-strip,:root[data-site-theme=light] .staged-entry-panel,:root[data-site-theme=light] .staged-practice-panel{border-color:var(--site-border);background:var(--site-surface);box-shadow:0 14px 36px #24363114}:root[data-site-theme=light] .app-shell,:root[data-site-theme=light] .floating-panel-workspace{background:var(--site-bg)}:root[data-site-theme=light] .typing-panel h1,:root[data-site-theme=light] .practice-weakness-panel__header h2,:root[data-site-theme=light] .practice-weakness-group h3,:root[data-site-theme=light] .practice-weakness-row__heading>strong,:root[data-site-theme=light] .practice-entry-card strong{color:var(--site-text)}:root[data-site-theme=light] .practice-weakness-tracked,:root[data-site-theme=light] .practice-weakness-tracked-card,:root[data-site-theme=light] .practice-weakness-group,:root[data-site-theme=light] .practice-weakness-periods button,:root[data-site-theme=light] .floating-workspace-panel-menu,:root[data-site-theme=light] .floating-workspace-panel-menu-button{background:var(--site-bg-raised)}:root[data-site-theme=light] .floating-workspace-panel-controls .floating-workspace-panel-grip,:root[data-site-theme=light] .floating-workspace-panel-controls .floating-workspace-panel-visibility{border-color:var(--site-border-strong);background:var(--site-surface);color:var(--site-text-muted)}:root[data-site-theme=light] .practice-result-strip,:root[data-site-theme=light] .score-attack-meter,:root[data-site-theme=light] .score-live-summary{color:var(--site-text)}:root[data-site-theme=light] .practice-prompt-area,:root[data-site-theme=light] .score-prompt-area{background:#f9fbf9}:root[data-site-theme=light] :is(.audio-onboarding-overlay,.tutorial-recommendation-overlay,.start-check-recommendation-overlay){background:#1f2b284d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:root[data-site-theme=light] :is(.audio-onboarding-window,.tutorial-recommendation-window,.start-check-recommendation-window){border-color:color-mix(in srgb,var(--site-badge) 40%,var(--site-border));background:var(--site-surface);box-shadow:0 24px 64px #2c3a3533;color:var(--site-text)}:root[data-site-theme=light] :is(.audio-onboarding-window,.tutorial-recommendation-window,.start-check-recommendation-window) .eyebrow{color:var(--site-badge)}:root[data-site-theme=light] :is(.audio-onboarding-window,.tutorial-recommendation-window,.start-check-recommendation-window) :is(h2,h3){color:var(--site-text)}:root[data-site-theme=light] :is(.audio-onboarding-window,.tutorial-recommendation-window,.start-check-recommendation-window)>p:not(.eyebrow){color:var(--site-text-muted)}:root[data-site-theme=light] :is(.audio-onboarding-actions,.tutorial-recommendation-actions) button{border-color:var(--site-border-strong);background:var(--site-surface-strong);color:var(--site-text)}:root[data-site-theme=light] :is(.audio-onboarding-actions,.tutorial-recommendation-actions) button:first-child{border-color:var(--site-practice-strong);background:var(--site-practice-strong);color:#fff}:root[data-site-theme=light] :is(.audio-onboarding-actions,.tutorial-recommendation-actions) button:not(:first-child):hover{border-color:var(--site-practice);background:color-mix(in srgb,var(--site-practice) 12%,var(--site-surface));color:var(--site-practice-strong)}:root[data-site-theme=light] :is(.audio-onboarding-actions,.tutorial-recommendation-actions) button:first-child:hover{border-color:var(--site-practice-strong);background:color-mix(in srgb,var(--site-practice-strong) 88%,black);color:#fff}:root[data-site-theme=light] :is(.audio-onboarding-window,.tutorial-recommendation-window,.start-check-recommendation-window) .text-button{border-color:transparent;background:transparent;color:var(--site-text-muted)}:root[data-site-theme=light] .site-shell--home-redesign,:root[data-site-theme=light] .site-shell--home-redesign--moonlight-gold{--home-redesign-bg: #f4f6f3;--home-redesign-surface: #ffffff;--home-redesign-surface-raised: #edf2ee;--home-redesign-border: #d3ddd8;--home-redesign-border-strong: #b6c6be;--home-redesign-text: #1f2b2b;--home-redesign-muted: #61716e;--home-redesign-practice: #5d8290;--home-redesign-practice-strong: #426a78;--home-redesign-score: #647ca7;background:radial-gradient(circle at 50% -22rem,rgb(202 175 108 / 13%),transparent 42rem),var(--home-redesign-bg)}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-hero{background:linear-gradient(180deg,#f9faf7,#f4f6f3)}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-stars{opacity:.14}:root[data-site-theme=light] .site-shell--home-redesign--moonlight-gold{--home-redesign-practice: #4d8874;--home-redesign-practice-strong: #3f7564;--home-redesign-score: #617aa0;--home-redesign-brass: #9b7c43;--home-redesign-brass-soft: #8a6b35;--home-redesign-moon: #4d737d}:root[data-site-theme=light] .site-shell--home-redesign .site-header{border-bottom-color:#ced8d3}:root[data-site-theme=light] .site-shell--home-redesign .site-brand,:root[data-site-theme=light] .site-shell--home-redesign .site-brand strong,:root[data-site-theme=light] .site-shell--home-redesign .site-nav a{color:#273635}:root[data-site-theme=light] .site-shell--home-redesign .site-nav a:hover,:root[data-site-theme=light] .site-shell--home-redesign .site-nav a.is-active{border-bottom-color:#4d8874;color:#1d302d}:root[data-site-theme=light] .site-shell--home-redesign .site-header-cta{border-color:#8a6b356b;background:#9b7c431a;color:#755923}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-hero h1 span{color:#4d737d}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-hero-lead,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-primary-note,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-four-u small,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-section-heading>span{color:#5c706e}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-button--primary{border-color:#3f7564;background:#4d8874;color:#f7fbf8;box-shadow:0 12px 26px #3668562e}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-button--primary:hover{border-color:#315d50;background:#3f7564;color:#fff}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-button--secondary,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-button--score{border-color:#b7c5c0;background:#eef3f0;color:#29403c}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-button--secondary:hover,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-button--score:hover{border-color:#829993;background:#e3ece7;color:#1d302d}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-four-u strong,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-value-grid h3,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-learn-links strong{color:#2a3937}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-four-u span,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-kicker,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-values-heading>p,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-learn>div:first-child>p,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-final-cta>div>p{color:#8a6b35}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-value-grid p,:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-learn-links span{color:#5c706e}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-practice{border-color:#bfcdc6;background:#edf2ee;box-shadow:0 18px 48px #293d371a}:root[data-site-theme=light] .site-shell--home-redesign .home-redesign-practice img{filter:saturate(.84) brightness(1.2) contrast(.94)}@media(max-width:760px){.site-theme-toggle{top:10px;right:10px;min-height:32px;padding:0 10px}}:root{--appearance-page-bg: var(--site-bg);--appearance-page-backdrop: none;--appearance-shell-surface: var(--site-bg-raised);--appearance-shell-shadow: none;--appearance-shell-radius: 8px;--appearance-surface: var(--site-surface);--appearance-surface-raised: var(--site-surface-strong);--appearance-text: var(--site-text);--appearance-text-muted: var(--site-text-muted);--appearance-text-soft: var(--site-text);--appearance-text-dim: var(--site-text-muted);--appearance-accent-primary: var(--site-practice);--appearance-accent-primary-strong: var(--site-practice-strong);--appearance-accent-primary-soft: color-mix(in srgb, var(--site-practice) 12%, transparent);--appearance-primary-button-bg: var(--site-practice-strong);--appearance-primary-button-border: var(--site-practice-strong);--appearance-primary-button-text: var(--site-bg);--appearance-primary-button-hover: var(--site-practice);--appearance-accent-metal: var(--site-badge);--appearance-accent-metal-bright: var(--site-badge);--appearance-accent-metal-soft: color-mix(in srgb, var(--site-badge) 12%, transparent);--appearance-control-surface: var(--site-surface);--appearance-control-text: var(--site-text);--appearance-control-border-hover: var(--site-border-strong);--appearance-danger-border: color-mix(in srgb, var(--site-danger) 38%, transparent);--appearance-danger-bg: color-mix(in srgb, var(--site-danger) 5%, transparent);--appearance-danger-text: var(--site-danger);--appearance-panel-border-color: var(--site-border);--appearance-panel-border-hover: var(--site-border-strong);--appearance-panel-surface: var(--site-bg-raised);--appearance-panel-shadow: none;--appearance-panel-border-width: 1px;--appearance-panel-radius: 6px;--appearance-panel-corner-color: transparent;--appearance-panel-corner-size: 0px;--appearance-panel-corner-feather: 0px;--appearance-panel-corner-offset: 0px;--appearance-panel-corner-opacity: 0;--appearance-prompt-background: var(--site-bg-raised);--appearance-prompt-text: var(--site-text);--appearance-prompt-completed: var(--site-text-muted);--appearance-prompt-guide: var(--site-text-muted);--appearance-prompt-guide-completed: var(--site-text-muted);--appearance-panel-control-border: var(--site-border-strong);--appearance-panel-control-surface: var(--site-surface);--appearance-panel-control-text: var(--site-text-muted);--appearance-panel-control-hover-bg: var(--site-surface-strong);--appearance-panel-control-hover-text: var(--site-text);--appearance-progress-track: var(--site-surface-strong);--appearance-focus-border: var(--site-border-strong);--appearance-focus-bg: var(--site-bg-raised);--appearance-focus-text: var(--site-text);--appearance-unlock-panel-border: var(--site-border);--appearance-unlock-panel-background: var(--site-bg-raised);--appearance-unlock-cell-border: var(--site-border);--appearance-unlock-cell-bg: var(--site-bg-raised);--appearance-unlock-cell-text: var(--site-text-muted);--appearance-unlock-cell-unlocked-border: var(--site-practice);--appearance-unlock-cell-unlocked-bg: var(--site-surface);--appearance-unlock-cell-unlocked-text: var(--site-text);--appearance-unlock-cell-current-border: var(--site-badge);--appearance-unlock-cell-current-bg: var(--site-surface);--appearance-unlock-cell-current-text: var(--site-text);--appearance-unlock-cell-current-shadow: none;--appearance-unlock-cell-locked-mark: var(--site-text-muted);--appearance-weakness-control-bg: var(--site-bg-raised);--appearance-weakness-selected-border: var(--site-practice);--appearance-weakness-selected-bg: var(--site-surface);--appearance-weakness-tracked-border: var(--site-border);--appearance-weakness-tracked-bg: var(--site-bg-raised);--appearance-weakness-card-bg: var(--site-bg-raised);--appearance-weakness-card-current-bg: var(--site-surface)}:root[data-panel-palette=moonlight-brass]:not([data-site-theme=light]){--appearance-page-bg: #0a0f12;--appearance-page-backdrop: radial-gradient(circle at 50% -12rem, rgb(120 151 168 / 9%), transparent 38rem);--appearance-shell-surface: linear-gradient(180deg, rgb(16 23 27 / 98%), rgb(13 20 24 / 98%));--appearance-shell-shadow: 0 24px 64px rgb(0 0 0 / 24%);--appearance-shell-radius: 12px;--appearance-surface: #0d171c;--appearance-surface-raised: #1b252a;--appearance-text: #f2f5f2;--appearance-text-muted: #9ca9aa;--appearance-text-soft: #c9dde6;--appearance-text-dim: #4e5b60;--appearance-accent-primary: #7897a8;--appearance-accent-primary-strong: #8facb9;--appearance-accent-primary-soft: rgb(120 151 168 / 12%);--appearance-primary-button-bg: #7897a8;--appearance-primary-button-border: #8facb9;--appearance-primary-button-text: #0a0f12;--appearance-primary-button-hover: #8facb9;--appearance-accent-metal: #b79a62;--appearance-accent-metal-bright: #d0ba82;--appearance-accent-metal-soft: rgb(183 154 98 / 12%);--appearance-control-surface: rgb(21 30 35 / 76%);--appearance-control-text: #d6dcdd;--appearance-control-border-hover: rgb(201 221 230 / 34%);--appearance-danger-border: rgb(216 109 104 / 38%);--appearance-danger-bg: rgb(216 109 104 / 5%);--appearance-danger-text: #e5aaa6;--appearance-panel-border-color: rgb(183 154 98 / 38%);--appearance-panel-border-hover: rgb(208 186 130 / 58%);--appearance-panel-surface: #0d171c;--appearance-panel-shadow: none;--appearance-panel-corner-color: #d0ba82;--appearance-prompt-background: linear-gradient(180deg, rgb(201 221 230 / 1.5%), transparent 46%), #0b151b;--appearance-prompt-text: #edf2f1;--appearance-prompt-completed: #4e5b60;--appearance-prompt-guide: #9ca9aa;--appearance-prompt-guide-completed: #708f9c;--appearance-panel-control-border: rgb(143 172 185 / 30%);--appearance-panel-control-surface: #101b20;--appearance-panel-control-text: #7897a8;--appearance-panel-control-hover-bg: rgb(120 151 168 / 12%);--appearance-panel-control-hover-text: #c9dde6;--appearance-progress-track: #202b30;--appearance-focus-border: rgb(120 151 168 / 34%);--appearance-focus-bg: rgb(120 151 168 / 9%);--appearance-focus-text: #dce8ec;--appearance-unlock-panel-border: rgb(183 154 98 / 24%);--appearance-unlock-panel-background: linear-gradient(110deg, rgb(120 151 168 / 5%), transparent 48%), #0d171c;--appearance-unlock-cell-border: rgb(156 170 173 / 20%);--appearance-unlock-cell-bg: #11191e;--appearance-unlock-cell-text: #778386;--appearance-unlock-cell-unlocked-border: rgb(120 151 168 / 62%);--appearance-unlock-cell-unlocked-bg: rgb(120 151 168 / 18%);--appearance-unlock-cell-unlocked-text: #dce8ec;--appearance-unlock-cell-current-border: #d0ba82;--appearance-unlock-cell-current-bg: rgb(183 154 98 / 16%);--appearance-unlock-cell-current-text: #f1e7cf;--appearance-unlock-cell-current-shadow: inset 0 0 0 1px rgb(208 186 130 / 36%), 0 0 0 2px rgb(183 154 98 / 10%);--appearance-unlock-cell-locked-mark: rgb(156 170 173 / 34%);--appearance-weakness-control-bg: #111b20;--appearance-weakness-selected-border: rgb(120 151 168 / 54%);--appearance-weakness-selected-bg: rgb(120 151 168 / 12%);--appearance-weakness-tracked-border: rgb(120 151 168 / 28%);--appearance-weakness-tracked-bg: rgb(120 151 168 / 4%);--appearance-weakness-card-bg: rgb(13 23 28 / 86%);--appearance-weakness-card-current-bg: rgb(183 154 98 / 7%)}:root[data-site-theme=light][data-panel-palette=moonlight-brass]{--appearance-page-bg: #f4f6f3;--appearance-page-backdrop: radial-gradient(circle at 50% -12rem, rgb(155 124 67 / 10%), transparent 38rem);--appearance-shell-surface: linear-gradient(180deg, #ffffff, #f7f9f6);--appearance-shell-shadow: 0 18px 48px rgb(41 61 55 / 10%);--appearance-shell-radius: 12px;--appearance-surface: #ffffff;--appearance-surface-raised: #e8eeea;--appearance-text: #1f2b2b;--appearance-text-muted: #61716e;--appearance-text-soft: #31525a;--appearance-text-dim: #94a09d;--appearance-accent-primary: #5d8290;--appearance-accent-primary-strong: #426a78;--appearance-accent-primary-soft: rgb(93 130 144 / 12%);--appearance-primary-button-bg: #426a78;--appearance-primary-button-border: #315867;--appearance-primary-button-text: #f7faf8;--appearance-primary-button-hover: #315867;--appearance-accent-metal: #9b7c43;--appearance-accent-metal-bright: #81652f;--appearance-accent-metal-soft: rgb(155 124 67 / 12%);--appearance-control-surface: rgb(255 255 255 / 82%);--appearance-control-text: #31413f;--appearance-control-border-hover: rgb(93 130 144 / 42%);--appearance-panel-border-color: rgb(155 124 67 / 38%);--appearance-panel-border-hover: rgb(129 101 47 / 58%);--appearance-panel-surface: #ffffff;--appearance-panel-shadow: 0 14px 36px rgb(36 54 49 / 8%);--appearance-panel-corner-color: #9b7c43;--appearance-prompt-background: linear-gradient(180deg, rgb(93 130 144 / 4%), transparent 46%), #f9fbf9;--appearance-prompt-text: #1f2b2b;--appearance-prompt-completed: #667572;--appearance-prompt-guide: #61716e;--appearance-prompt-guide-completed: #718b93;--appearance-panel-control-border: #b6c6be;--appearance-panel-control-surface: #ffffff;--appearance-panel-control-text: #61716e;--appearance-panel-control-hover-bg: rgb(93 130 144 / 10%);--appearance-panel-control-hover-text: #31525a;--appearance-progress-track: #dfe7e3;--appearance-focus-border: rgb(93 130 144 / 34%);--appearance-focus-bg: rgb(93 130 144 / 8%);--appearance-focus-text: #29464d;--appearance-unlock-panel-border: rgb(155 124 67 / 26%);--appearance-unlock-panel-background: linear-gradient(110deg, rgb(93 130 144 / 5%), transparent 48%), #ffffff;--appearance-unlock-cell-border: rgb(97 113 110 / 20%);--appearance-unlock-cell-bg: #f0f4f1;--appearance-unlock-cell-text: #7b8986;--appearance-unlock-cell-unlocked-border: rgb(93 130 144 / 58%);--appearance-unlock-cell-unlocked-bg: rgb(93 130 144 / 13%);--appearance-unlock-cell-unlocked-text: #29464d;--appearance-unlock-cell-current-border: #9b7c43;--appearance-unlock-cell-current-bg: rgb(155 124 67 / 13%);--appearance-unlock-cell-current-text: #5f481e;--appearance-unlock-cell-current-shadow: inset 0 0 0 1px rgb(155 124 67 / 26%), 0 0 0 2px rgb(155 124 67 / 8%);--appearance-unlock-cell-locked-mark: rgb(97 113 110 / 34%);--appearance-weakness-control-bg: #eef2ee;--appearance-weakness-selected-border: rgb(93 130 144 / 50%);--appearance-weakness-selected-bg: rgb(93 130 144 / 10%);--appearance-weakness-tracked-border: rgb(93 130 144 / 24%);--appearance-weakness-tracked-bg: rgb(93 130 144 / 4%);--appearance-weakness-card-bg: #f7f9f7;--appearance-weakness-card-current-bg: rgb(155 124 67 / 8%)}:root[data-panel-frame=corner-dots]{--appearance-panel-border-width: 1px;--appearance-panel-radius: 8px;--appearance-panel-corner-size: 2px;--appearance-panel-corner-feather: .5px;--appearance-panel-corner-offset: 2px;--appearance-panel-corner-opacity: 1}:root{--appearance-keyboard-surface: #0e171e;--appearance-keyboard-border: #2c3842;--appearance-keyboard-key-left: #142029;--appearance-keyboard-key-right: #111c24;--appearance-keyboard-key-border: #344552;--appearance-keyboard-key-text: #9eacb7;--appearance-keyboard-pinky-bg: #332344;--appearance-keyboard-pinky-border: #8153b7;--appearance-keyboard-pinky-text: #e6d5ff;--appearance-keyboard-ring-bg: #1d344b;--appearance-keyboard-ring-border: #3f76ad;--appearance-keyboard-ring-text: #d5eaff;--appearance-keyboard-middle-bg: #193b34;--appearance-keyboard-middle-border: #258f76;--appearance-keyboard-middle-text: #ccf9ed;--appearance-keyboard-index-bg: #40371e;--appearance-keyboard-index-border: #9a7928;--appearance-keyboard-index-text: #fff0bb;--appearance-keyboard-thumb-bg: #45243a;--appearance-keyboard-thumb-border: #a84f7d;--appearance-keyboard-thumb-text: #ffd9eb;--appearance-keyboard-pressed-ok-bg: #071018;--appearance-keyboard-pressed-ok-text: #f7fbff;--appearance-keyboard-pressed-error-border: #a94d58;--appearance-keyboard-pressed-error-bg: #35191f;--appearance-keyboard-pressed-error-text: #ffc1c8;--appearance-effect-accepted: #6bd6ff;--appearance-prompt-mistake: #ff7468;--appearance-effect-rejected: #ff9b85;--appearance-effect-rejected-mark: #ff6b5f;--appearance-effect-shadow: rgb(0 0 0 / 55%)}:root[data-site-theme=light][data-panel-palette=moonlight-brass]{--appearance-keyboard-surface: #f7f9f7;--appearance-keyboard-border: #c9d4ce;--appearance-keyboard-key-left: #f1f5f2;--appearance-keyboard-key-right: #edf2ef;--appearance-keyboard-key-border: #aebdb6;--appearance-keyboard-key-text: #334542;--appearance-keyboard-pinky-bg: #f1eafb;--appearance-keyboard-pinky-border: #9d7dbb;--appearance-keyboard-pinky-text: #5d446f;--appearance-keyboard-ring-bg: #e6f0f7;--appearance-keyboard-ring-border: #7898ad;--appearance-keyboard-ring-text: #35566a;--appearance-keyboard-middle-bg: #e2f1eb;--appearance-keyboard-middle-border: #6d9c8b;--appearance-keyboard-middle-text: #315f50;--appearance-keyboard-index-bg: #f4eedc;--appearance-keyboard-index-border: #a89157;--appearance-keyboard-index-text: #665226;--appearance-keyboard-thumb-bg: #f4e8ef;--appearance-keyboard-thumb-border: #a88499;--appearance-keyboard-thumb-text: #6b4759;--appearance-keyboard-pressed-ok-bg: #dcebe5;--appearance-keyboard-pressed-ok-text: #21483b;--appearance-keyboard-pressed-error-border: #b8655e;--appearance-keyboard-pressed-error-bg: #f6e5e2;--appearance-keyboard-pressed-error-text: #7c3934;--appearance-effect-accepted: #3f7564;--appearance-prompt-mistake: #a92f28;--appearance-effect-rejected: #c24d42;--appearance-effect-rejected-mark: #a92f28;--appearance-effect-shadow: rgb(255 255 255 / 72%)}:focus-visible{outline:2px solid var(--site-focus);outline-offset:3px}.app-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 24px 48px;background:var(--site-bg)}.app-shell .typing-panel{width:min(1040px,100%);border-color:var(--site-border);border-radius:8px;padding:24px;background:var(--site-bg-raised);box-shadow:0 18px 48px #0000003d}.app-shell .panel-header{align-items:center;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--site-border)}.app-shell .eyebrow{color:var(--site-practice);font-size:11px;font-weight:700}.app-shell .typing-panel h1{color:var(--site-text);font-size:28px;line-height:1.2}.app-shell button{min-height:40px;border-color:var(--site-border-strong);border-radius:6px;background:var(--site-surface);color:var(--site-text)}.app-shell button:hover{border-color:#547086;background:var(--site-surface-strong)}.app-shell-nav{gap:4px}.app-shell-nav button{min-height:36px;border-color:transparent;background:transparent;color:var(--site-text-muted)}.app-shell-nav button:hover{border-color:var(--site-border);color:var(--site-text)}.app-shell-nav .app-shell-nav-home{border-color:var(--site-border-strong);color:var(--site-text)}.practice-entry-panel{width:min(1060px,100%)!important}.practice-entry-summary{margin-top:0;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.practice-entry-summary .stat-item{border:0;border-right:1px solid var(--site-border);border-radius:0;background:transparent}.practice-entry-summary .stat-item:last-child{border-right:0}.staged-entry-panel{margin-top:24px;padding:22px;border-color:#36d3995c;background:#0d1c18}.staged-entry-panel .eyebrow,.staged-entry-meta span{color:var(--site-practice)}.staged-entry-actions button.primary{border-color:var(--site-practice-strong);background:#176044;color:#edfff8}.start-check-impact-note{display:grid;gap:3px;max-width:690px;margin:14px 0 0!important;border-left:2px solid var(--site-practice);padding:8px 11px;background:color-mix(in srgb,var(--site-practice) 7%,transparent);color:var(--site-text-muted)!important;font-size:11px;line-height:1.65}.start-check-impact-note strong{color:var(--site-text);font-size:12px}.start-check-impact-note span{display:block}.start-check-result{width:min(980px,100%)!important;font-size:14px;line-height:1.5}.start-check-result-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--site-border);padding-bottom:18px}.start-check-result-header h1{margin:4px 0 0;font-size:2rem}.start-check-result-header>span{color:var(--site-text-muted);font-variant-numeric:tabular-nums}.start-check-result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px;border:1px solid var(--site-border)}.start-check-result-metrics>div{min-height:112px;display:grid;align-content:center;gap:5px;border-right:1px solid var(--site-border);padding:16px}.start-check-result-metrics>div:last-child{border-right:0}.start-check-result-metrics span,.start-check-result-metrics small{color:var(--site-text-muted)}.start-check-result-metrics strong{font-size:1.55rem;font-variant-numeric:tabular-nums}.start-check-result-metrics small{font-size:10px;line-height:1.5}.start-check-result-weaknesses{margin-top:22px;border:1px solid var(--site-border);padding:18px;background:color-mix(in srgb,var(--site-practice) 4%,var(--site-surface))}.start-check-result-weaknesses h2{margin:4px 0 0;font-size:1.15rem}.start-check-result-weaknesses>div>span{color:var(--site-practice);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.start-check-result-weaknesses>p{color:var(--site-text-muted)}.start-check-candidate-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.start-check-candidate-list>div{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 10px;border:1px solid var(--site-border);padding:12px;background:#00000024}.start-check-candidate-list>div>span{grid-row:1 / 3;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--site-practice) 16%,transparent);color:var(--site-practice);font-size:10px}.start-check-candidate-list strong{font-size:1.05rem}.start-check-candidate-list small{color:var(--site-text-muted);font-size:10px}.start-check-impact-explanation{margin-top:16px;border-left:2px solid #69b7ef;padding:12px 14px;background:color-mix(in srgb,#69b7ef 7%,transparent)}.start-check-impact-explanation strong{color:#9bd2f7}.start-check-impact-explanation p{margin:5px 0 0;color:var(--site-text-muted);font-size:11px}.start-check-result-actions{display:flex;justify-content:flex-end;margin-top:20px;border-top:1px solid var(--site-border);padding-top:18px}.start-check-result-actions button.primary{min-width:150px;border-color:var(--site-practice-strong);background:#176044;color:#edfff8;font-weight:700}.practice-level-picker,.practice-result-details,.score-result-details{margin-top:12px;border-top:1px solid var(--site-border);padding-top:12px}.practice-level-picker summary,.practice-result-details summary,.score-result-details summary,.practice-focus-panel summary,.staged-practice-panel--play summary{width:fit-content;cursor:pointer;color:var(--site-text-muted);font-size:12px}.practice-level-picker[open] summary,.practice-result-details[open] summary,.score-result-details[open] summary{color:var(--site-text)}.practice-skip-diagnosis{margin-top:10px}.practice-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.practice-entry-card{min-height:136px;border-color:var(--site-border);background:#10171e}.practice-entry-card strong{font-size:20px}.app-shell .practice-panel{width:min(1012px,100%);padding:22px 40px}.practice-panel .prompt-display{padding:0}.practice-prompt-area{height:190px;min-height:190px;display:flex;flex-direction:column;justify-content:center;margin:4px 0 12px;border:1px solid #263844;border-radius:6px;padding:28px 22px;background:#0b141b}.unit-focus-empty-caution{min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:7px;color:#e7c98b;text-align:center}.unit-focus-empty-caution strong{color:#ffd98e;font-size:16px}.unit-focus-empty-caution span{color:var(--site-text-muted);font-size:12px}.practice-focus-panel{min-height:42px;display:flex;align-items:center;gap:10px;margin:6px 0 10px;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border);padding:8px 2px}.practice-focus-panel>span{color:var(--site-practice);font-size:11px;font-weight:700;text-transform:uppercase}.practice-focus-panel>strong{min-width:0;overflow-wrap:anywhere;color:var(--site-text);font-size:13px}.practice-focus-items{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px}.practice-focus-group{display:flex;align-items:center;gap:7px}.practice-focus-group>small{color:var(--site-text-muted);font-size:10px}.practice-focus-group>div{display:flex;flex-wrap:wrap;gap:5px}.practice-focus-group strong{min-width:28px;border:1px solid rgba(82,214,156,.3);border-radius:4px;padding:3px 7px;background:#52d69c14;color:#dffff1;font-size:13px;text-align:center}.practice-focus-panel details{margin-left:auto}.practice-focus-panel details p{max-width:480px;margin:8px 0 0;color:var(--site-text-muted);font-size:12px}.staged-practice-panel--play{display:block;margin:8px 0 10px;padding:10px 12px;border-color:#36d3993d;background:#0d1916}.staged-practice-summary{display:flex;align-items:center;justify-content:space-between;gap:18px}.staged-practice-summary>strong{font-size:15px}.staged-practice-summary>span{color:var(--site-practice);font-size:12px;font-weight:700}.staged-mastery-progress{display:grid;gap:6px;margin-top:8px}.staged-mastery-progress>div:first-child{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--site-text-muted);font-size:11px}.staged-mastery-track{height:4px;overflow:hidden;background:#26322f}.staged-mastery-track>span{display:block;height:100%;background:var(--site-practice)}.staged-practice-summary>div{display:flex;align-items:center;gap:9px}.staged-practice-panel--play>.training-unlock-track{display:flex;grid-template-columns:none;align-items:center;gap:4px;margin-top:10px;overflow-x:auto;padding:0 0 7px;cursor:grab;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;overscroll-behavior-x:contain}.staged-practice-panel--play>.training-unlock-track::-webkit-scrollbar{display:none}.staged-practice-panel--play>.training-unlock-track.is-dragging{cursor:grabbing}.training-unlock-track span{position:relative;flex:0 0 31px;min-width:31px;min-height:30px;height:30px;display:grid;place-items:center;border:1px solid var(--site-border);border-radius:3px;background:#12171c;color:#6e7981;font-size:13px;padding:0}.training-unlock-track span.is-unlocked{border-color:#2dad7c;background:#1d9d6f;color:#06140f;font-weight:700}.training-unlock-track span.is-current{border-color:#d9fff0;box-shadow:inset 0 0 0 1px #d9fff0,0 0 0 2px #52d69c33}.training-unlock-track span.is-locked:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-top:1px solid #68727a;content:"";transform:rotate(-40deg);transform-origin:center}.practice-panel .input-surface>div{border-color:#2d4454;background:#0d161e}.practice-utility-row{min-height:38px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:6px}.practice-utility-row .guide-control,.practice-utility-row .mode-note,.practice-utility-row .mistake-line{min-height:0;margin:0}.practice-utility-row .mistake-line{margin-left:auto}.practice-prompt-area.align-left{text-align:left}.practice-prompt-area.align-center{text-align:center}.practice-prompt-area.align-right{text-align:right}.practice-prompt-area.align-center .romaji-guide,.practice-prompt-area.align-right .romaji-guide{text-align:inherit}.practice-unit-focus-picker{margin-top:18px;border-top:1px solid var(--site-border);padding-top:14px}.practice-unit-focus-picker>p{color:var(--site-text-muted);font-size:12px;line-height:1.6}.practice-unit-focus-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.practice-unit-focus-grid button{width:38px;min-height:36px;padding:0}.unit-focus-practice-panel{display:grid;gap:12px;margin:8px 0 10px;border:1px solid rgba(67,183,205,.35);border-radius:6px;padding:14px;background:#0c191d}.unit-focus-toolbar{display:grid;grid-template-columns:auto auto minmax(220px,1fr);align-items:end;gap:12px 18px}.unit-focus-toolbar>div>span{display:block;margin-bottom:5px;color:var(--site-text-muted);font-size:10px}.unit-focus-toolbar>p{margin:0;color:var(--site-text-muted);font-size:11px;line-height:1.5}.unit-focus-toolbar .segmented-control{display:flex}.unit-focus-toolbar .segmented-control button{min-height:32px;border-radius:0;padding:0 10px;font-size:11px}.unit-focus-toolbar .segmented-control button:first-child{border-radius:4px 0 0 4px}.unit-focus-toolbar .segmented-control button:last-child{border-radius:0 4px 4px 0}.unit-focus-toolbar .segmented-control button.active{border-color:#43b7cd;background:#15333a;color:#dffaff}.unit-focus-legend{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--site-text-muted);font-size:10px}.unit-focus-legend span:before{width:9px;height:9px;display:inline-block;margin-right:5px;border:1px solid var(--site-border);content:"";vertical-align:-1px}.unit-focus-legend .is-off:before{background:#11171c}.unit-focus-legend .is-random:before{border-color:#387486;background:#15303a}.unit-focus-legend .is-required:before{border-color:#8de8f7;background:#25889b}.unit-focus-bulk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.unit-focus-bulk-actions button{min-height:32px;padding:0 10px;font-size:10px}.unit-focus-bulk-actions span{margin-left:auto;color:#8fa4ad;font-size:10px}.unit-focus-unit-track{display:flex;gap:5px;overflow-x:auto;padding:2px 0 5px;cursor:grab;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none}.unit-focus-unit-track::-webkit-scrollbar{display:none}.unit-focus-unit-track.is-dragging{cursor:grabbing}.unit-focus-unit-track button,.unit-focus-gojuon-layout button{width:36px;min-width:36px;min-height:34px;padding:0}.unit-focus-unit-track button.is-off,.unit-focus-gojuon-layout button.is-off{opacity:.38;background:#0e1419;color:#71808a}.unit-focus-unit-track button.is-random,.unit-focus-gojuon-layout button.is-random{border-color:#315c68;background:#12272e;color:#c7e5ea}.unit-focus-unit-track button.is-required,.unit-focus-gojuon-layout button.is-required{border-color:#8de8f7;background:#20798b;color:#f1fdff;box-shadow:inset 0 -2px #9ef0ff}.unit-focus-gojuon-layout{display:grid;gap:18px;padding:2px 4px 6px 0}.unit-focus-gojuon-groups{display:flex;align-items:start;justify-content:flex-start;gap:24px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.unit-focus-gojuon-section{flex:0 0 auto;display:grid;gap:6px}.unit-focus-gojuon-section-label{color:#7f9ba4;font-size:9px}.unit-focus-gojuon-table{width:fit-content;display:flex;flex-direction:row-reverse;gap:5px}.unit-focus-gojuon-column{display:grid;grid-template-rows:20px repeat(5,34px);gap:5px}.unit-focus-gojuon-column-label{color:#7f9ba4;font-size:9px;line-height:20px;text-align:center}.unit-focus-gojuon-empty{width:36px;height:34px}.unit-focus-combinations{display:grid;gap:7px;margin-top:4px;align-items:start}.unit-focus-combinations>span{color:#7f9ba4;font-size:10px;text-align:left}.unit-focus-combinations>div{display:flex;flex-wrap:wrap;gap:5px}.staged-unlock-toast{position:fixed;top:46%;left:50%;z-index:70;min-width:260px;display:grid;justify-items:center;gap:7px;border:1px solid rgba(54,211,153,.7);border-radius:7px;padding:18px 24px;background:#0a1c16f5;box-shadow:0 22px 60px #0000007a;pointer-events:none;animation:staged-unlock-toast 3s ease both}.staged-unlock-toast span{color:#8fb8aa;font-size:10px;letter-spacing:.12em}.staged-unlock-toast strong{color:#edfff7;font-size:44px;line-height:1}.staged-unlock-toast p{margin:0;color:#a8dcca;font-size:13px}@keyframes staged-unlock-toast{0%{opacity:0;transform:translate(-50%,12px) scale(.96)}12%,78%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.staged-unlock-toast{animation-name:staged-unlock-toast-reduced}@keyframes staged-unlock-toast-reduced{0%,to{opacity:0;transform:translate(-50%)}12%,78%{opacity:1;transform:translate(-50%)}}}@media(max-width:760px){.start-check-result-metrics,.start-check-candidate-list{grid-template-columns:1fr}.start-check-result-metrics>div{border-right:0;border-bottom:1px solid var(--site-border)}.start-check-result-metrics>div:last-child{border-bottom:0}.unit-focus-toolbar{grid-template-columns:1fr;align-items:start}.unit-focus-toolbar .segmented-control{width:100%}.unit-focus-toolbar .segmented-control button{flex:1}}.practice-exit-button{border-color:#654044!important;color:#ffc4c0!important}.practice-settings-window{width:min(650px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 32px));overflow-y:auto}.practice-settings-list{display:grid;gap:20px;margin-top:18px}.practice-settings-volume-grid{display:grid;gap:10px}.practice-settings-group{display:grid;grid-template-columns:minmax(100px,.55fr) minmax(0,1fr);gap:12px;align-items:center}.practice-settings-group>span{color:var(--site-text-muted);font-size:13px}.practice-settings-sound-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.practice-settings-sound-grid button.selected{border-color:var(--site-score);background:#173754}.practice-settings-list .guide-control{margin:0}.prompt-alignment-control{display:grid;grid-template-columns:minmax(100px,.55fr) minmax(0,1fr);gap:12px;align-items:center}.prompt-alignment-control>span{color:var(--site-text-muted);font-size:13px}.prompt-alignment-control>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.prompt-alignment-control button.selected{border-color:var(--site-score);background:#173754}.practice-result-strip{min-height:0;display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(220px,.7fr) auto;align-items:center;gap:10px 18px;padding-block:12px;border-color:var(--site-border)!important;background:#0f151b!important}.practice-result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.practice-result-heading button{min-height:32px;padding:0 10px;font-size:12px}.practice-result-strip .practice-result-guidance{margin:0;border:0;border-left:2px solid var(--site-practice);border-radius:0;padding:5px 0 5px 10px;background:transparent}.practice-result-strip .status-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin:0}.practice-result-strip .practice-result-details{margin:0}.practice-result-strip .practice-result-details[open]{grid-column:1 / -1}@media(max-width:860px){.practice-result-strip{grid-template-columns:auto minmax(0,1fr)}.practice-result-strip .status-grid,.practice-result-strip .practice-result-details{grid-column:1 / -1}}.practice-result-strip .stat-item{border:0;border-right:1px solid var(--site-border);border-radius:0;background:transparent}.practice-result-strip .stat-item:last-child{border-right:0}.practice-result-metric small{display:block;min-height:18px;margin-top:4px;font-size:11px;font-weight:700}.practice-result-metric .trend-positive{color:#52d69c}.practice-result-metric .trend-negative{color:#ff7771}.practice-result-metric .trend-neutral{color:var(--site-text-muted)}.analysis-list-card p{margin:8px 0 0;color:var(--site-text-muted);font-size:12px}.analysis-item-list{display:grid;gap:5px}.analysis-item-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;border-top:1px solid var(--site-border);padding-top:5px}.analysis-item-list>div:first-child{border-top:0;padding-top:0}.analysis-item-list strong{color:var(--site-text);font-size:14px}.analysis-item-list small{color:var(--site-text-muted);font-size:11px;white-space:nowrap}.practice-panel .kana-token.completed-kana.mistake-history-kana,.practice-panel .kana-token.completed-kana.mistake-history-kana .kana-token-main{color:#984c52!important}.practice-panel .kana-token.completed-kana.mistake-history-kana .kana-token-guide{color:#75464b!important}.practice-active-time{display:grid;gap:1px;min-width:82px;color:var(--site-text-muted);font-size:10px}.practice-active-time strong{color:var(--site-text);font-size:13px;font-variant-numeric:tabular-nums}.practice-punctuation-settings>div{display:grid;gap:10px}.practice-punctuation-settings>.practice-short-punctuation-toggles{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.practice-short-punctuation-toggles .option-toggle{margin:0;white-space:nowrap}.practice-punctuation-settings-content>small{color:#9aacb7;font-size:11px;line-height:1.55}.practice-punctuation-setting-rows{display:grid;gap:10px}.punctuation-setting-row{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px}.punctuation-setting-row>span{color:var(--site-text-muted);font-size:12px}.punctuation-setting-row .segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.punctuation-setting-row button.selected{border-color:var(--site-practice);background:#12362c;color:#d9fff1}.score-attack-panel{width:min(1012px,100%)!important;padding:22px 40px!important}.score-attack-panel .eyebrow{color:var(--site-score)}.score-attack-intro{border:0;border-left:3px solid var(--site-score);border-radius:0;padding:4px 0 4px 14px;background:transparent}.score-rule-grid{gap:12px;margin-top:22px}.score-rule-card{min-height:126px;border-color:#29425b;background:#0e1823}.score-rule-card.selected{border-color:var(--site-score);background:#122943;box-shadow:inset 0 3px 0 var(--site-score)}.score-rule-detail,.score-attack-meter{border-color:var(--site-border);background:#10171e}.score-attack-panel .panel-header{margin-bottom:14px}.score-prompt-area{height:190px;min-height:190px;display:flex;flex-direction:column;justify-content:center;margin:4px 0 12px;border:1px solid #263844;border-radius:6px;padding:28px 22px;background:#0b141b}.score-prompt-area .prompt-display{padding:0}.score-prompt-area>*{transform:translateY(4px)}.score-workspace-stage .score-attack-meter{margin-top:0}.score-workspace-stage .score-live-summary{grid-template-columns:1.4fr 1fr 1fr}.score-workspace-stage .score-live-summary>div{border:0;border-right:1px solid var(--site-border);border-radius:0;background:transparent}.score-workspace-stage .score-live-summary>div:last-child{border-right:0}.score-workspace-stage .score-live-summary>div:first-child strong{color:var(--site-score);font-size:28px}.score-workspace-stage .score-live-summary small{display:block;margin-top:3px;color:var(--site-text-muted);font-size:11px}.score-attack-panel--result .result-panel{border-color:#29425b;background:#0e1721}.score-workspace-stage{position:relative;isolation:isolate}.score-prompt-area--preview{color:var(--site-text-muted)}.score-prompt-preview-copy{display:grid;justify-items:inherit;gap:8px;opacity:.72}.score-prompt-preview-copy span{color:var(--site-score);font-size:11px;font-weight:700;text-transform:uppercase}.score-prompt-preview-copy strong{color:var(--site-text);font-size:28px;font-weight:650}.score-prompt-preview-copy small{color:var(--site-text-muted);font-size:12px}.score-ready-panel,.score-countdown{display:grid;place-content:center;justify-items:center;gap:12px;border:1px solid #3c668c;border-radius:7px;padding:24px;background:#0d1721f5;box-shadow:0 18px 46px #00000073;text-align:center}.score-prestart-window{position:absolute;top:238px;left:50%;z-index:20000;width:min(380px,calc(100% - 48px));min-height:0;transform:translate(-50%)}.score-countdown-window{position:absolute;top:72px;left:50%;z-index:20000;width:260px;min-height:220px;transform:translate(-50%);pointer-events:none}.score-ready-panel h2{margin:0;font-size:28px}.score-ready-panel p{max-width:340px;margin:0;color:var(--site-text-muted)}.score-ready-panel small{color:var(--site-text-muted)}.score-ready-conditions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.score-ready-conditions span{border:1px solid #315273;border-radius:999px;padding:5px 10px;color:#a9d3ff;font-size:12px}.score-countdown span{color:var(--site-score);font-size:88px;font-weight:800;font-variant-numeric:tabular-nums}.score-countdown p{margin:0;color:var(--site-text-muted)}@media(max-width:900px),(pointer:coarse){.score-workspace-stage{min-height:520px}.score-prestart-window,.score-countdown-window{top:260px;right:auto;left:50%;width:min(380px,calc(100% - 24px));transform:translate(-50%)}}.score-result-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.score-result-metrics--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.score-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.score-result-actions button:first-child{border-color:var(--site-score-strong);background:#173c65}.options-panel{width:min(1040px,100%)!important;height:min(820px,calc(100vh - 64px));max-height:none}.option-category-nav{display:flex;gap:4px;margin-bottom:8px;overflow-x:auto;border-bottom:1px solid var(--site-border);padding-bottom:8px}.option-category-nav button{flex:0 0 auto;border-color:transparent;background:transparent;color:var(--site-text-muted)}.option-category-nav button.selected{border-color:var(--site-border-strong);background:var(--site-surface);color:var(--site-text)}.options-scroll{padding:4px 20px 12px 0}.option-section{grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);border-top:0;padding:22px 0}.option-info-panel{border-color:var(--site-border)!important;background:#0c1218!important}.my-section-nav{position:sticky;top:0;z-index:4;display:flex;gap:8px;margin-top:32px;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border);padding:12px 0;background:color-mix(in srgb,var(--site-bg) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.my-section-nav button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;border:1px solid var(--site-border);border-radius:6px;padding:0 15px;background:#0d141b;color:var(--site-text-muted)}.my-section-nav button:hover,.my-section-nav button.is-active{border-color:var(--site-border-strong);background:var(--site-surface);color:var(--site-text)}.my-section-nav button.is-active{border-color:var(--site-practice-strong);background:#123127;color:#ddfff2;box-shadow:inset 0 -3px 0 var(--site-practice)}.my-page .my-section{min-height:420px;margin-top:0;border-top:0;padding-top:34px}@media(max-width:820px){.app-shell{padding:14px}.app-shell .typing-panel{padding:18px 16px}.app-shell .panel-header{display:grid}.header-actions,.app-shell-nav{justify-content:flex-start}.app-shell-nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.staged-entry-panel,.score-rule-detail,.option-section{grid-template-columns:1fr}.staged-entry-actions{justify-content:flex-start}.score-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.score-result-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.options-panel{height:calc(100vh - 28px)}.my-section-nav{overflow-x:auto}.my-section-nav button{flex:0 0 auto}}@media(max-width:560px){.app-shell{padding:0}.app-shell .typing-panel{min-height:100vh;border-right:0;border-left:0;border-radius:0;padding:16px 14px 28px;box-shadow:none}.practice-entry-summary,.practice-entry-grid,.level-choice-grid,.score-rule-grid{grid-template-columns:1fr}.practice-entry-summary .stat-item{border-right:0;border-bottom:1px solid var(--site-border)}.practice-entry-summary .stat-item:last-child{border-bottom:0}.practice-focus-panel{align-items:flex-start;flex-wrap:wrap}.practice-focus-panel details,.practice-utility-row .mistake-line{margin-left:0}.staged-practice-summary{align-items:flex-start;flex-direction:column;gap:8px}.prompt-alignment-control,.practice-settings-group{grid-template-columns:1fr}.practice-punctuation-settings>.practice-short-punctuation-toggles{grid-template-columns:1fr}.practice-settings-sound-grid,.practice-result-strip .status-grid,.score-result-metrics,.score-workspace-stage .score-live-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.score-workspace-stage .score-live-summary>div{border-right:0;border-bottom:1px solid var(--site-border)}.score-result-actions{display:grid}.option-category-nav{margin-inline:-4px}.my-summary-band{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.input-latency-diagnostics{position:fixed;right:16px;bottom:16px;z-index:240;display:grid;gap:3px;min-width:250px;border:1px solid #2d8f79;border-radius:8px;padding:10px 12px;background:#081116f0;box-shadow:0 8px 28px #00000073;color:#c7d4da;font:11px/1.45 Cascadia Mono,ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:none}.input-latency-diagnostics strong{color:var(--site-practice);letter-spacing:.08em}.input-latency-diagnostics small{color:#788b95;font-size:9px}.practice-latency-toggle>span{display:grid;gap:2px}.practice-latency-toggle small{color:#7f909a;font-size:10px;font-weight:400}.app-shell.experience-page-shell--centered{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:flex-start}.app-shell.experience-page-shell--workspace-rails{display:grid;grid-template-columns:160px minmax(0,1012px) 160px;align-items:start;justify-content:center;gap:18px}.app-shell.experience-page-shell--workspace-rails>:is(.practice-panel,.score-attack-panel){grid-column:2}.app-shell.experience-page-shell--workspace-rails>.ad-slot:is([data-placement=practice-rail-left],[data-placement=score-attack-rail-left],[data-placement=practice-rail],[data-placement=score-attack-rail]){position:sticky;top:24px;grid-row:1;width:160px;min-height:600px}.app-shell.experience-page-shell--workspace-rails>.ad-slot:is([data-placement=practice-rail-left],[data-placement=score-attack-rail-left]){grid-column:1}.app-shell.experience-page-shell--workspace-rails>.ad-slot:is([data-placement=practice-rail],[data-placement=score-attack-rail]){grid-column:3}.app-shell.experience-page-shell--workspace-rails>.ad-slot[data-placement=score-result-bottom]{grid-column:2;min-height:90px}@media(max-width:1480px)and (min-width:1261px){.app-shell.experience-page-shell--workspace-rails{grid-template-columns:minmax(0,1012px) 160px}.app-shell.experience-page-shell--workspace-rails>:is(.practice-panel,.score-attack-panel,.ad-slot[data-placement=score-result-bottom]){grid-column:1}.app-shell.experience-page-shell--workspace-rails>.ad-slot:is([data-placement=practice-rail-left],[data-placement=score-attack-rail-left]){display:none}.app-shell.experience-page-shell--workspace-rails>.ad-slot:is([data-placement=practice-rail],[data-placement=score-attack-rail]){grid-column:2}}@media(max-width:1260px){.app-shell.experience-page-shell--workspace-rails{display:block}.app-shell.experience-page-shell--workspace-rails>.ad-slot:is([data-placement=practice-rail-left],[data-placement=practice-rail],[data-placement=score-attack-rail-left],[data-placement=score-attack-rail]){display:none}.app-shell.experience-page-shell--workspace-rails>.ad-slot[data-placement=score-result-bottom]{width:100%;margin-top:12px}}:root .app-shell .appearance-panel-frame{border-width:var(--appearance-panel-border-width);border-style:solid;border-color:var(--appearance-panel-border-color);border-radius:var(--appearance-panel-radius);background:var(--appearance-panel-surface);box-shadow:var(--appearance-panel-shadow)}:root .app-shell .appearance-panel-frame:hover,:root .app-shell .appearance-panel-frame:focus-within{border-color:var(--appearance-panel-border-hover)}:root .app-shell .appearance-panel-frame:before{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--appearance-panel-corner-offset) var(--appearance-panel-corner-offset),var(--appearance-panel-corner-color) 0 var(--appearance-panel-corner-size),transparent calc(var(--appearance-panel-corner-size) + var(--appearance-panel-corner-feather))),radial-gradient(circle at calc(100% - var(--appearance-panel-corner-offset)) var(--appearance-panel-corner-offset),var(--appearance-panel-corner-color) 0 var(--appearance-panel-corner-size),transparent calc(var(--appearance-panel-corner-size) + var(--appearance-panel-corner-feather))),radial-gradient(circle at var(--appearance-panel-corner-offset) calc(100% - var(--appearance-panel-corner-offset)),var(--appearance-panel-corner-color) 0 var(--appearance-panel-corner-size),transparent calc(var(--appearance-panel-corner-size) + var(--appearance-panel-corner-feather))),radial-gradient(circle at calc(100% - var(--appearance-panel-corner-offset)) calc(100% - var(--appearance-panel-corner-offset)),var(--appearance-panel-corner-color) 0 var(--appearance-panel-corner-size),transparent calc(var(--appearance-panel-corner-size) + var(--appearance-panel-corner-feather)));content:"";opacity:var(--appearance-panel-corner-opacity);pointer-events:none}:root .practice-experience-shell{background:var(--appearance-page-backdrop),var(--appearance-page-bg);color:var(--appearance-text)}:root:not([data-site-theme=light]) .practice-experience-shell{--site-bg: var(--appearance-page-bg);--site-bg-raised: var(--appearance-surface);--site-surface: var(--appearance-surface);--site-surface-strong: var(--appearance-surface-raised);--site-border: color-mix(in srgb, var(--appearance-text-muted) 16%, transparent);--site-border-strong: color-mix(in srgb, var(--appearance-text-muted) 28%, transparent);--site-text: var(--appearance-text);--site-text-muted: var(--appearance-text-muted);--site-practice: var(--appearance-accent-primary);--site-practice-strong: var(--appearance-accent-primary-strong);--site-badge: var(--appearance-accent-metal);--site-focus: var(--appearance-text-soft)}:root .practice-experience-shell .practice-panel{border-color:var(--site-border);border-radius:var(--appearance-shell-radius);background:var(--appearance-shell-surface);box-shadow:var(--appearance-shell-shadow)}:root[data-site-theme=light] .practice-experience-shell .floating-panel-workspace.is-vertical-layout{background:transparent}:root .practice-experience-shell .panel-header{margin-bottom:22px;padding-bottom:20px;border-bottom-color:var(--site-border)}:root .practice-experience-shell .eyebrow{color:var(--appearance-accent-metal-bright);letter-spacing:.08em}:root .practice-experience-shell .typing-panel h1{color:var(--appearance-text);font-size:27px;font-weight:720;letter-spacing:.01em}:root .practice-experience-shell .header-actions button,:root .practice-experience-shell .floating-workspace-reset{border-color:var(--site-border-strong);border-radius:7px;background:var(--appearance-control-surface);color:var(--appearance-control-text)}:root .practice-experience-shell .header-actions button:hover,:root .practice-experience-shell .floating-workspace-reset:hover{border-color:var(--appearance-control-border-hover);background:var(--appearance-surface-raised)}:root .practice-experience-shell .practice-exit-button{border-color:var(--appearance-danger-border)!important;background:var(--appearance-danger-bg)!important;color:var(--appearance-danger-text)!important}:root .practice-experience-shell .practice-active-time span{color:var(--appearance-text-muted)}:root .practice-experience-shell .practice-active-time strong,:root .practice-experience-shell .prompt-count{color:var(--appearance-text-soft)}:root .practice-experience-shell .practice-prompt-area{background:var(--appearance-prompt-background)}:root .practice-experience-shell .prompt-display-text,:root .practice-experience-shell .active-kana{color:var(--appearance-prompt-text)}:root .practice-experience-shell .prompt-display .completed-kana{color:var(--appearance-prompt-completed)}:root .practice-experience-shell .prompt-display .active-kana{background:var(--appearance-accent-primary-soft);box-shadow:inset 0 -2px 0 var(--appearance-accent-primary)}:root .practice-experience-shell .practice-panel .prompt-display.dual-script-prompt .prompt-display-text{color:var(--appearance-prompt-text)}:root .practice-experience-shell .practice-panel .prompt-display.dual-script-prompt .completed-kana,:root .practice-experience-shell .practice-panel .prompt-display.tokenized-prompt:not(.inline-guide-prompt) .completed-kana{color:var(--appearance-prompt-completed)}:root .practice-experience-shell .practice-panel .prompt-display.dual-script-prompt .active-kana,:root .practice-experience-shell .practice-panel .prompt-display.active-token-highlight .active-kana,:root .practice-experience-shell .practice-panel .prompt-display.tokenized-prompt:not(.inline-guide-prompt) .active-kana{background:var(--appearance-accent-primary-soft);box-shadow:inset 0 -2px 0 var(--appearance-accent-primary);color:var(--appearance-prompt-text)}:root .practice-experience-shell .practice-panel .prompt-display .active-kana.mistake-kana{color:var(--appearance-prompt-mistake)}:root .practice-experience-shell .romaji-guide{color:var(--appearance-prompt-guide)}:root .practice-experience-shell .romaji-guide-token.completed{color:var(--appearance-prompt-guide-completed)}:root .practice-experience-shell .romaji-guide-key.next{color:var(--appearance-accent-metal-bright)}:root .practice-experience-shell .practice-keyboard-guide,:root .practice-experience-shell .practice-focus-panel,:root .practice-experience-shell .practice-weakness-panel,:root .practice-experience-shell .practice-result-strip,:root .practice-experience-shell .start-check-progress-panel{background-color:var(--appearance-panel-surface);color:var(--appearance-text)}:root .practice-experience-shell .practice-result-strip{background:var(--appearance-panel-surface)!important}:root .practice-experience-shell .practice-result-heading h2,:root .practice-experience-shell .practice-result-guidance span,:root .practice-experience-shell .practice-result-strip .stat-item strong{color:var(--appearance-text)}:root .practice-experience-shell .practice-result-guidance p,:root .practice-experience-shell .practice-result-strip .stat-item span{color:var(--appearance-text-muted)}:root .practice-experience-shell .practice-keyboard-guide-heading span{color:var(--appearance-text-muted)}:root .practice-experience-shell .practice-keyboard-guide-heading strong{color:var(--appearance-text-soft)}:root .practice-experience-shell .staged-practice-panel{border-color:var(--appearance-unlock-panel-border);background:var(--appearance-panel-surface)}:root .practice-experience-shell .staged-practice-panel p{color:var(--appearance-text-muted)}:root .practice-experience-shell .staged-practice-panel>div>span{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-accent-primary)}:root .practice-experience-shell .staged-practice-panel strong{color:var(--appearance-text)}:root .practice-experience-shell .floating-workspace-panel-controls .floating-workspace-panel-grip,:root .practice-experience-shell .floating-workspace-panel-controls .floating-workspace-panel-visibility{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-panel-control-text)}:root .practice-experience-shell .floating-workspace-panel-controls .floating-workspace-panel-grip:hover,:root .practice-experience-shell .floating-workspace-panel-controls .floating-workspace-panel-visibility:hover{border-color:var(--appearance-accent-primary);background:var(--appearance-panel-control-hover-bg);color:var(--appearance-panel-control-hover-text)}:root .practice-experience-shell .start-check-progress-panel{background:linear-gradient(110deg,var(--appearance-accent-primary-soft),transparent 55%),var(--appearance-panel-surface)}:root .practice-experience-shell .start-check-progress-copy>span{color:var(--appearance-accent-primary)}:root .practice-experience-shell .start-check-progress-copy>strong,:root .practice-experience-shell .start-check-progress-value>strong{color:var(--appearance-text)}:root .practice-experience-shell .start-check-progress-copy>p,:root .practice-experience-shell .start-check-progress-value,:root .practice-experience-shell .start-check-progress-value>span{color:var(--appearance-text-muted)}:root .practice-experience-shell .start-check-progress-track,:root .practice-experience-shell .staged-mastery-track{background:var(--appearance-progress-track)}:root .practice-experience-shell .start-check-progress-track>span,:root .practice-experience-shell .staged-mastery-track>span{background:var(--appearance-accent-primary)}:root .practice-experience-shell .practice-focus-group strong{border-color:var(--appearance-focus-border);background:var(--appearance-focus-bg);color:var(--appearance-focus-text)}:root .practice-experience-shell .staged-practice-panel--play{border-color:var(--appearance-unlock-panel-border);background:var(--appearance-unlock-panel-background)}:root .practice-experience-shell .training-unlock-track span{border-color:var(--appearance-unlock-cell-border);background:var(--appearance-unlock-cell-bg);color:var(--appearance-unlock-cell-text)}:root .practice-experience-shell .training-unlock-track span.is-unlocked{border-color:var(--appearance-unlock-cell-unlocked-border);background:var(--appearance-unlock-cell-unlocked-bg);color:var(--appearance-unlock-cell-unlocked-text)}:root .practice-experience-shell .training-unlock-track span.is-current{border-color:var(--appearance-unlock-cell-current-border);background:var(--appearance-unlock-cell-current-bg);color:var(--appearance-unlock-cell-current-text);box-shadow:var(--appearance-unlock-cell-current-shadow)}:root .practice-experience-shell .training-unlock-track span.is-locked:after{border-top-color:var(--appearance-unlock-cell-locked-mark)}:root .practice-experience-shell .practice-weakness-periods button{border-color:var(--site-border);background:var(--appearance-weakness-control-bg);color:var(--appearance-text-muted)}:root .practice-experience-shell .practice-weakness-periods button.selected{border-color:var(--appearance-weakness-selected-border);background:var(--appearance-weakness-selected-bg);color:var(--appearance-focus-text)}:root .practice-experience-shell .practice-weakness-tracked{border-color:var(--appearance-weakness-tracked-border);background:var(--appearance-weakness-tracked-bg)}:root .practice-experience-shell .practice-weakness-tracked__heading h3,:root .practice-experience-shell .practice-weakness-ranking-heading h3{color:var(--appearance-text-soft)}:root .practice-experience-shell .practice-weakness-tracked-card{border-left-color:var(--appearance-accent-primary);background:var(--appearance-weakness-card-bg)}:root .practice-experience-shell .practice-weakness-tracked-card.is-current{border-left-color:var(--appearance-accent-metal);background:var(--appearance-weakness-card-current-bg)}:root .practice-experience-shell .practice-weakness-tracked-card__heading>span,:root .practice-experience-shell .practice-weakness-tracked-card__heading em{color:var(--appearance-accent-primary)}:root[data-site-theme=light] .practice-experience-shell .practice-weakness-tracked-card__heading>span,:root[data-site-theme=light] .practice-experience-shell .practice-weakness-tracked-card__heading em{color:var(--appearance-accent-primary-strong)}:root[data-site-theme=light] .practice-experience-shell .practice-weakness-tracked-card__heading>strong{color:var(--appearance-text)}:root[data-site-theme=light] .practice-experience-shell .practice-weakness-tracked-card__heading small:not(.is-checking):not(.is-no-data){border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft)}:root .practice-experience-shell .practice-settings-overlay{background:color-mix(in srgb,var(--appearance-page-bg) 42%,rgb(18 28 27 / 58%))}:root .practice-experience-shell .practice-settings-window{border-color:var(--appearance-panel-border-color);border-radius:var(--appearance-shell-radius);background:var(--appearance-shell-surface);box-shadow:var(--appearance-shell-shadow),0 24px 72px #111c193d;color:var(--appearance-text)}:root .practice-experience-shell .practice-settings-window .overlay-header{margin-bottom:0;padding-bottom:16px;border-bottom:1px solid var(--site-border)}:root .practice-experience-shell .practice-settings-window h2,:root .practice-experience-shell .practice-settings-window h3{color:var(--appearance-text)}:root .practice-experience-shell .practice-settings-window button{border-color:var(--appearance-panel-control-border);background:var(--appearance-control-surface);color:var(--appearance-control-text)}:root .practice-experience-shell .practice-settings-window button:hover{border-color:var(--appearance-control-border-hover);background:var(--appearance-panel-control-hover-bg);color:var(--appearance-panel-control-hover-text)}:root .practice-experience-shell .practice-settings-window button.selected,:root .practice-experience-shell .practice-settings-window button.active{border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft);color:var(--appearance-focus-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--appearance-accent-primary) 18%,transparent)}:root .practice-experience-shell .practice-settings-window input[type=range]{accent-color:var(--appearance-accent-primary-strong)}:root .practice-experience-shell .practice-settings-window input[type=checkbox]{accent-color:var(--appearance-accent-primary-strong)}:root[data-site-theme=light] .practice-experience-shell .practice-settings-overlay{background:#23312d47}:root[data-site-theme=light] .practice-experience-shell .practice-settings-window{box-shadow:0 28px 74px #2b3c3638}:root .score-attack-experience-shell{--site-bg: var(--appearance-page-bg);--site-bg-raised: var(--appearance-surface);--site-surface: var(--appearance-surface);--site-surface-strong: var(--appearance-surface-raised);--site-border: color-mix(in srgb, var(--appearance-text-muted) 16%, transparent);--site-border-strong: color-mix(in srgb, var(--appearance-text-muted) 28%, transparent);--site-text: var(--appearance-text);--site-text-muted: var(--appearance-text-muted);--site-practice: var(--appearance-accent-primary);--site-practice-strong: var(--appearance-accent-primary-strong);--site-score: var(--appearance-accent-primary);--site-score-strong: var(--appearance-accent-primary-strong);--site-badge: var(--appearance-accent-metal);--site-focus: var(--appearance-text-soft);background:var(--appearance-page-backdrop),var(--appearance-page-bg);color:var(--appearance-text)}:root .score-attack-experience-shell .score-attack-panel{border-color:var(--site-border);border-radius:var(--appearance-shell-radius);background:var(--appearance-shell-surface);box-shadow:var(--appearance-shell-shadow)}:root[data-site-theme=light] .score-attack-experience-shell .floating-panel-workspace.is-vertical-layout{background:transparent}:root .score-attack-experience-shell .panel-header{margin-bottom:22px;padding-bottom:20px;border-bottom-color:var(--site-border)}:root .score-attack-experience-shell .score-attack-panel .eyebrow{color:var(--appearance-accent-metal-bright);letter-spacing:.08em}:root .score-attack-experience-shell .score-attack-panel h1{color:var(--appearance-text);font-size:27px;font-weight:720;letter-spacing:.01em}:root .score-attack-experience-shell button{border-color:var(--site-border-strong);border-radius:7px;background:var(--appearance-control-surface);color:var(--appearance-control-text)}:root .score-attack-experience-shell button:hover{border-color:var(--appearance-control-border-hover);background:var(--appearance-surface-raised)}:root .score-attack-experience-shell .practice-exit-button{border-color:var(--appearance-danger-border)!important;background:var(--appearance-danger-bg)!important;color:var(--appearance-danger-text)!important}:root .score-attack-experience-shell .score-attack-intro{border-left-color:var(--appearance-accent-metal)}:root .score-attack-experience-shell .score-attack-intro p,:root .score-attack-experience-shell .score-rule-detail p,:root .score-attack-experience-shell .score-result-note{color:var(--appearance-text-muted)}:root .score-attack-experience-shell .score-attack-principles span,:root .score-attack-experience-shell .score-rule-card span+span,:root .score-attack-experience-shell .score-ready-conditions span{border-color:color-mix(in srgb,var(--appearance-accent-primary) 34%,transparent);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft)}:root .score-attack-experience-shell .score-rule-card,:root .score-attack-experience-shell .score-rule-detail,:root .score-attack-experience-shell .result-panel{position:relative}:root .score-attack-experience-shell .score-rule-card{border-color:var(--appearance-panel-border-color);background:linear-gradient(145deg,var(--appearance-accent-primary-soft),transparent 54%),var(--appearance-panel-surface)}:root .score-attack-experience-shell .score-rule-card:hover{border-color:var(--appearance-panel-border-hover);background:linear-gradient(145deg,color-mix(in srgb,var(--appearance-accent-primary) 17%,transparent),transparent 60%),var(--appearance-panel-surface)}:root .score-attack-experience-shell .score-rule-card.selected{border-color:var(--appearance-accent-primary);background:linear-gradient(145deg,color-mix(in srgb,var(--appearance-accent-primary) 22%,transparent),transparent 64%),var(--appearance-panel-surface);box-shadow:inset 0 3px 0 var(--appearance-accent-primary),0 0 0 1px var(--appearance-accent-primary-soft)}:root .score-attack-experience-shell .score-rule-card strong,:root .score-attack-experience-shell .score-rule-detail h2,:root .score-attack-experience-shell .score-attack-meter-header strong,:root .score-attack-experience-shell .score-live-summary strong,:root .score-attack-experience-shell .score-result-comparison strong{color:var(--appearance-text)}:root .score-attack-experience-shell .score-rule-card span,:root .score-attack-experience-shell .score-rule-card small,:root .score-attack-experience-shell .score-rule-points li,:root .score-attack-experience-shell .score-attack-meter-header span,:root .score-attack-experience-shell .score-live-summary span,:root .score-attack-experience-shell .score-live-summary small,:root .score-attack-experience-shell .score-result-score>span,:root .score-attack-experience-shell .score-result-score>small,:root .score-attack-experience-shell .score-result-comparison,:root .score-attack-experience-shell .muted{color:var(--appearance-text-muted)}:root .score-attack-experience-shell .score-rule-card em,:root .score-attack-experience-shell .score-rule-points li:before{color:var(--appearance-accent-primary-strong)}:root .score-attack-experience-shell .score-rule-detail{border-color:var(--appearance-panel-border-color);background:var(--appearance-panel-surface)}:root .score-attack-experience-shell .score-record-summary .stat-item,:root .score-attack-experience-shell .score-result-metrics .stat-item,:root .score-attack-experience-shell .score-result-details .stat-item{border-color:color-mix(in srgb,var(--appearance-text-muted) 18%,transparent);background:color-mix(in srgb,var(--appearance-surface-raised) 48%,var(--appearance-panel-surface))}:root .score-attack-experience-shell .stat-item span{color:var(--appearance-text-muted)}:root .score-attack-experience-shell .stat-item strong{color:var(--appearance-text)}:root .score-attack-experience-shell .button-row button,:root .score-attack-experience-shell .score-ready-panel>button,:root .score-attack-experience-shell .score-result-actions button:first-child{border-color:var(--appearance-primary-button-border);background:var(--appearance-primary-button-bg);color:var(--appearance-primary-button-text);font-weight:720}:root .score-attack-experience-shell .button-row button:hover,:root .score-attack-experience-shell .score-ready-panel>button:hover,:root .score-attack-experience-shell .score-result-actions button:first-child:hover{border-color:var(--appearance-primary-button-border);background:var(--appearance-primary-button-hover)}:root .score-attack-experience-shell .floating-workspace-panel-controls .floating-workspace-panel-grip,:root .score-attack-experience-shell .floating-workspace-panel-controls .floating-workspace-panel-visibility,:root .score-attack-experience-shell .floating-workspace-reset,:root .score-attack-experience-shell .floating-workspace-panel-menu-button{border-color:var(--appearance-panel-control-border);background:var(--appearance-panel-control-surface);color:var(--appearance-panel-control-text)}:root .score-attack-experience-shell .floating-workspace-panel-controls .floating-workspace-panel-grip:hover,:root .score-attack-experience-shell .floating-workspace-panel-controls .floating-workspace-panel-visibility:hover,:root .score-attack-experience-shell .floating-workspace-reset:hover,:root .score-attack-experience-shell .floating-workspace-panel-menu-button:hover{border-color:var(--appearance-accent-primary);background:var(--appearance-panel-control-hover-bg);color:var(--appearance-panel-control-hover-text)}:root .score-attack-experience-shell .floating-workspace-panel-menu{border-color:var(--appearance-panel-border-color);background:var(--appearance-panel-surface);color:var(--appearance-text)}:root .score-attack-experience-shell .score-prompt-area{border-color:var(--appearance-panel-border-color);background:var(--appearance-prompt-background)}:root .score-attack-experience-shell .score-prompt-area .prompt-display.dual-script-prompt .kana-text{color:var(--appearance-prompt-text)}:root .score-attack-experience-shell .prompt-display-text,:root .score-attack-experience-shell .active-kana,:root .score-attack-experience-shell .score-prompt-preview-copy strong{color:var(--appearance-prompt-text)}:root .score-attack-experience-shell .score-prompt-area .prompt-display.dual-script-prompt .prompt-display-text{color:var(--appearance-prompt-text)}:root .score-attack-experience-shell .prompt-display .completed-kana{color:var(--appearance-prompt-completed)}:root .score-attack-experience-shell .score-prompt-area .prompt-display.dual-script-prompt .completed-kana{color:var(--appearance-prompt-completed)}:root .score-attack-experience-shell .prompt-display .active-kana{background:var(--appearance-accent-primary-soft);box-shadow:inset 0 -2px 0 var(--appearance-accent-primary)}:root .score-attack-experience-shell .score-prompt-area .prompt-display.dual-script-prompt .active-kana{background:var(--appearance-accent-primary-soft);box-shadow:inset 0 -2px 0 var(--appearance-accent-primary);color:var(--appearance-prompt-text)}:root .score-attack-experience-shell .score-prompt-area .prompt-display .active-kana.mistake-kana{color:var(--appearance-prompt-mistake)}:root .score-attack-experience-shell .romaji-guide{color:var(--appearance-prompt-guide)}:root .score-attack-experience-shell .romaji-guide-token.completed{color:var(--appearance-prompt-guide-completed)}:root .score-attack-experience-shell .romaji-guide-key.next,:root .score-attack-experience-shell .score-prompt-preview-copy span{color:var(--appearance-accent-metal-bright)}:root .score-attack-experience-shell .score-prompt-preview-copy small{color:var(--appearance-text-muted)}:root .score-attack-experience-shell .score-attack-meter,:root .score-attack-experience-shell .score-live-summary{color:var(--appearance-text)}:root .score-attack-experience-shell .score-history-panel,:root .score-attack-experience-shell .score-attack-meter{border-color:var(--appearance-panel-border-color);background:var(--appearance-panel-surface)}:root .score-attack-experience-shell .score-attack-meter-track{background:var(--appearance-progress-track)}:root .score-attack-experience-shell .score-attack-meter-track>div{background:var(--appearance-accent-primary)}:root .score-attack-experience-shell .score-live-summary>div{border-color:color-mix(in srgb,var(--appearance-text-muted) 18%,transparent);background:color-mix(in srgb,var(--appearance-surface-raised) 46%,var(--appearance-panel-surface))}:root .score-attack-experience-shell .score-workspace-stage .score-live-summary>div{border:0;border-right:1px solid color-mix(in srgb,var(--appearance-text-muted) 18%,transparent);background:transparent}:root .score-attack-experience-shell .score-workspace-stage .score-live-summary>div:last-child{border-right:0}:root .score-attack-experience-shell .typing-workspace-panel--score-summary .capture-line{display:none}:root .score-attack-experience-shell .score-workspace-stage .score-live-summary>div:first-child strong{color:var(--appearance-accent-primary-strong)}:root .score-attack-experience-shell .score-ready-panel,:root .score-attack-experience-shell .score-countdown{border-color:var(--appearance-panel-border-color);background:var(--appearance-shell-surface);box-shadow:var(--appearance-shell-shadow)}:root .score-attack-experience-shell .score-ready-panel h2{color:var(--appearance-text)}:root .score-attack-experience-shell .score-ready-panel p,:root .score-attack-experience-shell .score-ready-panel small,:root .score-attack-experience-shell .score-countdown p{color:var(--appearance-text-muted)}:root .score-attack-experience-shell .score-countdown span{color:var(--appearance-accent-primary-strong)}:root .score-attack-experience-shell .score-attack-panel--result .result-panel{border-color:var(--appearance-panel-border-color);background:linear-gradient(145deg,var(--appearance-accent-metal-soft),transparent 48%),var(--appearance-panel-surface)}:root .score-attack-experience-shell .score-result-score{border-bottom-color:color-mix(in srgb,var(--appearance-accent-metal) 36%,transparent)}:root .score-attack-experience-shell .score-result-score>strong{color:var(--appearance-accent-primary-strong)}:root .score-attack-experience-shell .score-result-details{border-top-color:var(--site-border)}:root .score-attack-experience-shell .score-result-details summary{color:var(--appearance-text-muted)}:root .score-attack-experience-shell .score-result-details[open] summary{color:var(--appearance-text)}:root .score-attack-experience-shell .practice-settings-overlay .practice-settings-window{position:relative;border-color:var(--appearance-panel-border-color);background:var(--appearance-shell-surface);box-shadow:var(--appearance-shell-shadow);color:var(--appearance-text)}:root .score-attack-experience-shell .practice-settings-overlay .overlay-header{border-bottom-color:var(--site-border)}:root .score-attack-experience-shell .practice-settings-group>span{color:var(--appearance-text-muted)}:root .score-attack-experience-shell .practice-settings-sound-grid button.selected,:root .score-attack-experience-shell .segmented-control button.selected,:root .score-attack-experience-shell .segmented-control button.active{border-color:var(--appearance-accent-primary);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft)}.site-shell--contents-moonlight{--site-bg: var(--appearance-page-bg);--site-bg-raised: var(--appearance-surface);--site-surface: var(--appearance-panel-surface);--site-surface-strong: var(--appearance-surface-raised);--site-border: color-mix(in srgb, var(--appearance-text-muted) 16%, transparent);--site-border-strong: color-mix(in srgb, var(--appearance-text-muted) 28%, transparent);--site-text: var(--appearance-text);--site-text-muted: var(--appearance-text-muted);--site-practice: var(--appearance-accent-primary);--site-practice-strong: var(--appearance-accent-primary-strong);--site-badge: var(--appearance-accent-metal);--site-focus: var(--appearance-text-soft);overflow:clip;background:var(--appearance-page-backdrop),var(--appearance-page-bg);color:var(--appearance-text);font-family:Inter,Segoe UI,system-ui,sans-serif}.site-shell--contents-moonlight .site-header{border-bottom-color:var(--site-border)}.site-shell--contents-moonlight .site-brand,.site-shell--contents-moonlight .site-brand strong{color:var(--appearance-text)}.site-shell--contents-moonlight .site-brand small,.site-shell--contents-moonlight .site-nav a{color:var(--appearance-text-muted)}.site-shell--contents-moonlight .site-nav a:hover,.site-shell--contents-moonlight .site-nav a.is-active{border-bottom-color:var(--appearance-accent-primary);color:var(--appearance-text)}.site-shell--contents-moonlight .site-header-cta{border-color:color-mix(in srgb,var(--appearance-accent-metal) 38%,transparent);background:var(--appearance-accent-metal-soft);box-shadow:none;color:var(--appearance-accent-metal-bright)}.site-shell--contents-moonlight .site-header-cta:hover{border-color:color-mix(in srgb,var(--appearance-accent-metal) 56%,transparent);background:color-mix(in srgb,var(--appearance-accent-metal) 17%,transparent);color:var(--appearance-accent-metal-bright)}.site-shell--contents-moonlight .site-eyebrow{margin-bottom:11px;color:var(--appearance-accent-metal-bright);font-size:11px;font-weight:750;letter-spacing:.14em}.site-shell--contents-moonlight .contents-page{width:min(var(--site-content),calc(100% - 48px));padding:52px 4px 38px}.site-shell--contents-moonlight .contents-header{min-height:142px;gap:56px;padding-bottom:34px;border-bottom-color:var(--site-border)}.site-shell--contents-moonlight .contents-header h1{color:var(--appearance-text);font-size:clamp(38px,4vw,50px);font-weight:760;line-height:1.24;letter-spacing:-.04em;text-wrap:balance}.site-shell--contents-moonlight .contents-header>div:first-child>p:not(.site-eyebrow){max-width:660px;margin:14px 0 0;color:var(--appearance-text-muted);font-size:14px;line-height:1.8}.site-shell--contents-moonlight .contents-header-links{width:min(390px,100%);gap:9px}.site-shell--contents-moonlight .contents-header-links>button,.site-shell--contents-moonlight .contents-audio-preset button{border-color:var(--site-border-strong);border-radius:8px;background:var(--appearance-control-surface);color:var(--appearance-control-text)}.site-shell--contents-moonlight .contents-header-links>button:hover,.site-shell--contents-moonlight .contents-audio-preset button:hover{border-color:var(--appearance-control-border-hover);background:var(--appearance-surface-raised)}.site-shell--contents-moonlight .contents-audio-preset{gap:6px}.site-shell--contents-moonlight .contents-audio-preset button.selected{border-color:color-mix(in srgb,var(--appearance-accent-primary) 54%,transparent);background:var(--appearance-accent-primary-soft);color:var(--appearance-text-soft)}.site-shell--contents-moonlight .contents-time-summary{margin-top:20px;overflow:hidden;border:1px solid var(--site-border);border-radius:10px;background:color-mix(in srgb,var(--appearance-panel-surface) 76%,transparent)}.site-shell--contents-moonlight .contents-time-summary>div{min-height:58px;padding:13px 18px;border-right-color:var(--site-border)}.site-shell--contents-moonlight .contents-time-summary span{color:var(--appearance-text-muted);font-size:10px;font-weight:650;letter-spacing:.04em}.site-shell--contents-moonlight .contents-time-summary strong{color:var(--appearance-text-soft);font-size:17px;font-weight:720}.site-shell--contents-moonlight .contents-recommended{gap:18px;margin-top:28px;padding:21px 25px;border:1px solid color-mix(in srgb,var(--appearance-accent-primary) 28%,var(--site-border));border-left:3px solid var(--appearance-accent-primary);border-radius:10px;background:linear-gradient(110deg,var(--appearance-accent-primary-soft),transparent 54%),var(--appearance-panel-surface)}.site-shell--contents-moonlight .contents-recommended-icon{width:46px;height:46px;border-color:color-mix(in srgb,var(--appearance-accent-primary) 48%,transparent);border-radius:10px;background:var(--appearance-accent-primary-soft);color:var(--appearance-accent-primary-strong)}.site-shell--contents-moonlight .contents-recommended span,.site-shell--contents-moonlight .contents-lane-heading>span,.site-shell--contents-moonlight .contents-other-heading>span{color:var(--appearance-accent-metal-bright);font-size:10px;font-weight:750;letter-spacing:.12em}.site-shell--contents-moonlight .contents-recommended h2{margin-top:6px;color:var(--appearance-text);font-size:22px;font-weight:720;letter-spacing:-.015em}.site-shell--contents-moonlight .contents-recommended p{margin-top:6px;color:var(--appearance-text-muted);font-size:13px;line-height:1.65}.site-shell--contents-moonlight .contents-recommended>button{min-height:46px;border-color:var(--appearance-primary-button-border);border-radius:8px;background:var(--appearance-primary-button-bg);color:var(--appearance-primary-button-text);font-weight:760}.site-shell--contents-moonlight .contents-recommended>button:hover{border-color:var(--appearance-primary-button-border);background:var(--appearance-primary-button-hover)}.site-shell--contents-moonlight .contents-recommended.contents-setup-feature{margin-top:28px;padding:21px 25px;border-color:color-mix(in srgb,var(--appearance-accent-metal) 30%,var(--site-border));border-left-color:var(--appearance-accent-metal);background:linear-gradient(110deg,var(--appearance-accent-metal-soft),transparent 54%),var(--appearance-panel-surface)}.site-shell--contents-moonlight .contents-setup-feature .contents-recommended-icon{width:46px;height:46px;border-color:color-mix(in srgb,var(--appearance-accent-metal) 46%,transparent);background:var(--appearance-accent-metal-soft);color:var(--appearance-accent-metal-bright)}.site-shell--contents-moonlight .contents-recommended.contents-setup-feature h2{color:var(--appearance-text);font-size:22px}.site-shell--contents-moonlight .contents-setup-feature>button{border-color:color-mix(in srgb,var(--appearance-accent-metal) 48%,transparent);background:var(--appearance-accent-metal-soft);color:var(--appearance-accent-metal-bright)}.site-shell--contents-moonlight .contents-setup-feature>button:hover{border-color:color-mix(in srgb,var(--appearance-accent-metal) 64%,transparent);background:color-mix(in srgb,var(--appearance-accent-metal) 18%,transparent)}.site-shell--contents-moonlight .contents-lanes{gap:30px;padding:54px 0 38px}.site-shell--contents-moonlight .contents-lane{padding-top:19px;border-top-width:1px;border-top-color:var(--site-border)}.site-shell--contents-moonlight .contents-lane--practice{border-top-color:color-mix(in srgb,var(--appearance-accent-primary) 66%,var(--site-border))}.site-shell--contents-moonlight .contents-lane--score{border-top-color:color-mix(in srgb,var(--site-score) 64%,var(--site-border))}.site-shell--contents-moonlight .contents-lane--game{border-top-color:color-mix(in srgb,var(--site-game) 54%,var(--site-border))}.site-shell--contents-moonlight .contents-lane-heading h2{margin-top:7px;color:var(--appearance-text);font-size:27px;font-weight:720;line-height:1.35;letter-spacing:-.025em}.site-shell--contents-moonlight .contents-lane-heading p{min-height:64px;margin:10px 0 18px;color:var(--appearance-text-muted);font-size:13px;line-height:1.7}.site-shell--contents-moonlight .contents-card-grid{gap:10px}.site-shell--contents-moonlight .contents-card-grid button{min-height:94px;gap:12px;padding:15px 16px;border-color:var(--appearance-panel-border-color);border-radius:10px;background:var(--appearance-panel-surface);box-shadow:none;color:var(--appearance-text);transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.site-shell--contents-moonlight .contents-card-grid button:hover{border-color:var(--appearance-panel-border-hover);background:var(--appearance-surface-raised);transform:translateY(-1px)}.site-shell--contents-moonlight .contents-card-grid strong{color:var(--appearance-text);font-size:15px;font-weight:700}.site-shell--contents-moonlight .contents-card-grid small{margin-top:4px;color:var(--appearance-text-muted);font-size:12px;line-height:1.55}.site-shell--contents-moonlight .contents-card-grid svg{color:var(--site-score)}.site-shell--contents-moonlight .contents-card-grid--practice button{border-color:color-mix(in srgb,var(--appearance-accent-primary) 28%,var(--site-border));background:linear-gradient(145deg,var(--appearance-accent-primary-soft),transparent 58%),var(--appearance-panel-surface);color:var(--appearance-text)}.site-shell--contents-moonlight .contents-card-grid--practice button:hover{border-color:var(--appearance-accent-primary);background:linear-gradient(145deg,color-mix(in srgb,var(--appearance-accent-primary) 17%,transparent),transparent 62%),var(--appearance-surface-raised)}.site-shell--contents-moonlight .contents-card-grid--practice svg{color:var(--appearance-accent-primary-strong)}.site-shell--contents-moonlight .contents-card-grid--score button{border-color:color-mix(in srgb,var(--site-score) 28%,var(--site-border));background:linear-gradient(145deg,color-mix(in srgb,var(--site-score) 10%,transparent),transparent 58%),var(--appearance-panel-surface)}.site-shell--contents-moonlight .contents-card-grid--score button:hover{border-color:var(--site-score);background:linear-gradient(145deg,color-mix(in srgb,var(--site-score) 16%,transparent),transparent 62%),var(--appearance-surface-raised)}.site-shell--contents-moonlight .contents-info-link{min-height:36px;margin-top:15px;border:0;background:transparent;color:var(--appearance-text-soft);font-size:12px}.site-shell--contents-moonlight .contents-info-link:hover{background:transparent;color:var(--appearance-accent-metal-bright)}.site-shell--contents-moonlight .contents-game-entry{gap:14px;padding:19px;border-color:color-mix(in srgb,var(--site-game) 30%,var(--site-border));border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--site-game) 9%,transparent),transparent 58%),var(--appearance-panel-surface)}.site-shell--contents-moonlight .contents-game-entry>svg,.site-shell--contents-moonlight .contents-game-entry strong{color:color-mix(in srgb,var(--site-game) 74%,var(--appearance-text))}.site-shell--contents-moonlight .contents-game-entry strong{font-size:15px}.site-shell--contents-moonlight .contents-game-entry p{color:var(--appearance-text-muted);font-size:12px;line-height:1.65}.site-shell--contents-moonlight .contents-game-entry button{min-height:42px;border-color:color-mix(in srgb,var(--site-game) 42%,transparent);border-radius:8px;background:color-mix(in srgb,var(--site-game) 12%,transparent);color:color-mix(in srgb,var(--site-game) 64%,var(--appearance-text))}.site-shell--contents-moonlight .contents-game-entry button:hover{border-color:color-mix(in srgb,var(--site-game) 58%,transparent);background:color-mix(in srgb,var(--site-game) 18%,transparent)}.site-shell--contents-moonlight .contents-other{gap:34px;padding:27px 0 31px;border-top-color:var(--site-border)}.site-shell--contents-moonlight .contents-other-heading h2,.site-shell--contents-moonlight .contents-growth-heading h2{color:var(--appearance-text);font-weight:720;letter-spacing:-.02em}.site-shell--contents-moonlight .contents-other-heading h2{margin-top:6px;font-size:20px}.site-shell--contents-moonlight .contents-other-heading p{margin-top:7px;color:var(--appearance-text-muted);font-size:12px;line-height:1.65}.site-shell--contents-moonlight .contents-other-actions{gap:10px}.site-shell--contents-moonlight .contents-other-actions button{min-height:64px;padding:11px 13px;border-color:var(--appearance-panel-border-color);border-radius:9px;background:var(--appearance-panel-surface);color:var(--appearance-text)}.site-shell--contents-moonlight .contents-other-actions button:hover{border-color:var(--appearance-panel-border-hover);background:var(--appearance-surface-raised)}.site-shell--contents-moonlight .contents-other-actions button>svg{color:var(--appearance-accent-metal)}.site-shell--contents-moonlight .contents-other-actions strong{font-size:13px}.site-shell--contents-moonlight .contents-other-actions small{color:var(--appearance-text-muted);font-size:10px}.site-shell--contents-moonlight .contents-growth{margin-top:48px;padding-top:39px;border-top-color:var(--site-border)}.site-shell--contents-moonlight .contents-growth-heading{margin-bottom:22px}.site-shell--contents-moonlight .contents-growth-heading h2{margin-top:8px;font-size:30px}.site-shell--contents-moonlight .contents-growth-heading button{color:var(--appearance-text-soft);font-size:12px}.site-shell--contents-moonlight .contents-growth-heading button:hover{color:var(--appearance-accent-metal-bright)}.site-shell--contents-moonlight .contents-growth-grid{overflow:hidden;border:1px solid var(--site-border);border-radius:10px;background:color-mix(in srgb,var(--appearance-panel-surface) 76%,transparent)}.site-shell--contents-moonlight .contents-growth-metric{min-height:126px;padding:20px;border-right-color:var(--site-border)}.site-shell--contents-moonlight .contents-growth-metric>span,.site-shell--contents-moonlight .contents-growth-metric>small{color:var(--appearance-text-muted)}.site-shell--contents-moonlight .contents-growth-metric>strong{color:var(--appearance-text);font-size:23px;font-weight:720}.site-shell--contents-moonlight .contents-growth-metric--neutral>svg{color:var(--appearance-text-soft)}.site-shell--contents-moonlight .site-footer{border-top-color:var(--site-border)}.site-shell--contents-moonlight .site-footer-brand,.site-shell--contents-moonlight .site-footer-links>div>strong{color:var(--appearance-text)}.site-shell--contents-moonlight .site-footer a,.site-shell--contents-moonlight .site-footer p{color:var(--appearance-text-muted)}.site-shell--contents-moonlight .site-footer a:hover{color:var(--appearance-accent-metal-bright)}@media(max-width:1100px){.site-shell--contents-moonlight .contents-page{width:min(920px,calc(100% - 40px))}.site-shell--contents-moonlight .contents-header{align-items:flex-start}.site-shell--contents-moonlight .contents-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.site-shell--contents-moonlight .contents-lane--game{grid-column:1 / -1}.site-shell--contents-moonlight .contents-game-entry{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}}@media(max-width:760px){.site-shell--contents-moonlight .contents-page{width:min(100% - 28px,680px);padding-top:36px}.site-shell--contents-moonlight .contents-header{min-height:0;display:grid;gap:24px}.site-shell--contents-moonlight .contents-header-links{width:100%}.site-shell--contents-moonlight .contents-header h1{font-size:clamp(34px,10vw,43px)}.site-shell--contents-moonlight .contents-recommended{grid-template-columns:auto minmax(0,1fr)}.site-shell--contents-moonlight .contents-recommended>button{grid-column:1 / -1;justify-content:center}.site-shell--contents-moonlight .contents-lanes{grid-template-columns:1fr;gap:38px;padding-top:44px}.site-shell--contents-moonlight .contents-lane--game{grid-column:auto}.site-shell--contents-moonlight .contents-lane-heading p{min-height:0}.site-shell--contents-moonlight .contents-game-entry{grid-template-columns:1fr}.site-shell--contents-moonlight .contents-growth-metric{min-height:112px}}@media(max-width:480px){.site-shell--contents-moonlight .contents-page{width:calc(100% - 22px)}.site-shell--contents-moonlight .contents-card-grid{grid-template-columns:1fr}.site-shell--contents-moonlight .contents-time-summary,.site-shell--contents-moonlight .contents-growth-grid{border-radius:8px}}.mobile-reading-notice{width:min(1200px,calc(100% - 32px));margin:14px auto 0;border:1px solid var(--site-border);border-radius:8px;padding:10px 14px;background:color-mix(in srgb,var(--site-badge) 7%,var(--site-surface));color:var(--site-text-muted);font-size:12px;line-height:1.65;text-align:center}.mobile-reading-notice strong{color:var(--site-text)}.mobile-app-unavailable{width:min(680px,calc(100% - 32px));margin:clamp(56px,12vh,112px) auto;border:1px solid var(--site-border);border-radius:12px;padding:clamp(28px,7vw,52px);background:var(--site-surface);color:var(--site-text);box-shadow:0 20px 54px #0000001f;text-align:center}.mobile-app-unavailable>svg{color:var(--site-badge)}.mobile-app-unavailable h1{margin:10px 0 16px;font-size:clamp(1.55rem,7vw,2rem)}.mobile-app-unavailable>p:not(.site-eyebrow){margin:0 auto;max-width:540px;color:var(--site-text-muted);line-height:1.9}.mobile-app-unavailable nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:28px}.mobile-app-unavailable button{display:inline-flex;align-items:center;gap:8px}.mobile-app-unavailable small{display:block;margin-top:24px;color:var(--site-text-muted);line-height:1.65}@media(max-width:767px)and (pointer:coarse){:root[data-mobile-reading-mode=true] :is(.site-header-cta,.home-redesign-hero-actions,.home-redesign-primary-note,.home-redesign-final-cta,.home-hero-actions,.home-hero-action-note,.home-closing-cta,.contents-header-links,.contents-time-summary,.contents-recommended,.contents-card-grid,.contents-game-entry button,.contents-other,.contents-growth,.guide-hub-practice-cta button,.romaji-reference-cta button){display:none!important}}