:root{color-scheme:light;--bg-deep: #F2F2F7;--bg: #FFFFFF;--elevated: #FFFFFF;--surface: #FFFFFF;--surface-solid: #FFFFFF;--border: rgba(60, 60, 67, .13);--border-strong: rgba(60, 60, 67, .18);--text: #000000;--muted: #8E8E93;--accent: #007AFF;--accent-bright: #0A84FF;--accent-dim: #0055B3;--accent-muted: rgba(0, 122, 255, .12);--danger: #FF3B30;--success: #34C759;--warn: #FFCC00;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-inset: none;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overscroll-behavior-y:none;background:var(--bg-deep);background-color:var(--bg-deep);color:var(--text);font-family:var(--font);font-size:17.5px;line-height:1.55;letter-spacing:.01em}#root{min-height:100dvh}.app-shell{max-width:440px;margin:0 auto;padding:1rem 1.1rem calc(2.25rem + env(safe-area-inset-bottom,0px))}@media (min-width: 520px){.app-shell{max-width:520px}}.page{display:flex;flex-direction:column;gap:1rem}.page.narrow{max-width:520px;margin:0 auto}.page.narrow h1,.range-select-page h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 .75rem;font-size:1.5rem}.hero h1{margin:0 0 .25rem;font-size:1.75rem}.lead{margin:0;color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.15rem 1.2rem;box-shadow:var(--shadow-sm),var(--shadow-inset)}.panel h2,.panel h3{margin:0 0 .75rem;font-size:1rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.field label{font-size:.85rem;color:var(--muted)}.field select,.field input[type=number]{padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--elevated);color:var(--text);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.field select:focus,.field input[type=number]:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-muted)}.row.gap{display:flex;gap:.75rem}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.75rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease,background .15s ease;box-shadow:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-muted),var(--shadow-inset)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{border:none;background:var(--accent);color:#fff;font-weight:700;box-shadow:none;text-shadow:none}.btn.primary:hover:not(:disabled){filter:brightness(1.05);border-color:transparent}.btn.danger{border:none;background:var(--danger);color:#fff;box-shadow:none}.btn.success{border:none;background:var(--success);color:#fff;box-shadow:none}.link{background:none;border:none;color:var(--accent-bright);cursor:pointer;font:inherit;padding:0;font-weight:600;text-underline-offset:3px}.link:hover{text-decoration:underline}.check{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--muted);font-size:.95rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:.75rem}.metrics strong{display:block;font-size:1.35rem}.progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.9rem}.bar.track{height:10px;border-radius:999px;background:var(--elevated);overflow:hidden;margin-bottom:.75rem}.bar.fill.progress{height:100%;background:var(--accent)}.bar.dist{display:flex;height:12px}.seg{height:100%}.seg.unlearned{background:#dc2626}.seg.weak{background:#eab308}.seg.learned{background:#16a34a}.legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.35rem}.legend .dot{display:inline-block;width:.65rem;height:.65rem;border-radius:999px;margin-right:.35rem;vertical-align:middle}.dot.unlearned{background:#dc2626}.dot.weak{background:#eab308}.dot.learned{background:#16a34a}.table-wrap{overflow-x:auto}.scroll-tall{max-height:280px;overflow-y:auto}.details-block{margin-top:1rem}.details-block summary{cursor:pointer;color:var(--accent);font-size:.95rem;margin-bottom:.5rem}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{border-bottom:1px solid var(--border);padding:.45rem .35rem;text-align:left}.data-table th{color:var(--muted);font-weight:600}.test-head{display:flex;justify-content:space-between;align-items:center}.badge{font-size:.78rem;font-weight:600;color:var(--muted);border:1px solid var(--border);padding:.28rem .65rem;border-radius:999px;background:var(--elevated)}.q-title{margin:0;font-size:1.05rem;font-family:var(--font-display);font-weight:700;color:var(--muted)}.prompt{font-size:1.35rem;margin:.5rem 0 1rem}.prompt.en{font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif}.prompt.ja{font-weight:600}.choices{display:flex;flex-direction:column;gap:.5rem}.choice{text-align:left;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-solid);color:var(--text);font:inherit;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease;box-shadow:var(--shadow-inset)}.choice:hover{border-color:var(--accent-dim);background:var(--elevated)}.choice:active{transform:scale(.99)}.input-block{display:flex;flex-direction:column;gap:.5rem}.text-input{padding:.75rem .9rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--elevated);color:var(--text);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.text-input:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-muted)}.big-stat{font-size:1.75rem;margin:0;font-weight:700}.result-list{margin:0;padding-left:1.1rem;max-height:320px;overflow:auto}.result-list li{margin-bottom:.35rem}.mono{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}.ok{color:var(--success)}.bad{color:var(--danger)}.card-surface{background:linear-gradient(160deg,var(--surface-solid) 0%,var(--elevated) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem 1.25rem;min-height:200px;cursor:pointer;box-shadow:var(--shadow-sm),var(--shadow-inset);transition:border-color .2s ease,box-shadow .2s ease}.card-surface:hover{border-color:var(--border-strong)}.card-label{margin:0 0 .35rem;color:var(--muted);font-size:.85rem}.card-main{margin:0;font-size:1.5rem}.card-main.en{font-family:ui-sans-serif,system-ui,sans-serif}.card-main.ja{font-weight:600}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.card-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.75rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease,background .15s ease;box-shadow:none}.streak-flame{font-size:1.1rem;line-height:1}.streak-num{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}.streak-unit{font-size:.75rem;color:#b45309}.home-hero-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;box-shadow:var(--shadow-sm)}.home-hero-card__shine{position:absolute;top:-40%;right:-30%;width:70%;height:80%;background:radial-gradient(circle,rgba(37,99,235,.04) 0%,transparent 70%);pointer-events:none}.home-hero-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.prog-ring-wrap{position:relative;flex-shrink:0}.prog-ring-wrap--lg{width:112px;height:112px}.prog-ring-wrap--md{width:86px;height:86px}.prog-ring-svg{width:100%;height:100%;display:block}.prog-ring-svg circle{fill:none;stroke-width:9}.prog-ring-wrap--md .prog-ring-svg circle{stroke-width:7}.prog-ring-bg{stroke:#0000000a}.prog-ring-fg{stroke:var(--accent);stroke-linecap:round;filter:none}.prog-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.prog-ring-pct{font-size:1.35rem;font-weight:700;line-height:1.1}.prog-ring-wrap--md .prog-ring-pct{font-size:1rem}.prog-ring-sub{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stack-bar{display:flex;width:100%;height:10px;border-radius:999px;overflow:hidden;background:var(--elevated);box-shadow:inset 0 1px 3px #00000059}.stack-bar.empty{opacity:.4}.stack-bar--thick{height:18px;margin:.35rem 0 .6rem}.stack-seg{display:block;height:100%;min-width:0}.stack-seg--unlearned{background:linear-gradient(180deg,#f87171,#b91c1c)}.stack-seg--weak{background:linear-gradient(180deg,#fcd34d,#ca8a04)}.stack-seg--learned{background:linear-gradient(180deg,#86efac,#15803d)}.grad-track{height:11px;border-radius:999px;background:var(--elevated);overflow:hidden;margin-bottom:.65rem;box-shadow:inset 0 1px 3px #00000059}.grad-track-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-dim),var(--accent-bright),#4ade80);transition:width .45s cubic-bezier(.33,1,.68,1);box-shadow:0 0 16px #2563eb33}.prog-viz-label{margin:0 0 .25rem}.range-prow-list{display:flex;flex-direction:column;gap:1rem}.range-prow{padding-bottom:.85rem;border-bottom:1px solid var(--border)}.range-prow:last-child{border-bottom:none;padding-bottom:0}.range-prow-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .65rem;margin-bottom:.35rem}.range-prow-title{font-weight:700}.range-prow-sub{font-size:.8rem;flex:1;min-width:4rem}.range-prow-pct{font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-bright);font-family:var(--font-display)}.range-prow .stack-bar{margin-bottom:.35rem}.range-prow-meta{display:flex;flex-wrap:wrap;gap:.65rem 1rem}.tile-prog-foot{display:flex;align-items:center;gap:.5rem;width:100%;margin-top:.45rem}.tile-prog-foot .stack-bar{flex:1;min-width:0}.tile-prog-pct{font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-bright);flex-shrink:0;font-family:var(--font-display)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.range-select-head{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:.5rem}.range-select-head__text{flex:1;min-width:0}.range-select-head__text .home-eyebrow{margin-bottom:.15rem}.range-select-title{margin:0;font-size:1.35rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.15}.btn.ghost-back{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent-bright);font:inherit;font-weight:600;font-size:.85rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.btn.ghost-back:hover{border-color:var(--border-strong);background:var(--surface-solid)}.ghost-back__icon{opacity:.85;font-size:1rem}.range-tile--rich{flex-direction:column;align-items:stretch}.range-tile-row{display:flex;align-items:center;gap:.65rem;width:100%}.range-tile--rich .range-tile-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.home-parts-panel{margin-top:.25rem}.modal-prog-block{margin-bottom:.75rem;padding:.75rem .85rem;background:var(--elevated);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-inset)}.modal-prog-block .modal-stats{margin-bottom:0;margin-top:.5rem}.home-hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;flex:1;min-width:0}.home-metric{background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-md);padding:.5rem .35rem;text-align:center;box-shadow:0 2px 8px #1f268708}.home-metric-val{display:block;font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums}.home-metric-lbl{font-size:.65rem;color:var(--muted)}.home-hero-legend{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.85rem}.home-hero-legend .dot{margin-right:.25rem}.btn.hero-cta{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:52px;padding:1rem 1.15rem;font-size:1.15rem;font-weight:700;font-family:var(--font-display);border-radius:var(--radius-md);border:none;background:var(--accent);color:#fff;box-shadow:none;letter-spacing:.02em;text-shadow:none}.hero-cta__label{flex:1;text-align:center}.hero-cta__icon{font-size:1.15rem;opacity:.9}.btn.hero-cta:hover:not(:disabled){filter:brightness(1.06)}.btn.hero-cta:active:not(:disabled){transform:scale(.98)}.range-section{margin-top:.25rem}.range-heading{margin:0 0 .25rem;font-size:1.05rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.range-hint{margin:0 0 .65rem}.tile-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.tile-row{margin:0}.range-tile{width:100%;display:flex;align-items:center;gap:.65rem;padding:1.1rem 1.05rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .1s ease;-webkit-tap-highlight-color:transparent;box-shadow:none}.range-tile:hover{border-color:#2dd4bf59;box-shadow:var(--shadow-sm),var(--shadow-inset),0 0 0 1px #2dd4bf14}.range-tile:active{transform:scale(.99);background:var(--surface-solid)}.range-tile-title{flex:1;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;min-width:0}.range-tile-hint{font-size:.8rem;color:var(--muted);flex-shrink:0}.range-tile-chev{color:var(--accent-bright);font-size:1.35rem;font-weight:300;flex-shrink:0;opacity:.65}.app-details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0 .85rem .55rem;box-shadow:none}.app-details-summary{list-style:none;padding:1.25rem 0;font-weight:700;font-family:var(--font-display);cursor:pointer;display:flex;align-items:center;justify-content:space-between}.app-details-summary:after{content:"›";font-size:1.5rem;font-weight:400;color:var(--muted);transition:transform .2s ease;line-height:1}details[open] .app-details-summary:after{transform:rotate(90deg);padding:.95rem .4rem;font-weight:700;font-family:var(--font-display);color:var(--accent-bright);list-style:none}.app-details-summary::-webkit-details-marker{display:none}.app-details-body{padding-bottom:.5rem}.app-details-body .panel{background:var(--surface);border:1px solid var(--border);padding-left:0;padding-right:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:env(safe-area-inset-top,0px) 0 0;animation:modal-in .2s ease}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal-sheet{width:100%;max-width:520px;max-height:min(92vh,900px);overflow-y:auto;background:linear-gradient(180deg,#fffffffa,#f8fafcfc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:.5rem 1.1rem calc(1.35rem + env(safe-area-inset-bottom,0px));box-shadow:0 -16px 56px #0000008c;position:relative}.modal-sheet:before{content:"";display:block;width:40px;height:5px;margin:0 auto 1.5rem;border-radius:999px;background:var(--muted);opacity:.4}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.modal-title{margin:0;font-size:1.2rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;flex:1}.modal-close{flex-shrink:0;width:2.35rem;height:2.35rem;border:1px solid var(--border);border-radius:999px;background:var(--elevated);color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.modal-close:hover{background:var(--surface-solid);color:var(--text)}.modal-sub{margin:.35rem 0 .75rem;font-size:.85rem}.modal-custom{margin-bottom:.75rem}.modal-custom .field{margin-bottom:0}.modal-stats{display:flex;flex-wrap:wrap;gap:.65rem 1rem;font-size:.8rem;color:var(--muted);margin-bottom:.85rem}.modal-section-label{margin:0 0 .4rem;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}input,textarea{-webkit-user-select:auto;user-select:auto}.ios-list{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden;margin-bottom:1.5rem}.ios-list-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.1rem;background:transparent;border:none;border-bottom:1px solid var(--border);font:inherit;font-size:1.15rem;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.ios-list-item:last-child{border-bottom:none}.ios-list-item:active{background:#0000000d}.ios-list-label{flex:1;text-align:left}.ios-list-check{color:var(--accent);font-weight:700;font-size:1.3rem}.ios-toggle{width:50px;height:30px;border-radius:999px;background:#e5e5ea;position:relative;transition:background .25s ease;pointer-events:none}.ios-toggle.on{background:var(--success)}.ios-toggle-knob{width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;position:absolute;top:2px;left:2px;transition:transform .25s cubic-bezier(.3,1.2,.4,1)}.ios-toggle.on .ios-toggle-knob{transform:translate(20px)}.choice:disabled{opacity:.6;cursor:not-allowed}.correct-choice{background:var(--success)!important;border-color:var(--success)!important;color:#fff!important;opacity:1!important;font-weight:700;box-shadow:0 4px 12px #34c75940!important}.wrong-choice{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important;opacity:1!important;font-weight:700}.input-correct{border-color:var(--success)!important;background:#34c7590d!important}.input-wrong{border-color:var(--danger)!important;background:#ff3b300d!important}.feedback-card{margin-top:1.5rem;padding:1.25rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.75rem}.feedback-card.success{background:#34c7591a;border:1px solid rgba(52,199,89,.2)}.feedback-card.danger{background:#ff3b301a;border:1px solid rgba(255,59,48,.2)}.feedback-title{margin:0;font-size:1.35rem;font-weight:800}.feedback-card.success .feedback-title{color:var(--success)}.feedback-card.danger .feedback-title{color:var(--danger)}.feedback-answer{margin:0 0 .5rem;font-size:1.05rem;color:var(--text)}.feedback-answer strong{font-size:1.25rem}.feedback-next{width:100%;padding:1rem;font-size:1.15rem;min-height:54px}.success-btn{background:var(--success)!important;color:#fff!important;border:none!important}.danger-btn{background:var(--danger)!important;color:#fff!important;border:none!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animated-up{animation:slideUpFade .3s cubic-bezier(.16,1,.3,1) forwards}.result-page h1{font-size:1.5rem;text-align:center;margin-bottom:.5rem}.result-score-panel{text-align:center;padding:1.5rem!important}.result-score-label{margin:0;font-size:.95rem;color:var(--muted);font-weight:600}.correct-count{font-size:2.5rem;font-weight:800;color:var(--accent)}.stat-slash{font-size:1.5rem;margin:0 .4rem;color:var(--border-strong)}.total-count{font-size:1.75rem;font-weight:700;color:var(--text)}.stat-percent{font-size:1.1rem;margin-left:.5rem;color:var(--muted)}.result-actions{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.5rem}.result-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid var(--border)}.result-list .result-item:last-child{border-bottom:none}.result-item-main{flex:1;min-width:0}.word-text{display:block;font-size:1.1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-sub{margin:0;font-size:.85rem;color:var(--muted)}.level-change-box{display:flex;align-items:center;gap:.4rem;margin-left:.75rem}.level-pill{padding:.2rem .5rem;border-radius:6px;font-size:.8rem;font-weight:700;background:var(--bg-deep);color:var(--muted)}.level-arrow{color:var(--border-strong);font-size:.85rem}.level-up{background:var(--success);color:#fff}.level-down{background:var(--danger);color:#fff}.lv-icon{margin-left:2px}.wrong-item{padding:.65rem 0;border-bottom:1px dotted var(--border)}.wrong-word{font-weight:700;color:var(--danger);margin-right:.5rem}.wrong-meaning{font-size:.9rem;color:var(--muted)}.text-danger{color:var(--danger)!important}.reset-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.full-width{width:100%}.btn.ghost-btn{background:transparent;border:1px solid var(--border-strong)}.btn.danger.ghost-btn{color:var(--danger);border-color:#ff3b304d}.btn.danger.ghost-btn:hover{background:#ff3b300d}.ios-table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:1.5rem}.ios-table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--bg)}.ios-table th{background:var(--bg-deep);color:var(--muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:.75rem .5rem;text-align:center}.ios-table td{padding:.85rem .5rem;border-bottom:1px solid var(--border);text-align:center;color:var(--text)}.ios-table tr:last-child td{border-bottom:none}.ios-table .left{text-align:left;padding-left:1rem}.ios-table .right{text-align:right;padding-right:1rem}.ios-table .font-bold{font-weight:700}.ios-table .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.ios-table .text-accent{color:var(--accent)}.ios-table .text-warn{color:var(--warn);font-weight:800}.wide-btn{width:100%}.ios-navbar{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 1rem;margin-top:.5rem;margin-bottom:1.5rem;position:relative}@supports (display: grid){.ios-navbar{display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;padding:0 .5rem}}.ios-navbar__left{justify-self:start}.ios-navbar__center{grid-column:2}.ios-navbar__right{justify-self:end}.ios-back-button{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--accent);font-size:1.05rem;font-weight:400;padding:8px 0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.ios-back-button:active{opacity:.5}.ios-back-button__icon{font-size:1.5rem;line-height:1;margin-bottom:-1px}.ios-navbar-title{margin:0;font-size:1.1rem;font-weight:700;font-family:var(--font-display);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 440px){:root{--page-px: .5rem}.app-shell{padding-left:var(--page-px)!important;padding-right:var(--page-px)!important;max-width:100%!important}.page.narrow{padding:1rem 0!important;width:100%!important;max-width:100%!important}.panel,.home-hero-card{padding:1rem .75rem!important}.home-hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem!important;min-width:0}.home-metric{padding:.35rem .1rem!important}.home-metric-val{font-size:clamp(.8rem,4.5vw,1rem)!important}.home-metric-lbl{font-size:.55rem!important}.ios-navbar{display:grid!important;grid-template-columns:70px 1fr 70px!important;gap:.25rem!important;padding:0!important;margin-bottom:.75rem!important}.ios-navbar-title{font-size:.95rem!important}.ios-back-button{font-size:.9rem!important}.ios-table-container{margin:0 -.25rem 1rem!important}.ios-table th,.ios-table td{padding:.5rem .25rem!important;font-size:.75rem!important}}:root{--lv0-bg: rgba(239, 68, 68, .08);--lv0-tag: #ef4444;--lv12-bg: rgba(245, 158, 11, .08);--lv12-tag: #f59e0b;--lv34-bg: rgba(34, 197, 94, .08);--lv34-tag: #16a34a}.tile-row-wrap{display:flex;align-items:center;gap:.5rem}.tile-list-btn{flex-shrink:0;width:44px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--accent-bright);font-size:1.25rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}.tile-list-btn:active{background:var(--surface-solid);border-color:var(--accent-dim)}.word-list-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border);transition:background .2s}.word-list-row:last-child{border-bottom:none}.word-list-row.lv0{background:var(--lv0-bg)}.word-list-row.lv12{background:var(--lv12-bg)}.word-list-row.lv34{background:var(--lv34-bg)}.word-list-main{flex:1;min-width:0;display:flex;flex-direction:column}.word-list-en{font-size:1.1rem;font-weight:700;color:var(--text);line-height:1.2}.word-list-ja{font-size:.85rem;color:var(--muted);margin-top:.1rem}.word-list-side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.level-tag{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.7rem;font-weight:800;text-transform:uppercase;color:#fff}.level-tag.lv0{background:var(--lv0-tag)}.level-tag.lv12{background:var(--lv12-tag)}.level-tag.lv34{background:var(--lv34-tag)}.id-tag{font-size:.7rem;font-family:ui-monospace,monospace;color:var(--muted)}@media (min-width: 768px){:root{--radius-lg: 20px;--radius-xl: 24px}body{font-size:18.5px}.app-shell{max-width:860px;padding:2rem 2rem calc(3rem + env(safe-area-inset-bottom,0px))}.home-top{margin-bottom:2rem}.home-hero-row{gap:2.5rem;padding:.5rem 0}.prog-ring-wrap--lg{width:140px;height:140px}.prog-ring-svg circle{stroke-width:10}.prog-ring-pct{font-size:1.6rem}.range-prow-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem}.range-prow{padding-bottom:0;border-bottom:none;background:var(--bg-deep);padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}.range-prow:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tile-list{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1.25rem!important}.tile-row-wrap{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;border-bottom:none!important;padding-bottom:0!important}.tile-list-btn{align-self:flex-end;background:var(--surface);width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-right:.5rem;margin-top:.5rem;transform:translateY(-5px)}.range-tile{min-height:110px;padding:1.15rem!important}.range-tile--rich{flex-direction:column;justify-content:space-between}.range-tile-row{margin-bottom:.5rem}.range-tile-chev{display:none}.modal-sheet{max-width:600px;border-radius:var(--radius-xl);padding:2.5rem}}@media (min-width: 1024px){.app-shell{max-width:1080px}.tile-list{grid-template-columns:repeat(4,1fr)!important}.range-prow-list{grid-template-columns:repeat(3,1fr)}.word-list-container{display:grid;grid-template-columns:repeat(3,1fr)}.word-list-row{border-right:1px solid var(--border)}.word-list-row:nth-child(3n){border-right:none}.result-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1.5rem;padding-left:0}.wrong-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem}}