*,*:before,*:after{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;min-height:100dvh;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;background:#09090b;color:#e4e4e7}#root{min-height:100vh;min-height:100dvh}button,input{font:inherit}.landing,.practice-page{min-height:100vh;min-height:100dvh;max-width:960px;margin:0 auto;padding:28px 20px 0;display:flex;flex-direction:column}.landing__main,.practice-page__main{flex:1 0 auto}.practice-page--wide{max-width:1200px}.admin{flex:1 0 auto;padding-bottom:48px}.admin__title{margin:0 0 20px;font-size:1.35rem;letter-spacing:-.03em;color:#fafafa}.admin__form{display:grid;gap:14px;max-width:340px}.admin__label{display:grid;gap:6px;color:#d4d4d8;font-size:.85rem}.admin__input{padding:10px 12px;background:#09090b;border:1px solid #3f3f46;border-radius:6px;color:#fafafa}.admin__input:focus{outline:none;border-color:#a78bfa}.admin__button{padding:8px 14px;background:#18181b;border:1px solid #3f3f46;border-radius:6px;color:#fafafa;font-size:.85rem;cursor:pointer}.admin__button:hover:not(:disabled){border-color:#a78bfa}.admin__button:disabled{opacity:.5;cursor:not-allowed}.admin__button--primary{padding:10px 16px;background:#fafafa;border-color:#fafafa;color:#09090b;font-weight:650}.admin__error{margin:0;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.35);border-radius:6px;color:#fca5a5;font-size:.85rem}.admin__empty,.admin__count{margin:0;color:#a1a1aa;font-size:.85rem}.admin__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.admin__actions{display:flex;gap:8px}.admin__table-wrap{overflow-x:auto;border:1px solid #27272a;border-radius:8px}.admin__table{width:100%;border-collapse:collapse;font-size:.82rem}.admin__table th,.admin__table td{padding:10px 12px;border-bottom:1px solid #1f1f23;text-align:left;vertical-align:top}.admin__table th{background:#111113;color:#a1a1aa;font-weight:600;white-space:nowrap}.admin__table tbody tr:last-child td{border-bottom:none}.admin__table a{color:#c4b5fd;text-decoration:none}.admin__sub{display:block;color:#71717a;font-size:.75rem}.admin__mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.admin__ua{max-width:320px;color:#a1a1aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-page__title{margin:0 0 16px;font-size:1.35rem;letter-spacing:-.03em;color:#fafafa}.landing__bar,.practice-page__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}.logo{display:inline-flex;align-items:center;gap:12px;margin:0;padding:0;background:none;border:none;color:#fafafa;cursor:pointer;text-align:left}div.logo{cursor:default}.logo__mark{width:64px;height:64px;flex:none}.logo__word{font-size:1.15rem;font-weight:650;letter-spacing:-.03em;line-height:1}.logo__jlpt{color:#c4b5fd}.landing__main{max-width:720px}.site-footer{margin-top:72px;padding:28px 0 36px;border-top:1px solid #27272a;color:#a1a1aa;font-size:.85rem;line-height:1.5}.site-footer__top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.site-footer__name{margin:0 0 8px;color:#fafafa;font-weight:650}.site-footer__blurb{margin:0;max-width:36rem}.site-footer__nav{display:flex;gap:16px;flex:none}.site-footer__nav a{color:#e4e4e7;text-decoration:none}.site-footer__nav a:hover{color:#c4b5fd}.site-footer__faq{margin:22px 0 0;display:grid;gap:12px}.site-footer__faq div{margin:0}.site-footer__faq dt{margin:0;color:#e4e4e7;font-weight:650}.site-footer__faq dd{margin:4px 0 0}.site-footer__copy{margin:22px 0 0;font-size:.78rem}@media(max-width:640px){.site-footer__top{flex-direction:column}}.landing__eyebrow{margin:0 0 12px;color:#c4b5fd;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.landing__title{margin:0 0 16px;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.04em;color:#fafafa}.landing__lead{margin:0 0 28px;max-width:38rem;color:#a1a1aa;font-size:1.05rem;line-height:1.6}.landing__cta{padding:14px 22px;background:#fafafa;border:none;border-radius:999px;color:#09090b;font-size:1rem;font-weight:650;cursor:pointer}.landing__cta:hover{background:#e4e4e7}.landing__cta:focus-visible{outline:2px solid #a78bfa;outline-offset:3px}.landing__features{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing__feature{padding:16px;background:#111113;border:1px solid #27272a;border-radius:12px}.landing__feature h2{margin:0 0 6px;font-size:.95rem;color:#fafafa}.landing__feature p{margin:0;color:#a1a1aa;font-size:.85rem;line-height:1.45}@media(max-width:720px){.landing__features{grid-template-columns:1fr}}.practice-page .hero__ai-setup{max-height:none;overflow:visible;padding-right:0}.hero__ai-setup{color:#e4e4e7;font-size:.875rem;line-height:1.5}.hero__ai-setup-lead{margin:0 0 18px;color:#d4d4d8;line-height:1.55}.hero__ai-setup-card{padding:14px 16px;background:#0c0c0c;border:1px solid #27272a;border-radius:8px}.hero__ai-setup-h{margin:0 0 12px;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#a78bfa}.hero__jp-learn-tabs{display:flex;gap:8px;margin:0 0 16px}.hero__jp-learn-tab{padding:8px 14px;background:#18181b;border:1px solid #3f3f46;border-radius:6px;color:#a1a1aa;font-family:inherit;font-size:.85rem;cursor:pointer}.hero__jp-learn-tab--active{border-color:#a78bfa;color:#fafafa;background:#27272a}.hero__jp-learn-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.hero__jp-learn-sync-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;border:1px solid #3f3f46;border-radius:8px;background:#18181b}.hero__jp-learn-sync-banner p{margin:0;flex:1 1 14rem;color:#d4d4d8;font-size:.85rem}.hero__jp-learn-sync-banner--compact{padding:8px 12px}.hero__jp-learn-progress{display:flex;flex-direction:column;gap:18px;max-width:640px}.hero__jp-learn-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:640px){.hero__jp-learn-progress-grid{grid-template-columns:1fr}}.hero__jp-learn-stat{padding:12px 14px;border:1px solid #3f3f46;border-radius:8px;background:#18181b}.hero__jp-learn-stat-label{margin:0 0 6px;font-size:.72rem;color:#a1a1aa;text-transform:uppercase;letter-spacing:.04em}.hero__jp-learn-stat-value{margin:0;font-size:1.6rem;color:#fafafa;line-height:1.2}.hero__jp-learn-stat-meta{margin:6px 0 0;font-size:.75rem;color:#a1a1aa}.hero__jp-learn-breakdown-h{margin:0 0 8px;font-size:.85rem;color:#e4e4e7;font-weight:600}.hero__jp-learn-breakdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.hero__jp-learn-breakdown-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #27272a;border-radius:6px;font-size:.8rem;color:#d4d4d8}.hero__jp-learn-spark{display:flex;align-items:flex-end;gap:4px;height:72px;padding:8px;border:1px solid #27272a;border-radius:8px;background:#09090b}.hero__jp-learn-spark-col{flex:1;display:flex;align-items:flex-end;min-width:0;height:100%}.hero__jp-learn-spark-bar{width:100%;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#c4b5fd,#7c3aed);min-height:4px}.hero__jp-learn-group{display:flex;flex-wrap:wrap;gap:8px}.hero__jp-learn-chip{padding:6px 12px;background:#18181b;border:1px solid #3f3f46;border-radius:999px;color:#d4d4d8;font-family:inherit;font-size:.78rem;cursor:pointer}.hero__jp-learn-chip:hover{border-color:#71717a;color:#fafafa}.hero__jp-learn-chip--active{background:#27272a;border-color:#a78bfa;color:#fafafa}.hero__jp-learn-score{margin:0;font-size:.75rem;color:#a1a1aa}.hero__jp-learn-kanji-list{max-width:640px;margin:0 0 16px;padding:10px 12px;border:1px solid #3f3f46;border-radius:8px;background:#111113}.hero__jp-learn-kanji-list summary{color:#e4e4e7;font-size:.82rem;font-weight:600;cursor:pointer}.hero__jp-learn-kanji-note,.hero__jp-learn-kanji-source{margin:10px 0;color:#a1a1aa;font-size:.72rem;line-height:1.5}.hero__jp-learn-kanji-source{margin-bottom:0}.hero__jp-learn-kanji-source a{color:#c4b5fd}.hero__jp-learn-kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.5rem,1fr));gap:6px;max-height:280px;overflow:auto}.hero__jp-learn-kanji-item{display:grid;place-items:center;min-height:2.5rem;border:1px solid #27272a;border-radius:5px;background:#09090b;color:#f4f4f5;font-size:1.25rem}.hero__jp-learn-vocab-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;max-height:280px;overflow:auto}.hero__jp-learn-vocab-item{display:grid;grid-template-columns:minmax(4.5rem,auto) minmax(5rem,1fr) minmax(6rem,2fr);gap:8px;align-items:baseline;padding:4px 2px;font-size:.78rem;color:#e4e4e7}.hero__jp-learn-vocab-word{font-weight:600}.hero__jp-learn-vocab-reading{color:#a1a1aa}.hero__jp-learn-vocab-meaning{color:#d4d4d8}.hero__jp-learn-vocab-prompt-reading{margin:-8px 0 12px;font-size:.95rem;color:#a1a1aa;text-align:center}.hero__jp-learn-card{max-width:520px}.hero__jp-learn-prompt{margin:0 0 12px;color:#d4d4d8}.hero__jp-learn-context{margin:0 0 16px;font-size:1.15rem;line-height:1.6;color:#fafafa}.hero__jp-learn-symbol{margin:0 0 20px;font-size:4.5rem;line-height:1.1;text-align:center;color:#fafafa}.hero__jp-learn-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}@media(max-width:480px){.hero__jp-learn-choices{grid-template-columns:1fr}}.hero__jp-learn-choice{padding:12px 14px;background:#18181b;border:1px solid #3f3f46;border-radius:8px;color:#e4e4e7;font-family:inherit;font-size:.95rem;cursor:pointer;text-align:left}.hero__jp-learn-choice:hover:not(:disabled){border-color:#71717a}.hero__jp-learn-choice:disabled{cursor:default;opacity:.85}.hero__jp-learn-choice--correct{border-color:#22c55e;background:#22c55e1f}.hero__jp-learn-choice--wrong{border-color:#ef4444;background:#ef44441a}.hero__jp-learn-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.hero__jp-learn-input{flex:1 1 12rem;min-width:0;padding:10px 12px;background:#09090b;border:1px solid #3f3f46;border-radius:6px;color:#fafafa;font-family:inherit;font-size:.95rem}.hero__jp-learn-input:focus{outline:none;border-color:#a78bfa}.hero__jp-learn-submit,.hero__jp-learn-next{padding:10px 16px;background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#fafafa;font-family:inherit;font-size:.85rem;cursor:pointer}.hero__jp-learn-submit:hover:not(:disabled),.hero__jp-learn-next:hover{background:#3f3f46;border-color:#a78bfa}.hero__jp-learn-submit:disabled,.hero__jp-learn-next:disabled{opacity:.5;cursor:not-allowed}.hero__jp-learn-feedback{margin:0 0 12px;padding:10px 12px;border-radius:6px;font-size:.85rem}.hero__jp-learn-feedback--correct{background:#22c55e1f;border:1px solid rgba(34,197,94,.35);color:#86efac}.hero__jp-learn-feedback--wrong{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.hero__jp-learn-back{margin:18px 0 0}.hero__jp-learn-back-btn{padding:0;background:none;border:none;color:#a78bfa;font-family:inherit;font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.hero__jp-learn-back-btn:hover{color:#c4b5fd}