.hero{grid-template-columns:1fr minmax(210px,280px);align-items:center;gap:14px;min-height:82px;padding:14px 16px;display:grid;overflow:hidden}.hero h1{letter-spacing:-.02em;max-width:620px;margin:0;font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:600;line-height:1.05}.lede{max-width:660px;color:var(--muted);margin:8px 0 0;font-size:.9rem;line-height:1.45}.goal-card{background:linear-gradient(135deg,#c84b3124,#2f728524);border-radius:14px;gap:7px;min-height:76px;padding:11px 12px;transition:background-color .18s,box-shadow .18s,transform .18s;display:grid}.goal-line{color:var(--muted);grid-template-columns:62px 1fr 74px;align-items:center;gap:8px;font-family:Avenir Next,Gill Sans,Helvetica Neue,sans-serif;font-size:.72rem;font-weight:700;display:grid}.goal-line b{color:var(--ink);text-align:right;font-size:.7rem}.goal-meter{background:#1e1a141f;border-radius:999px;height:6px;overflow:hidden}.goal-meter i{border-radius:inherit;background:linear-gradient(90deg, var(--vermilion), var(--sea));height:100%;transition:width .24s;display:block}@media (width<=760px){.hero{grid-template-columns:1fr;padding:14px}}.history-panel{margin-top:12px;padding:14px}.empty{color:var(--muted);margin:0;font-size:.86rem;line-height:1.4}.history-list{gap:7px;margin-top:10px;display:grid}.history-item{background:#ffffff52;border-radius:12px;grid-template-columns:40px 80px 58px 1fr;align-items:center;gap:10px;padding:9px 11px;font-size:.86rem;display:grid}.history-item strong{font-weight:500}.history-item small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=760px){.history-panel{padding:16px}.history-item{grid-template-columns:42px 1fr 58px}.history-item small{grid-column:1/-1}}.progress-panel{margin-top:12px;padding:14px;position:relative}.kana-rows{grid-template-columns:repeat(auto-fit,minmax(278px,1fr));gap:7px 12px;margin-top:12px;display:grid}.kana-row{grid-template-columns:28px 1fr;align-items:center;gap:7px;min-width:0;display:grid}.kana-script-divider{background:linear-gradient(90deg,#0000,#3c2d1a38,#0000);grid-column:1/-1;width:100%;height:1px;margin:8px 0}.row-label{width:28px;height:28px;color:var(--muted);background:#1e1a140f;border-radius:9px;place-items:center;font-size:.9rem;font-weight:600;display:grid}.row-kana{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.kana-pill{border:1px solid var(--line);cursor:pointer;background:#ffffff6b;border-radius:9px;place-items:center;width:31px;height:31px;font-size:1rem;font-weight:400;display:inline-grid}.kana-pill.current{background:var(--vermilion);color:#fff;border-color:#0000}.kana-pill.passed{color:#365c34;background:#567c5526;border-color:#567c5533}.kana-pill.weak{color:#7b5318;background:#d1902f26;border-color:#d1902f38}.kana-pill.locked{opacity:.34;filter:grayscale(.8)}.kana-pill.selected{transform:translateY(-1px);box-shadow:0 0 0 2px #3c2d1a2e,0 8px 18px #3c2d1a1f}.kana-metrics-popup{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf4f5;border-radius:16px;width:min(390px,100% - 24px);padding:12px;position:absolute;box-shadow:0 18px 50px #3c2d1a33}.kana-metrics-popup.low{color:#3c2d1ab8}.kana-metrics-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.kana-metrics-head strong{border:1px solid var(--line);background:#ffffffbd;border-radius:14px;place-items:center;width:54px;height:54px;font-size:2rem;line-height:1;display:inline-grid}.kana-metrics-head span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:700}.kana-popup-close{width:24px;height:24px;color:var(--muted);background:#1e1a1412;border-radius:999px;position:absolute;top:8px;right:8px}.kana-speed-line{gap:4px;margin-top:10px;font-size:.9rem;display:grid}.kana-speed-line small,.kana-state-sentence,.kana-mistakes,.empty.small{color:var(--muted);font-size:.8rem}.kana-state-sentence{margin:8px 0 0}.kana-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.kana-metric{background:#1e1a140b;border-radius:12px;padding:8px}.kana-metric small,.empty.small{color:var(--muted);font-size:.8rem}.kana-metric small{margin-bottom:3px;display:block}.kana-metric b{font-size:.98rem}.kana-chart{background:linear-gradient(#3c2d1a0a,#3c2d1a14);border-radius:12px;width:100%;height:auto;margin-top:10px;display:block}.kana-chart-axis{stroke:#3c2d1a38;stroke-width:1px}.kana-chart-target{stroke:#3c2d1a57;stroke-width:1px;stroke-dasharray:4 4}.kana-chart-line{fill:none;stroke:var(--vermilion);stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round}.kana-chart-dot{fill:var(--vermilion);stroke:#fffcf4f5;stroke-width:1.5px}.kana-chart-label{fill:var(--muted);font-family:sans-serif;font-size:9px}.kana-mistakes,.empty.small{margin:10px 0 0}@media (width<=760px){.progress-panel{padding:16px}.kana-rows{grid-template-columns:1fr}.kana-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.practice{padding:16px}.pass-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pass-card{background:#ead8bb6b;border-radius:14px;gap:8px;margin-top:12px;padding:11px 12px;transition:background-color .18s,box-shadow .18s,transform .18s;display:grid}.pass-card-head{align-items:center}.pass-card-head .eyebrow{margin:0}.pass-card-head strong{font-size:1.55rem;font-weight:500;line-height:1}.typing-surface{cursor:text;background-color:#fffcf5ad;background-image:linear-gradient(#3c2d1a09 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #3c2d1a24;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 13px;min-height:112px;margin-top:12px;padding:20px 17px;display:flex;position:relative}.surface-word{color:var(--ink);letter-spacing:.015em;align-items:center;font-size:clamp(1.65rem,2.7vw,2.65rem);font-weight:400;line-height:1.18;display:inline-flex}.surface-kana{min-width:.72em;padding:0 1px;display:inline-block;position:relative}.surface-kana.completed{color:#4c453a57}.surface-kana.future,.surface-kana.current{color:var(--ink)}.surface-kana.current:after{content:"";background:var(--sea);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.surface-kana.wrong{color:var(--vermilion)}.surface-kana.wrong:after{background:var(--vermilion)}.composition-bubble{z-index:2;color:var(--sea);white-space:nowrap;background:#fffcf5f5;border:1px solid #2f728538;border-radius:8px;padding:3px 7px;font-family:Avenir Next,Gill Sans,Helvetica Neue,sans-serif;font-size:.72rem;font-weight:700;line-height:1.1;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #4c2f131f}.visual-separator{color:#4c453a52;-webkit-user-select:none;user-select:none;margin-left:.75rem;font-family:sans-serif;font-size:1.5rem}.target-empty{color:var(--muted);font-size:1.05rem}.hidden-ime-input{opacity:0;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.hidden-ime-input.composing{position:fixed;top:-10000px;left:-10000px}.warning,.outcome{border-radius:12px;margin:10px 0 0;padding:9px 11px;font-size:.86rem;font-weight:500}.warning{color:var(--vermilion);background:#c84b311a}.outcome{color:#365c34;background:#567c551a}.meter-row{color:var(--muted);grid-template-columns:86px minmax(80px,1fr) 88px;align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:grid}.meter{background:#1e1a141a;border-radius:999px;height:7px;overflow:hidden}.meter i{border-radius:inherit;background:linear-gradient(90deg, var(--sea), var(--moss));height:100%;transition:width .24s;display:block}.meter-row b{color:var(--ink);text-align:right;font-size:.76rem;font-weight:600}.result-strip{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.result-strip span{background:#efe2cbb8;border-radius:999px;padding:7px 10px;font-size:.82rem}.result-strip strong{font-weight:600}@media (width<=760px){.practice{padding:16px}.typing-surface{min-height:116px;padding:16px 14px}.meter-row{grid-template-columns:86px 1fr}.meter-row b{text-align:left;grid-column:2}}.settings-panel{align-content:start;gap:11px;padding:14px;display:grid}.mode-switch{background:#ead8bbc2;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;display:grid}.mode-switch button{color:var(--muted);background:0 0;border-radius:999px;padding:7px 8px;font-size:.82rem;font-weight:600}.mode-switch .active{color:var(--ink);background:#fff8ebe6;box-shadow:0 4px 12px #4c2f1314}.quick-settings,.advanced-grid{gap:10px;display:grid}label{color:var(--muted);gap:5px;font-size:.78rem;font-weight:600;display:grid}input[type=number],select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffcf5b8;border-radius:11px;padding:8px 10px}select{cursor:pointer}.check{color:var(--ink);grid-template-columns:auto 1fr;align-items:center;font-weight:500}.check input{width:16px;height:16px;accent-color:var(--vermilion)}.advanced-settings{border-top:1px solid var(--line);padding-top:10px}.advanced-settings summary{min-height:34px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;font-weight:600;list-style:none;display:flex}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary span{border:1px solid var(--line);background:#ffffff4d;border-radius:999px;padding:7px 11px}.advanced-grid{margin-top:10px}.danger{color:var(--vermilion);background:#c84b311a;border-radius:999px;margin:0;padding:7px 11px;font-size:.78rem;font-weight:600}@media (width<=940px){.settings-panel{order:2}}@media (width<=760px){.settings-panel{padding:16px}}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 0;display:grid}.stat{padding:12px 14px}.stat span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:600;display:block}.stat strong{text-transform:capitalize;margin-top:5px;font-size:1.28rem;font-weight:600;line-height:1;display:block}@media (width<=760px){.stats-grid{grid-template-columns:1fr 1fr}}.trainer-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:12px;margin-top:10px;display:grid}@media (width<=940px){.trainer-layout{grid-template-columns:1fr}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#211d17;--muted:#746f64;--paper:#f7efdf;--panel:#fffaefc7;--line:#3c2d1a24;--gold:#c98b2c;--vermilion:#b94b34;--moss:#587a55;--sea:#2f7285;--shadow:0 10px 30px #4c2f1314;--radius:16px;background:var(--paper);color:var(--ink);font-family:Avenir Next,Gill Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 16% 8%,#c84b311a,#0000 24rem),radial-gradient(circle at 90% 4%,#2f72851a,#0000 26rem),linear-gradient(135deg,#fbf4e8 0%,#eddcc2 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#3c2d1a09 1px,#0000 1px),linear-gradient(90deg,#3c2d1a09 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}b,strong{font-weight:600}.ghost,.primary{border-radius:999px;font-weight:600}.ghost{border:1px solid var(--line);color:var(--ink);background:#ffffff61;padding:7px 12px}.primary{background:var(--ink);color:#fff8eb;padding:9px 15px}.eyebrow{color:var(--vermilion);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:.68rem;font-weight:650}.kana-display,.kana-font-gothic .kana-display{font-family:Hiragino Sans,Yu Gothic,Meiryo,Noto Sans JP,sans-serif}.kana-font-system .kana-display{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.kana-font-mincho .kana-display{font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif}.shell{width:min(1180px,100% - 28px);margin:0 auto;padding:14px 0 36px;position:relative}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-head.compact{align-items:center}.section-head h2{margin:0;font-size:clamp(1.25rem,2.4vw,1.8rem);font-weight:600;line-height:1.1}@media (width<=760px){.shell{width:min(100% - 20px,680px);padding-top:10px}.section-head{flex-direction:column;align-items:stretch}}