.kana-panel{display:none;position:fixed;inset:0;z-index:10040;background:#f5f5f7;overflow:auto;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.kana-panel.open{display:block}.kana-shell{max-width:900px;margin:auto}.kana-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.kana-header h1{font-size:25px;margin:0 0 4px}.kana-header p{color:#6e6e73;font-size:14px}.kana-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.kana-stat,.kana-card,.kana-study-box,.kana-exercise{background:#fff;border:1px solid #d1d1d6;border-radius:16px}.kana-stat{padding:14px;text-align:center}.kana-stat strong{display:block;font-size:22px}.kana-stat span{font-size:12px;color:#6e6e73}.kana-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.kana-tabs button.active{background:#1a1a2e;color:#fff}.kana-view[hidden]{display:none!important}.kana-study-box{padding:16px}.kana-study-top{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:12px}.kana-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.kana-card{padding:10px 5px;text-align:center;cursor:pointer;touch-action:manipulation}.kana-card:active{transform:scale(.97)}.kana-char{font-size:30px;font-weight:650;line-height:1.2}.kana-romaji{font-size:12px;color:#6e6e73;margin-top:3px}.kana-card.learned{box-shadow:inset 0 0 0 2px #34a853}.kana-card.today{background:#fff7d6}.kana-daily-intro{background:#fff;border:1px solid #d1d1d6;border-radius:16px;padding:18px;margin-bottom:12px}.kana-daily-chars{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.kana-daily-chip{padding:8px 11px;border-radius:12px;background:#f2f2f7;font-size:23px}.kana-exercise{padding:20px;text-align:center}.kana-question-label{font-size:13px;color:#6e6e73}.kana-question{font-size:54px;font-weight:700;margin:18px 0}.kana-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kana-option{min-height:54px}.kana-option.correct{background:#dff6e5;border-color:#34a853}.kana-option.wrong{background:#fde2e2;border-color:#d93025}.kana-feedback{min-height:28px;margin-top:12px;font-weight:700}.kana-progressbar{height:8px;border-radius:8px;background:#e5e5ea;overflow:hidden;margin:12px 0}.kana-progressbar>div{height:100%;background:#1a1a2e}.kana-result{padding:22px;text-align:center;background:#fff;border:1px solid #d1d1d6;border-radius:16px}.kana-result-score{font-size:42px;font-weight:750;margin:12px}.kana-mode-row{display:flex;gap:8px;flex-wrap:wrap}.kana-note{font-size:13px;color:#6e6e73;line-height:1.45;margin-top:10px}
@media(max-width:650px){.kana-grid{grid-template-columns:repeat(5,1fr)}.kana-dashboard{grid-template-columns:repeat(3,1fr)}.kana-char{font-size:27px}.kana-header h1{font-size:21px}}@media(max-width:390px){.kana-grid{grid-template-columns:repeat(4,1fr)}.kana-stat{padding:10px 5px}.kana-stat strong{font-size:19px}.kana-options{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){.kana-panel{background:#111114;color:#f5f5f7}.kana-stat,.kana-card,.kana-study-box,.kana-exercise,.kana-daily-intro,.kana-result{background:#1c1c1e;border-color:#3a3a3c}.kana-header p,.kana-stat span,.kana-romaji,.kana-question-label,.kana-note{color:#aeaeb2}.kana-daily-chip{background:#2c2c2e}.kana-card.today{background:#493f18}.kana-progressbar{background:#3a3a3c}.kana-progressbar>div{background:#f5f5f7}}