*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{min-height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{padding:0;border:0;background:transparent;color:inherit;appearance:none;-webkit-appearance:none}:root{color:#111;background:#f4f1ea;font-family:Avenir Next,Hiragino Sans,Noto Sans JP,sans-serif;font-synthesis:none}body{min-width:320px;background:radial-gradient(circle at top,rgba(17,17,17,.05),transparent 30%),linear-gradient(180deg,#f8f5ee,#ece8df)}#root{min-height:100vh}button,input{font:inherit}input{border:0;background:transparent;outline:none}.app-shell{min-height:100dvh;display:grid;place-items:center}.mobile-app{width:min(100%,28rem);min-height:100dvh;background:#faf8f3f5;color:#171717;display:flex;flex-direction:column;position:relative;overflow:hidden}.single-screen{background:#fbfaf6}.top-bar,.detail-top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(.95rem + env(safe-area-inset-top)) 1rem .9rem;border-bottom:1px solid rgba(17,17,17,.08);background:#faf8f3eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.top-bar h1,.detail-top-bar h1{font-size:1.1rem;font-weight:650;letter-spacing:-.03em}.detail-top-bar h1{text-align:center;flex:1}.top-bar-spacer,.icon-button{width:2rem;display:grid;place-items:center}.icon-button{height:2rem;border-radius:999px;cursor:pointer}.audio-icon-button{min-width:3rem;height:2.6rem;border-radius:999px;border:1px solid rgba(17,17,17,.18);background:#ffffffd1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .9rem;cursor:pointer}.audio-icon-button-compact{min-width:2.2rem;width:2.2rem;height:2.2rem;padding:0}.streak-pill{min-width:3.75rem;height:2.5rem;border:1.5px solid rgba(17,17,17,.92);border-radius:999px;background:#ffffffbd;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:.95rem;font-weight:650}.page-scroll{flex:1;overflow-y:auto;padding:1.3rem 1rem calc(6rem + env(safe-area-inset-bottom))}.detail-scroll{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.screen-stack{display:grid;gap:1.1rem}.section-kicker{font-size:.68rem;letter-spacing:.22em;color:#1111116b}.kanji-stage{text-align:center}.kanji-grid,.summary-grid-box{background-image:linear-gradient(rgba(70,76,89,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(70,76,89,.15) 1px,transparent 1px);background-size:2rem 2rem;background-position:center}.kanji-grid{margin-top:.5rem;height:16rem;display:grid;place-items:center}.kanji-symbol,.quiz-symbol,.learn-symbol{font-size:6rem;line-height:1;font-weight:600}.kanji-reading,.kanji-meaning{margin-top:.25rem}.audio-inline-row{margin-top:.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem}.kanji-reading{font-size:.98rem}.kanji-meaning{color:#11111180}.audio-fallback-note{margin-top:.35rem;font-size:.72rem;color:#1111117a}.level-card,.dictionary-summary,.result-card,.stats-panel,.form-panel,.quote-card{background:#ffffffb3;border-radius:1.15rem;box-shadow:inset 0 1px #fffc,0 12px 28px #1111110f}.level-card{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.level-card h2{font-size:2rem;letter-spacing:-.05em}.level-card p{margin-top:.45rem;color:#1111118c}.card-subline{font-size:.88rem}.mastery-ring{width:5.35rem;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-weight:700;background:radial-gradient(circle,#fbfaf6 62%,transparent 63%),conic-gradient(#111111 0 var(--progress),rgba(17,17,17,.08) var(--progress) 100%)}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.action-card{min-height:11rem;border:1.5px solid rgba(17,17,17,.9);border-radius:1rem;padding:1.15rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.action-card:disabled{opacity:.52;cursor:not-allowed}.action-card-dark{background:#050505;color:#f7f3eb}.action-card-light{background:#ffffffa8}.action-icon-wrap{width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;font-size:1.25rem}.action-card-light .action-icon-wrap{border:1.5px solid rgba(17,17,17,.24)}.action-title{margin-top:1rem;font-size:1.9rem;font-weight:650;letter-spacing:-.05em}.action-caption{margin-top:.4rem;opacity:.72}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100%,28rem);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:.6rem .25rem calc(.55rem + env(safe-area-inset-bottom));border-top:1px solid rgba(17,17,17,.08);background:#fbfaf6f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-item{color:#11111173;text-decoration:none;display:grid;justify-items:center;gap:.35rem;font-size:.72rem;font-weight:600}.nav-item-active{color:#111}.search-field{height:3rem;border-radius:999px;background:#ffffffbd;padding:0 1rem;display:flex;align-items:center;gap:.75rem;color:#1111116b}.search-field input{width:100%}.level-tabs{display:flex;gap:.9rem;overflow-x:auto;padding-bottom:.35rem}.level-tab{padding:.25rem 0;white-space:nowrap;border-bottom:2px solid transparent;color:#1111116b}.level-tab-active{color:#111;border-bottom-color:#111}.dictionary-summary{padding:1.25rem;display:flex;align-items:center;justify-content:space-between}.summary-value{margin-top:.4rem;font-size:2.4rem;font-weight:700;letter-spacing:-.06em}.summary-value span{font-size:1rem;color:#11111173}.summary-grid-box{width:5rem;aspect-ratio:1;border-radius:.7rem}.dictionary-list{display:grid;gap:.9rem}.empty-panel{background:#ffffffb3;border-radius:1rem;padding:1.25rem;display:grid;gap:.45rem;color:#111111a6}.quiz-empty{min-height:14rem;place-content:center}.dictionary-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.dictionary-card-main{display:grid;grid-template-columns:4.75rem 1fr;gap:.9rem;align-items:center;text-align:left;width:100%}.dictionary-glyph{aspect-ratio:1;border-radius:.75rem;background:#1111110f;display:grid;place-items:center;border:1px solid rgba(17,17,17,.1)}.dictionary-glyph-dark{background:#050505;color:#faf6ee}.dictionary-glyph span{font-size:2.5rem}.dictionary-copy h3{font-size:1.15rem}.dictionary-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dictionary-kana{color:#11111173;margin-top:.2rem}.dictionary-translation{margin-top:.35rem}.status-badge{height:1.55rem;padding:0 .55rem;border-radius:999px;display:inline-flex;align-items:center;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.status-acquired{background:#111;color:#faf6ee}.status-active{border:1px solid rgba(17,17,17,.18)}.status-new{background:#1111110f}.learn-hero,.detail-block{display:grid;gap:.8rem}.learn-reading{font-size:1.3rem;letter-spacing:.12em}.learn-grid,.quiz-grid{height:14.5rem;border-radius:1rem}.learn-symbol{font-size:5.8rem}.inline-actions{display:flex;gap:.6rem}.square-action{width:2.8rem;height:2.8rem;border:1px solid rgba(17,17,17,.24);display:grid;place-items:center}.example-card,.component-card{background:#ffffffb3;border-left:3px solid #111111;padding:1rem}.example-translation,.component-copy{margin-top:.35rem;color:#1111118c}.component-list{display:grid;gap:.7rem}.component-kanji{font-size:2rem}.mastery-row{display:flex;align-items:center;justify-content:space-between}.detail-footer,.quiz-footer{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100%,28rem);padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));background:#fbfaf6f5;display:grid;gap:.65rem;border-top:1px solid rgba(17,17,17,.08)}.detail-footer{grid-template-columns:1fr 1fr}.quiz-footer{justify-items:center}.primary-cta,.secondary-cta,.ghost-pill,.assessment-grid button,.mcq-option{min-height:3.25rem;padding:.9rem 1rem;border-radius:.8rem;cursor:pointer;letter-spacing:.06em;text-transform:uppercase}.primary-cta{background:#111;color:#faf6ee}.secondary-cta,.mcq-option,.assessment-grid button{border:1px solid rgba(17,17,17,.18);background:#ffffffc7}.ghost-pill{width:5.25rem;min-height:2.6rem;border-radius:999px;border:1px solid rgba(17,17,17,.18);background:#fffc}.quiz-top{padding:calc(1rem + env(safe-area-inset-top)) 1rem .75rem}.quiz-top-actions{display:flex;justify-content:space-between;margin-bottom:.4rem}.quiz-progress-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;font-size:.76rem}.stat-track{height:.2rem;border-radius:999px;background:#1111111a;overflow:hidden}.stat-track-fill{height:100%;background:#111}.quiz-prompt{display:grid;gap:1rem}.quiz-audio-row{display:flex;align-items:center;justify-content:center;gap:.7rem}.quiz-symbol{font-size:5.2rem}.quiz-chip{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);min-width:4.8rem;height:1.5rem;border-radius:999px;background:#111;color:#faf6ee;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;letter-spacing:.08em}.mcq-options{display:grid;gap:.7rem}.mcq-option{display:flex;align-items:center;justify-content:space-between;text-align:left;text-transform:none;letter-spacing:normal}.mcq-option:disabled{opacity:1;cursor:default}.mcq-option-correct{border-color:#1a7a4073;background:#1a7a401f;color:#0c5a2b}.mcq-option-error{border-color:#b5272d6b;background:#b5272d1a;color:#8a1f24}.option-index{color:#11111161}.reading-panel{display:grid;gap:1rem}.assessment-copy{color:#1111118c}.reading-input-wrap{padding:.75rem 0;border-bottom:1px solid rgba(17,17,17,.18)}.reading-input-wrap-error{border-bottom-color:#b5272d99;color:#8a1f24}.reading-input-wrap-correct{border-bottom-color:#1a7a4099;color:#0c5a2b}.reading-input-wrap input{width:100%;font-size:1.15rem}.reading-feedback{display:grid;gap:.35rem;font-size:.92rem}.reading-feedback-error{color:#8a1f24}.reading-feedback-correct{color:#0c5a2b}.assessment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.results-hero{text-align:center;display:grid;justify-items:center;gap:.75rem}.results-score{font-size:5rem;line-height:.95;font-weight:700;letter-spacing:-.08em}.results-divider{width:3.8rem;height:.22rem;background:#111}.results-grid,.profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.result-card,.form-panel,.quote-card,.stats-panel{padding:1rem}.result-value{margin-top:.45rem;font-size:1.95rem;font-weight:700;letter-spacing:-.05em}.result-value span{font-size:1rem;color:#11111173}.stats-panel{display:grid;gap:.8rem}.stats-panel-head{display:flex;justify-content:space-between;gap:1rem}.panel-score{margin-top:.35rem;font-size:1.7rem;font-weight:700}.trend-mark{font-size:1.35rem}.stat-bar{display:grid;gap:.25rem}.stat-bar-head{display:flex;justify-content:space-between;font-size:.7rem;color:#11111173}.quote-card{min-height:7rem;display:grid;place-items:center;text-align:center;font-style:italic;color:#111111a6}.quiz-results-footer{grid-template-columns:1fr}.profile-hero{display:flex;justify-content:space-between;gap:1rem;align-items:start}.profile-hero h2{margin-top:.35rem;font-size:2rem}.profile-hero p:last-child{color:#1111117a}.profile-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.55rem}.profile-status-pill,.profile-status-meta{min-height:1.8rem;padding:0 .75rem;border-radius:999px;display:inline-flex;align-items:center;font-size:.8rem}.profile-status-pill{background:#111;color:#fbf7ef}.profile-status-meta{border:1px solid rgba(17,17,17,.12);color:#111111a8}.profile-sync-summary{display:grid;gap:.5rem;color:#1111119e}.profile-sync-summary strong{color:#111}.profile-sync-actions{display:grid;gap:.75rem}.profile-badge{width:3.4rem;aspect-ratio:1;border-radius:50%;background:#111;color:#faf6ee;display:grid;place-items:center;font-size:1.2rem;font-weight:700}.profile-field{display:grid;gap:.45rem}.profile-field input{height:3rem;border-radius:.8rem;background:#fffc;padding:0 .9rem}.form-panel-lead{color:#11111194}.toggle-field{display:flex;align-items:center;gap:.65rem}.form-panel{display:grid;gap:.9rem}.form-feedback{color:#1119}.danger-panel p{color:#1111118c}.modal-backdrop{position:fixed;inset:0;background:#0000004d;display:grid;place-items:center;padding:1rem}.modal-card{width:min(100%,22rem);background:#fff;border-radius:1rem;padding:1.5rem;display:grid;gap:.85rem;text-align:center}.modal-icon{width:2rem;height:2rem;margin:0 auto;display:grid;place-items:center;background:#11111114;border-radius:.35rem}@media(min-width:48rem){.app-shell{padding:1.5rem}.mobile-app{min-height:min(100dvh - 3rem,56rem);border-radius:1.75rem;box-shadow:0 24px 60px #11111129,0 0 0 1px #11111114}.bottom-nav,.detail-footer,.quiz-footer{bottom:1.5rem;border-bottom-left-radius:1.75rem;border-bottom-right-radius:1.75rem}}