*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}[hidden]{display:none!important}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}#root{isolation:isolate}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--color-srs-master: #2563eb;--color-srs-enlightened: #0891b2;--color-srs-burned: #6b7280}[data-theme=dark]{--color-radical: #00aaff;--color-kanji: #e63946;--color-vocabulary: #9b59b6;--color-grammar: #27ae60;--color-anki: #e67e22;--bg-app: #1a1a2e;--bg-card: rgba(255, 255, 255, .07);--bg-card-hover: rgba(255, 255, 255, .1);--bg-card-border: rgba(255, 255, 255, .12);--text-primary: #ebebf5;--text-secondary: rgba(235, 235, 245, .6);--text-muted: rgba(235, 235, 245, .3);--color-correct: #4caf50;--color-incorrect: #e53935;--color-warning: #ff9800;--color-error: #e53935;--color-accent: #7c6af7;--color-accent-hover: #9d8fff;--surface-card: rgba(255, 255, 255, .07);--surface-input: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .12);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3)}[data-theme=light]{--color-radical: #0077cc;--color-kanji: #cc1f2b;--color-vocabulary: #7b3fa0;--color-grammar: #1e7e44;--color-anki: #b35900;--bg-app: #f0f0f8;--bg-card: rgba(0, 0, 0, .03);--bg-card-hover: rgba(0, 0, 0, .06);--bg-card-border: rgba(0, 0, 0, .1);--text-primary: #1a1a2e;--text-secondary: rgba(26, 26, 46, .65);--text-muted: rgba(26, 26, 46, .4);--color-correct: #1e7e44;--color-incorrect: #cc1f2b;--color-warning: #b35900;--color-error: #cc1f2b;--color-accent: #5b48e8;--color-accent-hover: #4737c8;--surface-card: #ffffff;--surface-input: #ffffff;--border-subtle: rgba(0, 0, 0, .12);--shadow-card: 0 4px 24px rgba(0, 0, 0, .08)}[data-theme=colorblind]{--color-radical: #56b4e9;--color-kanji: #e69f00;--color-vocabulary: #009e73;--color-grammar: #0072b2;--color-anki: #cc79a7;--bg-app: #1a1a2e;--bg-card: rgba(255, 255, 255, .07);--bg-card-hover: rgba(255, 255, 255, .1);--bg-card-border: rgba(255, 255, 255, .12);--text-primary: #ebebf5;--text-secondary: rgba(235, 235, 245, .6);--text-muted: rgba(235, 235, 245, .3);--color-correct: #009e73;--color-incorrect: #d55e00;--color-warning: #e69f00;--color-error: #d55e00;--color-accent: #56b4e9;--color-accent-hover: #7dc8f0;--color-srs-master: #0072b2;--color-srs-enlightened: #009e73;--color-srs-burned: #cc79a7;--surface-card: rgba(255, 255, 255, .07);--surface-input: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .12);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3)}.app-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-app)}.app-nav{position:sticky;top:0;z-index:var(--z-overlay);display:flex;align-items:center;gap:var(--space-md);height:56px;padding:0 var(--space-xl);background:var(--bg-card);border-bottom:1px solid var(--bg-card-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-nav__brand{font-size:var(--text-lg);font-weight:700;color:var(--color-accent);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:color var(--transition-fast)}.app-nav__brand:hover{color:var(--color-accent-hover)}.app-nav__links{display:flex;align-items:center;gap:var(--space-xs);flex:1;overflow:hidden}.app-nav__links a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.app-nav__links a:hover{color:var(--text-primary);background:var(--bg-card-hover)}.app-nav__links a.active{color:var(--text-primary);background:var(--bg-card-hover);font-weight:600}.app-nav__actions{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto;flex-shrink:0}.app-nav__admin-link{font-size:var(--text-sm);color:var(--color-accent);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-accent);white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.app-nav__admin-link:hover,.app-nav__admin-link.active{background:var(--color-accent);color:#fff}.app-nav__avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.app-nav__signout{font-size:var(--text-sm);color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.app-nav__signout:hover{color:var(--text-primary);background:var(--bg-card-hover)}.app-content{flex:1;padding:var(--space-xl) var(--space-2xl);max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}@media (max-width: 640px){.app-nav{padding:0 var(--space-md);gap:var(--space-sm)}.app-nav__links a{padding:var(--space-xs);font-size:var(--text-xs)}.app-content{padding:var(--space-lg) var(--space-md)}}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-app);padding:var(--space-md)}.login-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000052}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs);letter-spacing:-.02em}.login-subtitle{font-size:var(--text-xl);color:var(--text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-field{display:flex;flex-direction:column;gap:var(--space-xs)}.login-field label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.login-field input{background:#ffffff0f;border:1px solid var(--bg-card-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;width:100%;box-sizing:border-box}.login-field input::placeholder{color:var(--text-muted)}.login-field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}.login-error{font-size:var(--text-sm);color:var(--color-incorrect);margin:0;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--color-incorrect) 12%,transparent);border-radius:var(--radius-sm)}.login-info{font-size:var(--text-sm);color:var(--color-correct);margin:0;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--color-correct) 12%,transparent);border-radius:var(--radius-sm)}.login-btn{margin-top:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.login-btn:hover:not(:disabled){background:var(--color-accent-hover)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-toggle{margin-top:var(--space-lg);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.login-toggle button{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.login-toggle button:hover{color:var(--color-accent-hover)}.dashboard__forecast{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg)}.dashboard__forecast-title{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-md)}.daily-forecast{list-style:none;margin:0;padding:0;max-height:11rem;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.daily-forecast__row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.daily-forecast__row:hover{background:var(--bg-card-hover)}.daily-forecast__row--now{border-left:3px solid var(--color-accent);padding-left:calc(var(--space-sm) - 3px)}.daily-forecast__row--now .daily-forecast__time{color:var(--color-accent);font-weight:600}.daily-forecast__time{flex:1;font-size:var(--text-sm);color:var(--text-secondary)}.daily-forecast__count{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);min-width:2rem;text-align:right}.daily-forecast__cumulative{font-size:var(--text-xs);color:var(--text-muted);min-width:3rem;text-align:right}.dashboard{max-width:900px}.dashboard__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xl)}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.stat-card:hover{background:var(--bg-card-hover)}.stat-card__icon{font-size:var(--text-2xl);line-height:1}.stat-card__value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);line-height:1.1}.stat-card__label{font-size:var(--text-sm);color:var(--text-muted)}@keyframes stat-skeleton-pulse{0%,to{opacity:.35}50%{opacity:.7}}.stat-skeleton{display:block;width:64px;height:36px;background:var(--bg-card-hover);border-radius:var(--radius-sm);animation:stat-skeleton-pulse 1.6s ease-in-out infinite}.dashboard__cta{display:flex;align-items:center}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast);text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-xs);background:#ffffff40;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:700}.admin-panel{max-width:900px}.admin-panel__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xl)}.admin-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--bg-card-border)}.admin-table td{padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:var(--text-sm);vertical-align:middle}.admin-table tbody tr{transition:background var(--transition-fast)}.admin-table tbody tr:hover{background:var(--bg-card-hover)}.admin-table tbody tr+tr{border-top:1px solid var(--bg-card-border)}.admin-table__empty{text-align:center;color:var(--text-muted);padding:var(--space-2xl) var(--space-md)!important}.admin-table__date{color:var(--text-secondary);white-space:nowrap}.admin-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:700;-webkit-user-select:none;user-select:none}.admin-user-email{color:var(--text-primary);font-weight:500}.admin-user-username{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.role-badge{display:inline-block;padding:2px var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;text-transform:capitalize}.role-badge--admin{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.role-badge--user{color:var(--text-secondary);background:var(--bg-card-hover)}.wk-badge{display:inline-block;padding:2px var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.wk-badge--premium{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.wk-badge--free{color:var(--color-warning, #f39c12);background:color-mix(in srgb,var(--color-warning, #f39c12) 12%,transparent)}.wk-badge--off{color:var(--text-secondary)}.admin-row-actions{display:flex;gap:var(--space-sm);align-items:center}.admin-btn{font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-card-hover);border:1px solid var(--bg-card-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.admin-btn:hover:not(:disabled){background:var(--bg-card-border);color:var(--text-primary)}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn--danger{color:var(--color-incorrect);border-color:color-mix(in srgb,var(--color-incorrect) 30%,transparent)}.admin-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-incorrect) 12%,transparent)}.admin-confirm-row td{padding:0!important;border-top:1px solid color-mix(in srgb,var(--color-warning) 25%,transparent)!important}.admin-confirm{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--color-warning) 8%,transparent);font-size:var(--text-sm);color:var(--text-primary)}.admin-error{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);background:color-mix(in srgb,var(--color-incorrect) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-incorrect) 25%,transparent);border-radius:var(--radius-md);color:var(--color-incorrect);font-size:var(--text-sm)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.75}}.skeleton-row td{pointer-events:none}.skeleton-cell{display:block;background:var(--bg-card-hover);border-radius:var(--radius-sm);animation:skeleton-pulse 1.6s ease-in-out infinite}.skeleton-cell--avatar{width:36px;height:36px;border-radius:var(--radius-pill)}.skeleton-cell--text{width:120px;height:14px}.skeleton-cell--badge{width:60px;height:20px;border-radius:var(--radius-pill)}.skeleton-cell--btn{width:80px;height:26px}.item-components{margin-top:var(--space-lg)}.item-components__label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.item-components__chips{display:flex;flex-wrap:wrap;gap:8px}.item-components__chip{display:flex;flex-direction:column;align-items:center;padding:6px 10px;border-radius:10px;min-width:48px;cursor:pointer;text-decoration:none;background:var(--bg-card-hover);border:1px solid var(--bg-card-border);color:inherit;transition:background var(--transition-fast)}.item-components__chip:hover{background:var(--bg-card-border)}.item-components__chip--radical .item-components__char{color:var(--color-radical)}.item-components__chip--kanji .item-components__char{color:var(--color-kanji)}.item-components__char{font-family:Noto Sans JP,sans-serif;font-size:1.3rem;line-height:1}.item-components__meaning{font-size:.65rem;margin-top:3px;color:var(--text-muted);text-align:center}.review-card{background:var(--bg-card, rgba(255, 255, 255, .07));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border, rgba(255, 255, 255, .12));border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000002e;overflow:hidden;display:flex;flex-direction:column;font-family:Inter,sans-serif;max-width:640px;width:100%}.review-card__color-bar{height:8px;width:100%;flex-shrink:0}.review-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg)}.review-card__type-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-pill);color:#fff;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em}.review-card__srs-level{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.review-card__character-wrap{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg) var(--space-xl) var(--space-sm);gap:var(--space-xs)}@keyframes character-enter{0%{opacity:0;transform:translateY(-14px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.review-card__character{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:clamp(3rem,12vw,5.5rem);font-weight:700;line-height:1;color:var(--text-primary);animation:character-enter .35s cubic-bezier(.34,1.56,.64,1) both;-webkit-user-select:none;user-select:none}.review-card__reading-hint{font-family:Noto Sans JP,sans-serif;font-size:var(--text-base);color:var(--text-muted);animation:character-enter .22s var(--transition-base) both}.review-card__question-label{text-align:center;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);margin:0;padding:0 var(--space-xl) var(--space-md);text-transform:uppercase;letter-spacing:.09em}.review-card__input-area{display:flex;gap:var(--space-sm);padding:0 var(--space-lg) var(--space-lg)}.review-card__input{flex:1;padding:var(--space-sm) var(--space-md);border:2px solid var(--bg-card-border, rgba(255, 255, 255, .12));border-radius:var(--radius-md);font-size:var(--text-base);font-family:Inter,sans-serif;background:var(--bg-card-hover, rgba(255, 255, 255, .06));color:var(--text-primary);text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.review-card__input::placeholder{color:var(--text-muted)}.review-card__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.review-card__input.is-correct{border-color:var(--color-correct);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-correct) 18%,transparent);background:color-mix(in srgb,var(--color-correct) 8%,transparent)}.review-card__input.is-incorrect{border-color:var(--color-incorrect);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-incorrect) 18%,transparent);background:color-mix(in srgb,var(--color-incorrect) 8%,transparent)}.review-card__input:disabled{cursor:default;opacity:1}.review-card__submit-btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:opacity var(--transition-fast),transform .1s ease;white-space:nowrap;flex-shrink:0}.review-card__submit-btn:disabled{opacity:.35;cursor:not-allowed}.review-card__submit-btn:not(:disabled):hover{opacity:.85}.review-card__submit-btn:not(:disabled):active{transform:scale(.97)}.review-card__feedback{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:700;border-top:1px solid var(--bg-card-border, rgba(255, 255, 255, .12));flex-wrap:wrap}.review-card__feedback--correct{color:var(--color-correct);background:color-mix(in srgb,var(--color-correct) 10%,transparent)}.review-card__feedback--incorrect{color:var(--color-incorrect);background:color-mix(in srgb,var(--color-incorrect) 10%,transparent)}.review-card__feedback-actions{display:flex;gap:var(--space-sm);align-items:center}.review-card__override-btn{padding:5px 12px;border:2px solid var(--color-incorrect);border-radius:var(--radius-sm);background:transparent;color:var(--color-incorrect);font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:background var(--transition-fast)}.review-card__override-btn:hover{background:color-mix(in srgb,var(--color-incorrect) 12%,transparent)}.review-card__next-btn{padding:6px var(--space-md);border:none;border-radius:var(--radius-sm);background:var(--text-primary);color:var(--bg-app, #1a1a2e);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:opacity var(--transition-fast)}.review-card__next-btn:hover{opacity:.8}.review-card__detail{border-top:1px solid var(--bg-card-border, rgba(255, 255, 255, .12))}.review-card__tabs{display:flex;border-bottom:1px solid var(--bg-card-border, rgba(255, 255, 255, .12))}.review-card__tab{flex:1;padding:var(--space-sm) var(--space-sm);border:none;background:transparent;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.review-card__tab.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:700}.review-card__tab:hover:not(.is-active){color:var(--text-primary)}.review-card__tab-content{padding:var(--space-md) var(--space-lg);min-height:100px}.review-card__info-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0}.review-card__info-row{display:grid;grid-template-columns:110px 1fr;gap:var(--space-sm)}.review-card__info-row dt{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.review-card__info-row dd{margin:0;font-size:var(--text-sm);color:var(--text-primary)}.review-card__mnemonic{font-size:var(--text-base);line-height:1.65;color:var(--text-primary);margin:0}.review-card__examples ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.review-card__example{display:flex;flex-direction:column;gap:2px}.review-card__example-target{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;font-size:var(--text-base);color:var(--text-primary)}.review-card__example-translation{font-size:var(--text-sm);color:var(--text-muted)}.review-card__empty{margin:0;font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.blurred-reveal{filter:blur(6px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .2s}.review-card__detail-link{display:inline-block;margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.review-card__detail-link:hover{color:var(--color-accent)}.review-session{min-height:100vh;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.sakura-bg{background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--color-kanji) 8%,transparent) 0%,transparent 60%),radial-gradient(ellipse at 80% 10%,color-mix(in srgb,var(--color-vocabulary) 6%,transparent) 0%,transparent 50%),var(--bg-app)}.review-session__stats{width:100%;max-width:680px}.review-session__card-wrap{width:100%;max-width:680px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.review-session__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);text-align:center}.review-session__empty-icon{font-size:var(--text-4xl);opacity:.6}.review-session__empty-text{font-size:var(--text-lg);color:var(--text-secondary)}.review-session__empty-btn{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-xl);border:none;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.review-session__empty-btn:hover{opacity:.85}.review-session__empty-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.review-session__empty-btn--secondary{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.review-session__wrapup{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);text-align:center}.wrapup__title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.wrapup__subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:calc(var(--space-xs) * -1)}.wrapup__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%;max-width:480px}.wrapup__stat{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.wrapup__stat-value{font-size:var(--text-3xl);font-weight:700;line-height:1}.wrapup__stat-value--correct{color:var(--color-correct)}.wrapup__stat-value--incorrect{color:var(--color-incorrect)}.wrapup__stat-value--accuracy{color:var(--color-accent)}.wrapup__stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.wrapup__actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.wrapup__btn{padding:var(--space-sm) var(--space-2xl);border-radius:var(--radius-pill);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:opacity var(--transition-fast),background var(--transition-fast);border:none}.wrapup__btn--primary{background:var(--color-accent);color:#fff}.wrapup__btn--secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--bg-card-border)}.wrapup__btn:hover{opacity:.85}.review-session__ctrl-row{width:100%;max-width:680px;display:flex;justify-content:flex-end;align-items:center;min-height:28px}.review-session__wrapup-btn{padding:4px 12px;border:1px solid var(--bg-card-border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.review-session__wrapup-btn:hover{color:var(--text-secondary);border-color:var(--text-muted)}.review-session__wrapup-confirm{display:flex;align-items:center;gap:var(--space-sm)}.review-session__wrapup-confirm-label{font-size:var(--text-xs);color:var(--text-secondary)}.review-session__wrapup-confirm-btn{padding:4px 10px;border:none;border-radius:var(--radius-sm);background:var(--color-incorrect);color:#fff;font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:opacity var(--transition-fast)}.review-session__wrapup-confirm-btn:hover{opacity:.85}.review-session__wrapup-cancel-btn{padding:4px 10px;border:1px solid var(--bg-card-border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast)}.review-session__wrapup-cancel-btn:hover{opacity:.7}.session-stats{background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.45);border-radius:20px;box-shadow:0 4px 24px #1a1a2e14;padding:var(--space-5) var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);font-family:Inter,sans-serif}.progress-bar{width:100%;height:8px;background:#7070aa2e;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--color-accent, #c1404a);transition:width .4s ease;position:relative;overflow:hidden}.progress-fill.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.38) 45%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.38) 55%,transparent 100%);background-size:200% 100%;animation:shimmer-slide 1.8s infinite linear}@keyframes shimmer-slide{0%{background-position:200% center}to{background-position:-200% center}}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}@media (max-width: 480px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:var(--font-size-xl, 1.25rem);font-weight:700;line-height:1;color:var(--text-primary, #1a1a2e)}.stat-value.correct{color:var(--color-correct, #2a9d8f)}.stat-value.incorrect{color:var(--color-incorrect, #f4801a)}.stat-value.remaining{color:var(--text-primary, #1a1a2e)}.stat-value.accuracy{color:var(--color-accent, #c1404a)}.stat-label{font-size:var(--font-size-xs, .7rem);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #7070aa)}.session-header__count{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.session-header__unique{font-weight:700;font-size:1.35rem;color:var(--text-primary);letter-spacing:-.01em}.session-header__questions{font-size:var(--font-size-sm, .85rem);color:var(--text-muted);font-weight:400}.session-header__breakdown{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.type-badge{padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.03em}.type-badge--radical{background-color:color-mix(in srgb,var(--color-radical) 15%,transparent);color:var(--color-radical)}.type-badge--kanji{background-color:color-mix(in srgb,var(--color-kanji) 15%,transparent);color:var(--color-kanji)}.type-badge--vocabulary{background-color:color-mix(in srgb,var(--color-vocabulary) 15%,transparent);color:var(--color-vocabulary)}.type-badge--grammar{background-color:color-mix(in srgb,var(--color-grammar) 15%,transparent);color:var(--color-grammar)}.type-badge--anki{background-color:color-mix(in srgb,var(--color-anki) 15%,transparent);color:var(--color-anki)}.lessons-page{min-height:100vh;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.lessons-page__topbar{width:100%;max-width:680px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.lessons-page__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);text-align:center;flex:1}.lessons-page__progress{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:4.5rem}.lessons-page__progress-spacer{min-width:4.5rem}.lessons-page__card-wrap{width:100%;max-width:680px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.lessons-page__footer{width:100%;max-width:680px;display:flex;justify-content:flex-end;padding-bottom:var(--space-lg)}.lessons-page__btn{padding:var(--space-sm) var(--space-xl);border:none;border-radius:var(--radius-pill);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:opacity var(--transition-fast);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--bg-card-border)}.lessons-page__btn:hover{opacity:.85}.lessons-page__btn--primary{background:var(--color-accent);color:#fff;border-color:transparent}.lessons-page__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);text-align:center}.lessons-page__center-icon{font-size:var(--text-4xl);opacity:.6}.lessons-page__status-text{font-size:var(--text-lg);color:var(--text-secondary)}.lessons-page__wrapup{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);text-align:center;padding-bottom:var(--space-2xl)}.lessons-wrapup__title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.lessons-wrapup__subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:calc(var(--space-xs) * -1)}.lessons-wrapup__stats{display:flex;gap:var(--space-xl)}.lessons-wrapup__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.lessons-wrapup__stat-value{font-size:var(--text-4xl);font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums}.lessons-wrapup__stat-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.lesson-info{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000002e;overflow:hidden;display:flex;flex-direction:column;width:100%}.lesson-info__color-bar{height:8px;width:100%;flex-shrink:0}.lesson-info__header{display:flex;align-items:center;padding:var(--space-sm) var(--space-lg)}.lesson-info__type-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-pill);color:#fff;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em}.lesson-info__character-wrap{display:flex;justify-content:center;padding:var(--space-lg) var(--space-xl) var(--space-md)}@keyframes lesson-character-enter{0%{opacity:0;transform:translateY(-14px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.lesson-info__character{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:clamp(3rem,12vw,5.5rem);font-weight:700;line-height:1;color:var(--text-primary);animation:lesson-character-enter .35s cubic-bezier(.34,1.56,.64,1) both;-webkit-user-select:none;user-select:none}.lesson-info__section{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--bg-card-border)}.lesson-info__section-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 var(--space-xs)}.lesson-info__section-value{font-size:var(--text-base);color:var(--text-primary);margin:0;line-height:1.5}.lesson-info__section-value--mnemonic{color:var(--text-secondary);font-style:italic}.lesson-info__examples{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.lesson-info__example{display:flex;flex-direction:column;gap:2px}.lesson-info__example-target{font-family:Noto Sans JP,sans-serif;font-size:var(--text-base);color:var(--text-primary)}.lesson-info__example-translation{font-size:var(--text-sm);color:var(--text-muted)}.lesson-quiz{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000002e;overflow:hidden;display:flex;flex-direction:column;width:100%}.lesson-quiz__color-bar{height:8px;width:100%;flex-shrink:0}.lesson-quiz__header{display:flex;align-items:center;padding:var(--space-sm) var(--space-lg)}.lesson-quiz__type-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-pill);color:#fff;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em}.lesson-quiz__character-wrap{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg) var(--space-xl) var(--space-sm);gap:var(--space-xs)}.lesson-quiz__character{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:clamp(3rem,12vw,5.5rem);font-weight:700;line-height:1;color:var(--text-primary);animation:lesson-character-enter .35s cubic-bezier(.34,1.56,.64,1) both;-webkit-user-select:none;user-select:none}.lesson-quiz__reading-hint{font-family:Noto Sans JP,sans-serif;font-size:var(--text-base);color:var(--text-muted);animation:lesson-character-enter .22s var(--transition-base) both}.lesson-quiz__prompt{text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:0 var(--space-lg) var(--space-sm);margin:0}.lesson-quiz__input-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg) var(--space-md)}.lesson-quiz__input{width:100%;max-width:400px;padding:var(--space-sm) var(--space-md);border:2px solid var(--bg-card-border);border-radius:var(--radius-md);background:#ffffff0d;color:var(--text-primary);font-size:var(--text-lg);text-align:center;outline:none;transition:border-color var(--transition-fast);font-family:Noto Sans JP,sans-serif}.lesson-quiz__input:focus{border-color:var(--color-accent)}.lesson-quiz__input--correct{border-color:var(--color-correct)}.lesson-quiz__input--incorrect{border-color:var(--color-incorrect)}.lesson-quiz__submit-btn{padding:var(--space-sm) var(--space-xl);border:none;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.lesson-quiz__submit-btn:disabled{opacity:.4;cursor:default}.lesson-quiz__submit-btn:not(:disabled):hover{opacity:.85}.lesson-quiz__feedback{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);font-weight:600}.lesson-quiz__feedback--correct{background:color-mix(in srgb,var(--color-correct) 15%,transparent);color:var(--color-correct)}.lesson-quiz__feedback--incorrect{background:color-mix(in srgb,var(--color-incorrect) 15%,transparent);color:var(--color-incorrect)}.lesson-quiz__next-btn{padding:var(--space-xs) var(--space-lg);border:none;border-radius:var(--radius-pill);background:#ffffff26;color:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.lesson-quiz__next-btn:hover:not(:disabled){opacity:.8}.lesson-quiz__next-btn:disabled{opacity:.5;cursor:default}.srs-funnel{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-xs)}.srs-funnel__row{display:grid;grid-template-columns:6rem 1fr 3.5rem;align-items:center;gap:var(--space-sm)}.srs-funnel__label{font-size:var(--text-sm);color:var(--text-secondary);text-align:right}.srs-funnel__track{height:18px;background:var(--bg-card-border);border-radius:var(--radius-pill);overflow:hidden}.srs-funnel__fill{height:100%;border-radius:var(--radius-pill);transition:width var(--transition-slow);min-width:2px}.srs-funnel__fill[data-stage=apprentice]{background:var(--color-kanji)}.srs-funnel__fill[data-stage=guru]{background:var(--color-vocabulary)}.srs-funnel__fill[data-stage=master]{background:var(--color-srs-master)}.srs-funnel__fill[data-stage=enlightened]{background:var(--color-srs-enlightened)}.srs-funnel__fill[data-stage=burned]{background:var(--color-srs-burned)}.srs-funnel__count{font-size:var(--text-sm);color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.srs-funnel__total{font-size:var(--text-xs);color:var(--text-muted);text-align:right;margin:var(--space-xs) 0 0}.accuracy-by-type{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-xs)}.accuracy-by-type__row{display:grid;grid-template-columns:5rem 1fr 3.5rem;grid-template-rows:auto auto;gap:var(--space-xs) var(--space-sm);align-items:center}.accuracy-by-type__label{font-size:var(--text-sm);color:var(--text-secondary);grid-row:1;grid-column:1}.accuracy-by-type__track{height:16px;background:var(--bg-card-border);border-radius:var(--radius-pill);overflow:hidden;grid-row:1;grid-column:2}.accuracy-by-type__fill{height:100%;background:var(--color-correct);border-radius:var(--radius-pill);transition:width var(--transition-slow);min-width:2px}.accuracy-by-type__pct{font-size:var(--text-base);font-weight:600;color:var(--text-primary);text-align:right;grid-row:1;grid-column:3;font-variant-numeric:tabular-nums}.accuracy-by-type__sub{font-size:var(--text-xs);color:var(--text-muted);grid-row:2;grid-column:2 / 4;margin:0}.accuracy-by-type__section-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-sm) 0 var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--bg-card-border)}.accuracy-by-type__row--item-type .accuracy-by-type__label{color:var(--text-muted);font-size:var(--text-xs)}.accuracy-by-type__row--item-type .accuracy-by-type__track{height:10px}.accuracy-by-type__fill--item-type{background:var(--color-accent);opacity:.7}.accuracy-by-type__row--item-type .accuracy-by-type__pct{font-size:var(--text-sm);font-weight:500}.review-forecast{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-xs)}.review-forecast__total{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.collection-progress{list-style:none;margin:var(--space-xs) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.collection-progress__row{display:flex;flex-direction:column;gap:var(--space-xs)}.collection-progress__header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm)}.collection-progress__name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-progress__fraction{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.collection-progress__track{height:10px;background:var(--bg-card-border);border-radius:var(--radius-pill);overflow:hidden;display:flex}.collection-progress__fill{height:100%;transition:width var(--transition-slow);min-width:0}.collection-progress__fill--burned{background:var(--color-srs-burned)}.collection-progress__fill--learned{background:var(--color-accent)}.collection-progress__sub{font-size:var(--text-xs);color:var(--text-muted);margin:0}.activity-heatmap{padding-top:var(--space-xs);overflow-x:auto}.activity-heatmap__grid{display:flex;gap:3px}.activity-heatmap__col{display:flex;flex-direction:column;gap:3px}.activity-heatmap__cell{width:12px;height:12px;border-radius:2px;background:var(--bg-card-border);transition:background var(--transition-fast)}.activity-heatmap__cell[data-level="1"]{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.activity-heatmap__cell[data-level="2"]{background:color-mix(in srgb,var(--color-accent) 55%,transparent)}.activity-heatmap__cell[data-level="3"]{background:color-mix(in srgb,var(--color-accent) 78%,transparent)}.activity-heatmap__cell[data-level="4"]{background:var(--color-accent)}.activity-heatmap__cell[data-today=true]{outline:2px solid var(--color-accent-hover);outline-offset:1px}.streak-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding-top:var(--space-xs)}.streak-stats__card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);background:var(--bg-card-border);border-radius:var(--radius-md)}.streak-stats__card--highlight{background:color-mix(in srgb,var(--color-accent) 18%,transparent);outline:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent)}.streak-stats__value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.streak-stats__card--highlight .streak-stats__value{color:var(--color-accent-hover)}.streak-stats__unit{font-size:var(--text-xs);color:var(--text-muted);line-height:1}.streak-stats__label{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;margin-top:var(--space-xs)}.hardest-items{list-style:none;margin:var(--space-xs) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hardest-items__chip{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:var(--text-xl);font-weight:700;color:var(--color-incorrect);background:var(--bg-card-hover, rgba(255, 255, 255, .04));border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:opacity var(--transition-fast)}.hardest-items__chip:hover{opacity:.75}.weekly-trends,.weekly-accuracy{padding-top:var(--space-xs)}.learning-velocity{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);padding-top:var(--space-xs)}.learning-velocity__period{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center;padding:var(--space-sm);border-radius:var(--radius-md);background:var(--bg-card-hover, rgba(255, 255, 255, .04))}.learning-velocity__period-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.learning-velocity__count{font-size:var(--text-2xl, 2rem);font-weight:700;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.learning-velocity__sub{font-size:var(--text-xs);color:var(--text-secondary)}.learning-velocity__reviewed{font-size:var(--text-xs);color:var(--text-muted);margin-top:calc(-1 * var(--space-xs))}.learning-velocity__breakdown{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-top:var(--space-xs)}.learning-velocity__chip{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-card-border);padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap}.recently-learned{list-style:none;margin:var(--space-xs) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.recently-learned__chip{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:var(--text-xl);font-weight:700;color:var(--color-correct);background:var(--bg-card-hover, rgba(255, 255, 255, .04));border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:opacity var(--transition-fast)}.recently-learned__chip:hover{opacity:.75}.progress-page{max-width:1100px}.progress-page__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xl)}.progress-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media (max-width: 768px){.progress-grid{grid-template-columns:1fr}}.progress-widget{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);min-height:200px}.progress-widget__title{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs)}.progress-empty{font-size:var(--text-sm);color:var(--text-muted);margin:auto 0;text-align:center;padding:var(--space-xl) 0}@keyframes progress-shimmer{0%,to{opacity:.3}50%{opacity:.6}}.progress-widget--skeleton{pointer-events:none}.progress-skeleton-block{display:block;height:28px;background:var(--bg-card-hover);border-radius:var(--radius-sm);animation:progress-shimmer 1.6s ease-in-out infinite}.progress-skeleton-block--short{width:60%;height:20px}.settings-page{max-width:720px;margin:0 auto;padding:var(--space-xl) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xl)}.settings-page__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0}.settings-section{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-card)}.settings-section__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle)}.settings-field{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-field__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.settings-field__select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-input);color:var(--text-primary);font-size:var(--text-base);max-width:260px;cursor:pointer}.settings-field__select:focus{outline:2px solid var(--color-accent);outline-offset:2px}.settings-field__input-row{display:flex;gap:var(--space-xs);align-items:center}.settings-field__input{flex:1;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-input);color:var(--text-primary);font-size:var(--text-base);font-family:monospace;min-width:0}.settings-field__input:focus{outline:2px solid var(--color-accent);outline-offset:2px}.settings-field__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.settings-btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap}.settings-btn:hover:not(:disabled){opacity:.8}.settings-btn:disabled{opacity:.4;cursor:not-allowed}.settings-btn--primary{background:var(--color-accent);color:#fff;border-color:transparent}.settings-btn--ghost{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.settings-loading{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.settings-error{font-size:var(--text-sm);color:var(--color-error, #c0392b);margin:0}.wk-status{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm)}.wk-status--error{background:color-mix(in srgb,var(--color-error, #c0392b) 12%,transparent);color:var(--color-error, #c0392b);border:1px solid color-mix(in srgb,var(--color-error, #c0392b) 30%,transparent)}.wk-status--success{display:flex;flex-direction:column;gap:var(--space-xs);background:color-mix(in srgb,var(--color-correct, #27ae60) 12%,transparent);color:var(--color-correct, #27ae60);border:1px solid color-mix(in srgb,var(--color-correct, #27ae60) 30%,transparent)}.wk-sync-timestamp{font-size:var(--text-xs, .75rem);opacity:.7}.wk-connection-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-correct, #27ae60) 8%,var(--surface-card));border:1px solid color-mix(in srgb,var(--color-correct, #27ae60) 25%,transparent)}.wk-connection-card__header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.wk-connection-card__badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-pill);background:var(--color-correct, #27ae60);color:#fff;font-size:var(--text-xs, .75rem);font-weight:600;letter-spacing:.03em}.wk-connection-card__badge:before{content:"✓"}.wk-connection-card__info{display:flex;gap:var(--space-md);align-items:baseline;flex-wrap:wrap}.wk-connection-card__username{font-weight:600;color:var(--text-primary);font-size:var(--text-base)}.wk-connection-card__level{font-size:var(--text-sm);color:var(--text-secondary)}.wk-tier-banner{display:inline-block;padding:2px var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-xs, .75rem);font-weight:500}.wk-tier-banner--premium{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent)}.wk-tier-banner--free{background:color-mix(in srgb,var(--color-warning, #f39c12) 15%,transparent);color:var(--color-warning, #f39c12);border:1px solid color-mix(in srgb,var(--color-warning, #f39c12) 35%,transparent)}.settings-wk-disconnect{margin-top:var(--space-md);padding:var(--space-xs) var(--space-md);background:color-mix(in srgb,var(--color-incorrect) 90%,transparent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:opacity .15s}.settings-wk-disconnect:hover{opacity:.85}.settings-wk-disconnect:active{transform:scale(.98)}@media (max-width: 480px){.settings-page{padding:var(--space-md) var(--space-sm)}.settings-section{padding:var(--space-md)}.settings-field__select{max-width:100%}.settings-field__actions{flex-direction:column}.settings-btn{width:100%;text-align:center}}.item-page{max-width:720px;padding-bottom:var(--space-3xl)}.item-page__back{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:0;margin-bottom:var(--space-xl);transition:color var(--transition-fast)}.item-page__back:hover{color:var(--text-primary)}.item-page__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);position:relative;overflow:hidden}.item-page__color-bar{position:absolute;top:0;left:0;right:0;height:4px}.item-page__character{font-family:Noto Sans JP,sans-serif;font-size:5rem;line-height:1;color:var(--text-primary);margin-top:var(--space-sm)}.item-page__badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.item-page__badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;color:#fff;text-transform:capitalize}.item-page__badge--level{background:var(--bg-card-hover);color:var(--text-secondary);border:1px solid var(--bg-card-border)}.item-page__badge--jlpt{background:var(--color-accent);color:#fff}.item-page__srs{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center}.item-page__srs-stage{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:700;color:#fff}.item-page__srs-stage--apprentice{background:var(--color-kanji)}.item-page__srs-stage--guru{background:var(--color-vocabulary)}.item-page__srs-stage--master{background:var(--color-srs-master)}.item-page__srs-stage--enlightened{background:var(--color-srs-enlightened)}.item-page__srs-stage--burned{background:var(--color-srs-burned)}.item-page__srs-stat{display:flex;flex-direction:column;gap:2px}.item-page__srs-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.item-page__srs-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.item-page__section{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.item-page__section-title{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-md)}.item-page__primary-meaning{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm)}.item-page__alt-meanings{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.item-page__alt-chip{padding:2px 10px;background:var(--bg-card-hover);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--text-secondary)}.item-page__reading-group{margin-bottom:var(--space-md)}.item-page__reading-group:last-child{margin-bottom:0}.item-page__reading-type{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize;margin-bottom:var(--space-xs)}.item-page__reading-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.item-page__reading-chip{padding:4px 12px;background:var(--bg-card-hover);border-radius:var(--radius-pill);font-family:Noto Sans JP,sans-serif;font-size:var(--text-base);color:var(--text-primary)}.item-page__reading-chip--primary{border:1px solid var(--color-accent)}.item-page__media{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.item-page__image{max-width:200px;max-height:200px;border-radius:var(--radius-md);object-fit:contain}.item-page__audio-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-card-hover);border:1px solid var(--bg-card-border);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast)}.item-page__audio-btn:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.item-page__mnemonic{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin:0}.item-page__mnemonic+.item-page__mnemonic{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--bg-card-border)}.item-page__examples{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.item-page__example{display:flex;flex-direction:column;gap:2px}.item-page__example-jp{font-family:Noto Sans JP,sans-serif;font-size:var(--text-base);color:var(--text-primary)}.item-page__example-en{font-size:var(--text-sm);color:var(--text-muted)}.item-page__example-source{display:inline-block;margin-top:2px;font-size:var(--text-xs);color:var(--text-muted);opacity:.6}.item-page__examples-loading,.item-page__empty{font-size:var(--text-sm);color:var(--text-muted)}.item-page__used-in{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.item-page__used-in-chip{display:flex;align-items:baseline;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card-hover);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.item-page__used-in-chip:hover{background:var(--bg-card-border)}.item-page__used-in-char{font-family:Noto Sans JP,sans-serif;font-size:var(--text-lg);color:var(--text-primary);flex-shrink:0}[data-type=radical] .item-page__used-in-char{color:var(--color-radical)}[data-type=kanji] .item-page__used-in-char{color:var(--color-kanji)}[data-type=vocabulary] .item-page__used-in-char{color:var(--color-vocabulary)}.item-page__used-in-meanings{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-page__no-progress{padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);font-size:var(--text-sm);color:var(--text-muted)}.item-page__loading,.item-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-3xl);color:var(--text-muted);font-size:var(--text-sm)}