:root{font-family:Inter,Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f9fafb;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#f2f4f7}a{color:inherit}button{font-family:inherit}:root{color-scheme:light dark;--bg: #f8fafc;--surface: #ffffff;--text: #0f172a;--muted: #4b5563;--border: #d0d7de;--border-strong: #e5e7eb;--shadow-soft: rgba(0, 0, 0, .08);--shadow-strong: rgba(15, 23, 42, .12);--button-hover: #f3f4f6;--choice-border: #dddddd;--correct-bg: #daf7dc;--correct-border: #9adba1;--incorrect-bg: #ffdede;--incorrect-border: #ef9a9a;--error-bg: #fee2e2;--error-border: #ef4444;--error-text: #991b1b}@media(prefers-color-scheme:dark){:root{--bg: #0b1220;--surface: #121a2b;--text: #d7dde8;--muted: #8fa0b7;--border: #243044;--border-strong: #2b374e;--shadow-soft: rgba(0, 0, 0, .35);--shadow-strong: rgba(0, 0, 0, .55);--button-hover: #1a2436;--choice-border: #2a3750;--correct-bg: #143221;--correct-border: #2b6f44;--incorrect-bg: #35161a;--incorrect-border: #ef4444;--error-bg: #3b1016;--error-border: #a11b2b;--error-text: #fda4af}}body{background:var(--bg);color:var(--text)}.app{font-family:Inter,Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;padding:20px;max-width:960px;margin:0 auto}.app__header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:16px;gap:10px}.app__topbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.app__title{margin:0}.app__title a{color:inherit;text-decoration:none}.deck-picker{display:grid;gap:16px;margin-top:24px}.deck-picker__options{display:flex;flex-direction:column;gap:12px}.deck-picker__row{display:flex;gap:8px;align-items:center}.deck-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px}.deck-card__name{font-size:1.1rem;font-weight:700;color:inherit;text-decoration:none}.deck-card__name:hover{text-decoration:underline}.deck-card__count{color:var(--muted);margin:0;font-size:.9rem}.deck-card__actions{display:flex;gap:8px;margin-top:6px}.deck-card__revise{color:var(--muted)}.app__stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.app__stat strong{margin-right:4px}.button{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.button:hover:not(:disabled){background:var(--button-hover);box-shadow:0 4px 10px var(--shadow-soft)}.button:disabled{opacity:.65;cursor:not-allowed}.profile{position:relative}.profile__button{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .2s ease}.profile__button:hover{box-shadow:0 6px 20px var(--shadow-soft)}.profile__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.profile__avatar--placeholder{font-size:18px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.profile__panel{position:absolute;top:46px;right:0;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 14px 40px var(--shadow-strong);border-radius:10px;padding:10px 12px;min-width:220px;z-index:10}.profile__name{font-weight:700}.profile__email{color:var(--muted);font-size:.95rem;margin-top:2px}.profile__signout{width:100%;margin-top:10px}.profile__hint{color:var(--muted);font-size:.95rem}.profile__error{position:absolute;top:52px;right:0;background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:8px;padding:6px 8px;font-size:.9rem;z-index:9}.question{margin-bottom:16px}.question__character{text-align:center;font-size:96px}.question__prompt{text-align:left;color:var(--muted);margin-top:8px}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.choice-btn{padding:12px;font-size:18px;border-radius:8px;border:1px solid var(--choice-border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.choice-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px var(--shadow-soft)}.choice-btn:disabled{cursor:default}.choice-btn--correct{background:var(--correct-bg);border-color:var(--correct-border)}.choice-btn--incorrect{background:var(--incorrect-bg);border-color:var(--incorrect-border)}.actions{display:flex;gap:8px;justify-content:center;width:100%}.actions--placeholder{min-height:44px}.finished{margin-top:24px}.finished__actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.review{margin-top:16px}.review--persistent{margin-top:32px}.review__list{padding-left:0;margin:0;list-style:none}.review__item{margin:8px 0}.review__empty{color:var(--muted)}.review__character{font-size:20px;margin-right:8px}.review__header{display:flex;align-items:center;gap:8px;padding:0;background:none;border:none;cursor:pointer}.review__header h3{margin:0}.review__arrow{transition:transform .15s ease;display:inline-block;font-size:16px}.review__arrow--open{transform:rotate(90deg)}.footer{margin-top:36px;color:var(--muted);font-size:.95rem}.deck-detail{margin-top:24px;display:grid;gap:12px}.deck-detail h2{margin:0}.deck-detail__count{color:var(--muted);margin:0}.deck-detail__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.revise{margin-top:24px;display:grid;gap:24px}.revise__header{display:flex;align-items:baseline;gap:12px}.revise__header h2{margin:0}.revise__subtitle{color:var(--muted);margin:0}.revise__groups{display:grid;gap:8px}.revise__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.revise__card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-align:center}.revise__character{font-size:40px;line-height:1}.revise__romaji{font-size:14px;color:var(--muted);font-weight:600}.revise__card--empty{border-color:transparent;background:transparent;box-shadow:none}.revise__actions{display:flex;gap:10px;flex-wrap:wrap}.app__stat--level{margin-left:auto;font-weight:700;color:var(--muted);font-size:.9rem}.type-answer{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.type-answer__input{flex:1;min-width:160px;padding:12px 14px;font-size:18px;border-radius:8px;border:2px solid var(--choice-border);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.type-answer__input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b728033}.type-answer__input:disabled{cursor:default}.type-answer__input--correct{background:var(--correct-bg);border-color:var(--correct-border)}.type-answer__input--incorrect{background:var(--incorrect-bg);border-color:var(--incorrect-border)}.type-answer__feedback{display:flex;align-items:center}.type-answer__result{font-size:1rem;font-weight:600}.type-answer__result--correct{color:#166534}.type-answer__result--incorrect{color:#991b1b}@media(prefers-color-scheme:dark){.type-answer__result--correct{color:#4ade80}.type-answer__result--incorrect{color:#fca5a5}}