@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{font-family:Plus Jakarta Sans,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#0f172a;background:linear-gradient(165deg,#f8fafc,#f1f5f9,#e2e8f0);font-synthesis:none;text-rendering:optimizeLegibility;--ink: #0f172a;--ink-muted: #475569;--paper: #ffffff;--paper-soft: #f8fafc;--accent: #be123c;--accent-hover: #9f1239;--accent-soft: #ffe4e6;--accent-progress: #0ea5e9;--accent-progress-soft: #e0f2fe;--accent-fav: #d97706;--accent-fav-soft: #fef3c7;--border: #e2e8f0;--shadow: rgba(15, 23, 42, .04);--shadow-md: rgba(15, 23, 42, .08);--shadow-lg: rgba(15, 23, 42, .12);--success: #059669;--success-bg: #d1fae5;--radius: 16px;--radius-sm: 12px;--radius-lg: 20px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--transition: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{color:#e2e8f0;background:linear-gradient(165deg,#0f172a,#1e293b,#0f172a);--ink: #f1f5f9;--ink-muted: #94a3b8;--paper: #1e293b;--paper-soft: #334155;--accent: #f87171;--accent-hover: #fb923c;--accent-soft: #7f1d1d;--accent-progress: #38bdf8;--accent-progress-soft: #0c4a6e;--accent-fav: #fbbf24;--accent-fav-soft: #78350f;--border: #334155;--shadow: rgba(0, 0, 0, .2);--shadow-md: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .4);--success: #34d399;--success-bg: #064e3b}[data-theme=dark] .card,[data-theme=dark] .level-card{background:var(--paper);border-color:var(--border)}[data-theme=dark] .progress-card{background:var(--paper-soft);border-color:var(--border)}[data-theme=dark] .tagline,[data-theme=dark] .level-desc{color:#aaa}[data-theme=dark] .card h3,[data-theme=dark] .card h4{color:#bbb}[data-theme=dark] .menu-section-title,[data-theme=dark] .dashboard-section-title{color:#8a8a9a}[data-theme=dark] .dashboard-card-meta,[data-theme=dark] .progress-card-meta,[data-theme=dark] .level-meta{color:#9a9aaa}[data-theme=dark] .auth-error{color:#e88}[data-theme=dark] .btn-secondary{background:#3a3a4a;color:#e4e4e4;border-color:var(--border)}[data-theme=dark] .btn-progress{background:var(--paper);color:var(--ink);border-color:var(--border)}[data-theme=dark] .input-text,[data-theme=dark] .translation-input,[data-theme=dark] .japanese-input{background:#2a2a35;border-color:var(--border);color:var(--ink)}[data-theme=dark] .option-btn:not(.selected):not(.correct-option):not(.wrong-option){background:#2a2a35;color:var(--ink)}[data-theme=dark] .streak-badge{background:var(--accent-soft);color:var(--ink)}[data-theme=dark] .app-header{border-bottom-color:var(--border)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#app{max-width:680px;margin:0 auto;padding:1.5rem;min-height:100vh;display:flex;flex-direction:column}#app:has(>.landing),#app:has(>.auth-page){max-width:none;margin:0;padding:0}.app-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.loading-screen{text-align:center}.loading-screen-text{margin:0;color:var(--ink);font-size:1rem;opacity:.8}.app-header{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.app-header .header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs)}.app-header .header-top-spacer{min-width:0}.app-header .header-top h1{margin:0;justify-self:center;grid-column:2;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.app-header .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);grid-column:3;min-width:0}.app-header .btn-sign-out{font-size:.875rem;font-weight:500;padding:.4rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--paper-soft);color:var(--ink);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.app-header .btn-sign-out:hover{background:var(--border)}.app-header .btn-icon.btn-settings{background:var(--paper-soft);border:1px solid var(--border);color:var(--ink);font-size:1.2rem;cursor:pointer;padding:.4rem .6rem;border-radius:var(--radius-sm);line-height:1;transition:background var(--transition),color var(--transition)}.app-header .btn-icon.btn-settings:hover{background:var(--border);color:var(--ink)}.app-header h1{font-size:1.5rem;font-weight:700;color:var(--ink);margin:0 0 .35rem;letter-spacing:-.03em}.tagline{color:var(--ink-muted);font-size:.9rem;margin:0}.view{flex:1}.view-title{font-size:1.25rem;margin:0 0 .5rem}.level-desc{color:#555;font-size:.95rem;margin:0 0 1rem}.filter-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.filter-tab{padding:.4rem .65rem;font-size:.8rem;border-radius:6px;border:1px solid var(--border);background:var(--paper);color:var(--ink);cursor:pointer}.filter-tab:hover{border-color:var(--accent)}.filter-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.view-dashboard{display:flex;flex-direction:column;gap:2.25rem}.dashboard-page-title{font-size:1.5rem;font-weight:600;color:var(--ink);margin:0 0 .25rem;letter-spacing:-.02em}.dashboard-section{display:flex;flex-direction:column;gap:.85rem}.dashboard-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#6b6b7e;margin:0;padding:0 0 .35rem;border-bottom:1px solid var(--border)}.dashboard-section-practice .dashboard-section-title{color:var(--accent)}.dashboard-section-progress .dashboard-section-title{color:var(--accent-progress)}.dashboard-grid{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.dashboard-grid-levels{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.dashboard-grid-progress{grid-template-columns:repeat(2,1fr)}@media(max-width:380px){.dashboard-grid-levels,.dashboard-grid-progress{grid-template-columns:1fr}}.dashboard-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg) var(--space-lg);box-shadow:0 2px 12px var(--shadow);display:flex;flex-direction:column;gap:var(--space-sm);transition:box-shadow var(--transition-slow),transform var(--transition),border-color var(--transition)}.dashboard-card:hover{box-shadow:0 8px 24px var(--shadow-md)}.dashboard-card-level{border-left:4px solid var(--accent)}.dashboard-card-kanji{border-left:4px solid #0d9488}.dashboard-card-worksheets{border-left:4px solid #6366f1}.dashboard-card-favorites{border-left:4px solid var(--accent-fav)}.dashboard-card-review{border-left:4px solid var(--accent-progress)}.dashboard-card-spaced{border-left:4px solid #7c3aed}.dashboard-card-locked{opacity:.92}.dashboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.15rem}.dashboard-card-head .dashboard-card-title{margin:0}.pro-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-soft);padding:.2rem .5rem;border-radius:999px}.btn-pro-upgrade{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border:none;font-weight:600;transition:filter var(--transition),transform .1s ease}.btn-pro-upgrade:hover{filter:brightness(1.08)}.dashboard-card-icon{display:block;font-size:1.4rem;line-height:1;opacity:.9;margin-bottom:.15rem}.dashboard-card-title{font-size:1rem;font-weight:600;margin:0;color:var(--ink);line-height:1.3}.dashboard-card-meta{font-size:.8rem;color:#6b6b7e;margin:0;flex:1;line-height:1.4}.dashboard-card .btn-block{width:100%;margin-top:.25rem}.view-menu{display:flex;flex-direction:column;gap:2rem}.menu-section{display:flex;flex-direction:column;gap:.75rem}.menu-section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b6b7e;margin:0;padding:0 0 .25rem}.menu-section-practice .menu-section-title{color:var(--accent)}.menu-section-progress .menu-section-title{color:var(--accent-progress)}.view-menu .level-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.level-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem;box-shadow:0 2px 12px var(--shadow);transition:box-shadow .2s,transform .15s ease}.level-card:hover{box-shadow:0 4px 20px var(--shadow-md)}.level-card-exercise{border-left:4px solid var(--accent)}.level-card h3{font-size:1.1rem;font-weight:600;margin:0 0 .35rem;color:var(--ink)}.level-card .level-desc{margin-bottom:.4rem;font-size:.9rem;color:#5c5c6e}.level-meta{font-size:.8rem;color:#777;margin:0 0 .85rem}.level-card-icon{display:block;font-size:1.5rem;margin-bottom:.35rem;opacity:.9}.level-card-kanji{border-left:4px solid #0d9488}.progress-cards{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;list-style:none;margin:0;padding:0}@media(max-width:420px){.progress-cards{grid-template-columns:1fr}}.progress-card{background:var(--paper-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;transition:box-shadow .2s,border-color .2s}.progress-card:hover{box-shadow:0 2px 12px var(--shadow);border-color:var(--border)}.progress-card-favorites{border-left:4px solid var(--accent-fav)}.progress-card-review{border-left:4px solid var(--accent-progress)}.progress-card-icon{font-size:1.35rem;opacity:.85;line-height:1}.progress-card h3{font-size:1rem;font-weight:600;margin:0;color:var(--ink)}.progress-card-meta{font-size:.8rem;color:#6b6b7e;margin:0;flex:1;line-height:1.4}.btn-progress{margin-top:.25rem;padding:.5rem .85rem;font-size:.9rem;border-radius:8px;border:1px solid var(--border);background:var(--paper);color:var(--ink);cursor:pointer;font-family:inherit;font-weight:500;transition:background .2s,border-color .2s}.progress-card-favorites .btn-progress:hover{border-color:var(--accent-fav);background:var(--accent-fav-soft)}.progress-card-review .btn-progress:hover{border-color:var(--accent-progress);background:var(--accent-progress-soft)}.btn{border-radius:8px;border:1px solid transparent;padding:.6rem 1rem;font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s,transform .05s}.btn-primary{background:var(--accent);color:#fff;width:100%;transition:background var(--transition),transform .1s ease,box-shadow var(--transition)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#e0d8ce;color:var(--ink);margin-top:.5rem}.btn-secondary:hover{background:#d0c8be}.btn-reveal{background:var(--success);color:#fff;width:100%;padding:.75rem}.btn-reveal:hover{background:#234a1f}.btn-link{background:none;border:none;color:var(--accent);padding:.25rem 0;font-size:.95rem;cursor:pointer;text-decoration:underline}.btn-link:hover{color:#a01830}.breadcrumb{margin-bottom:1rem}.view-worksheets{max-width:640px;margin:0 auto;padding:0 var(--space-md) var(--space-2xl)}.worksheets-intro{color:var(--ink-muted);font-size:.95rem;margin:0 0 var(--space-lg) 0}.worksheets-list{display:flex;flex-direction:column;gap:var(--space-xl)}.worksheets-level-title{font-size:1rem;font-weight:600;color:var(--ink);margin:0 0 var(--space-md) 0}.worksheets-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.worksheet-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap}.worksheet-item-inner{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.worksheet-title{font-weight:500;color:var(--ink)}.worksheet-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;flex-shrink:0}.worksheet-badge-free{background:var(--success-bg);color:var(--success)}.worksheet-badge-pro{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff}.worksheet-item--locked .worksheet-title{color:var(--ink-muted)}.worksheets-empty{color:var(--ink-muted);margin:0}.view-settings{max-width:720px;margin:0 auto;padding:0 var(--space-md) var(--space-2xl)}.settings-back{margin-bottom:var(--space-md)}.settings-hero{text-align:center;margin-bottom:var(--space-xl);padding-top:var(--space-sm)}.settings-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin:0 0 var(--space-xs) 0;color:var(--ink);letter-spacing:-.03em}.settings-subtitle{font-size:1rem;color:var(--ink-muted);margin:0}.settings-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:560px){.settings-grid{grid-template-columns:1fr 1fr}.settings-card-pro,.settings-card-account,.settings-card-suggestions{grid-column:1 / -1}}.view-settings .card{margin-bottom:0;padding:var(--space-lg) var(--space-xl);box-shadow:0 2px 12px var(--shadow);transition:box-shadow var(--transition-slow),border-color var(--transition)}.view-settings .card:hover{box-shadow:0 6px 24px var(--shadow-md)}.view-settings .card h3{font-size:1rem;font-weight:600;margin:0 0 var(--space-md) 0;color:var(--ink)}.view-settings .card-pro h3{color:#6366f1}.view-settings .card-desc{font-size:.9rem;color:var(--ink-muted);margin:0 0 var(--space-md) 0}.option-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.view-settings .auth-form h4,.view-settings .auth-logged-in .logged-in-text{margin:0 0 var(--space-sm) 0;font-size:.95rem}.view-settings .auth-form input{margin-bottom:var(--space-sm)}.view-settings .user-list{margin:0 0 var(--space-md) 0}[data-theme=dark] .settings-title{color:var(--ink)}[data-theme=dark] .settings-subtitle{color:var(--ink-muted)}.exercise-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.exercise-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 1.1rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.exercise-item:hover{border-color:var(--accent);box-shadow:0 2px 12px var(--shadow);background:var(--paper-soft)}.exercise-title{font-weight:500}.exercise-difficulty{font-size:.8rem;color:#666;text-transform:capitalize}.exercise-type-badge{font-size:.75rem;color:#666;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.exercise-title-page{font-size:1.2rem;margin:0 0 .25rem}.exercise-difficulty-badge,.exercise-type-badge-page{font-size:.8rem;color:#666;text-transform:capitalize;margin:0 0 1rem}.card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:1rem;box-shadow:0 2px 10px var(--shadow)}.card h3{font-size:.95rem;margin:0 0 .5rem;color:#555}.card-pro h3{color:#6366f1}.pro-features-title{font-size:.9rem;margin:0 0 .5rem;color:#555}.pro-features-list{margin:0 0 1rem;padding-left:1.25rem}.pro-features-list li{margin-bottom:.35rem}.pro-status{margin:0;color:var(--success);font-weight:500}.pro-manage-desc{margin:0 0 var(--space-md) 0;font-size:.9rem;color:var(--ink-muted)}.pro-manage-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.subscription-pro-banner{text-align:center;padding:var(--space-lg);margin-bottom:var(--space-xl)}.subscription-pro-banner .pro-status{margin-bottom:var(--space-sm)}.subscription-pro-banner .pro-manage-desc{margin-bottom:var(--space-md)}.subscription-pro-banner .btn{display:inline-block}.card-pro-suggestions h3{color:var(--ink-muted);font-size:.95rem}.pro-suggestions-intro{font-size:.9rem;color:var(--ink-muted);margin:0 0 .5rem}.pro-suggestions-list{margin:0;padding-left:1.25rem;font-size:.9rem;color:var(--ink-muted)}.pro-suggestions-list li{margin-bottom:.35rem}.pro-gate{padding:1rem 0;text-align:center}.pro-gate-message{margin:1rem 0;color:#555;max-width:28rem;margin-left:auto;margin-right:auto}[data-theme=dark] .pro-gate-message{color:#9a9aaa}.pro-gate-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.view-subscription{max-width:680px;margin:0 auto;padding:0 var(--space-md) var(--space-2xl)}.subscription-back{margin-bottom:var(--space-sm)}.subscription-hero{text-align:center;margin-bottom:var(--space-xl);padding-top:var(--space-sm)}.subscription-hero-logo{display:block;height:32px;width:auto;object-fit:contain;margin:0 auto var(--space-md)}.subscription-hero-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin:0 0 var(--space-sm) 0;color:var(--ink);letter-spacing:-.03em}.subscription-hero-subtitle{font-size:1.05rem;color:var(--ink-muted);line-height:1.6;max-width:32rem;margin:0 auto}[data-theme=dark] .subscription-hero-subtitle{color:var(--ink-muted)}.subscription-login-box{text-align:center;padding:var(--space-xl);background:var(--paper-soft);border-radius:var(--radius);border:1px solid var(--border)}.subscription-login-required{margin:0;color:var(--ink-muted)}[data-theme=dark] .subscription-login-required{color:var(--ink-muted)}.subscription-auth-gate{text-align:center;padding:2.5rem 1.5rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 24px var(--shadow);position:relative;overflow:hidden}.subscription-auth-gate:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% -10%,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 65%);pointer-events:none}.subscription-auth-gate-icon{font-size:2.75rem;line-height:1;margin-bottom:.85rem;display:block}.subscription-auth-gate-title{font-size:1.25rem;font-weight:800;letter-spacing:-.025em;color:var(--ink);margin:0 0 .65rem;position:relative}.subscription-auth-gate-sub{font-size:.9rem;color:var(--ink-muted);line-height:1.65;max-width:360px;margin:0 auto 1.75rem;position:relative}.subscription-auth-gate-actions{display:flex;flex-direction:column;gap:.6rem;max-width:320px;margin:0 auto 1.25rem;position:relative}.subscription-auth-cta{background:linear-gradient(135deg,var(--accent),#e11d48)!important;border-radius:100px!important;font-size:1rem!important;font-weight:700!important;padding:.9rem 1.5rem!important;box-shadow:0 6px 20px #be123c4d!important}.subscription-auth-cta:hover{transform:translateY(-2px)!important;box-shadow:0 10px 28px #be123c61!important}.subscription-auth-gate-hint{font-size:.75rem;color:var(--ink-muted);line-height:1.55;max-width:340px;margin:0 auto;position:relative}.subscription-error{margin-bottom:var(--space-md);text-align:center}.subscription-plans{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-top:0}@media(max-width:540px){.subscription-plans{grid-template-columns:1fr}}.subscription-plan{position:relative;padding:var(--space-xl) var(--space-lg);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px var(--shadow);transition:box-shadow var(--transition-slow),transform var(--transition),border-color var(--transition)}.subscription-plan:hover{box-shadow:0 12px 32px var(--shadow-md)}.subscription-plan-featured{border-color:var(--accent);border-width:2px;box-shadow:0 8px 28px var(--shadow-md);background:linear-gradient(180deg,var(--paper) 0%,var(--paper-soft) 100%)}.subscription-plan-featured:hover{box-shadow:0 12px 40px var(--shadow-lg)}.subscription-plan-badge{position:absolute;top:var(--space-md);right:var(--space-md);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);padding:.35rem .7rem;border-radius:999px}.subscription-plan-name{font-size:1.15rem;font-weight:600;margin:0 0 var(--space-md) 0;color:var(--ink)}.subscription-plan-price-block{margin-bottom:var(--space-xs)}.subscription-price-was{display:block;font-size:1rem;color:var(--ink-muted);text-decoration:line-through;margin-bottom:.15em}.subscription-plan-price-row{display:flex;align-items:baseline;gap:var(--space-sm)}.subscription-plan-price .price-amount{font-size:2rem;font-weight:700;color:var(--ink);letter-spacing:-.03em}.subscription-plan-period{font-size:1rem;color:var(--ink-muted);font-weight:500}[data-theme=dark] .subscription-plan-period{color:var(--ink-muted)}.subscription-plan-save{font-size:.95rem;color:var(--success);margin:0 0 var(--space-md) 0;font-weight:600}.subscription-plan-features{list-style:none;margin:0 0 var(--space-lg) 0;padding:0;font-size:.9rem;color:var(--ink)}.subscription-plan-features li{margin-bottom:var(--space-sm);display:flex;align-items:flex-start;gap:var(--space-sm)}.subscription-feature-check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;background:var(--success-bg);color:var(--success);border-radius:50%;font-size:.65em;font-weight:700}.subscription-cta{margin-top:var(--space-xs);padding:.8rem 1.1rem;font-weight:600;border-radius:var(--radius-sm);transition:transform .1s ease,box-shadow var(--transition)}.pack-section{margin-top:var(--space-2xl);border-top:1px solid var(--border);padding-top:var(--space-xl)}.pack-section-title{font-size:1.25rem;font-weight:700;margin:0 0 var(--space-xs) 0;color:var(--ink);text-align:center}.pack-section-subtitle{font-size:.9rem;color:var(--ink-muted);text-align:center;margin:0 0 var(--space-lg) 0}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:700px){.pack-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.pack-grid{grid-template-columns:1fr}}.pack-card{padding:var(--space-lg) var(--space-md);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-sm)}.pack-card-unlocked{border-color:var(--success);background:var(--success-bg)}.pack-card-name{font-size:.9rem;font-weight:600;margin:0;color:var(--ink)}.pack-card-feature{font-size:.8rem;color:var(--ink-muted);margin:0}.pack-card-price{font-size:.85rem;font-weight:700;color:var(--accent);margin:0}.pack-card-btn{font-size:.85rem;padding:.55rem .75rem;margin-top:auto}.pack-card-unlocked-badge{font-size:.85rem;font-weight:700;color:var(--success);margin-top:auto}.subscription-trust{text-align:center;font-size:.875rem;color:var(--ink-muted);margin:var(--space-lg) 0 0}.subscription-trust .btn-link{font-size:inherit}.subscription-legal-links{text-align:center;font-size:.8rem;color:var(--ink-muted);margin:var(--space-sm) 0 0}[data-theme=dark] .subscription-trust,[data-theme=dark] .subscription-legal-links{color:var(--ink-muted)}.view-legal{max-width:640px;margin:0 auto;padding:0 var(--space-md) var(--space-2xl)}.view-legal .legal-title{margin-bottom:var(--space-lg)}.legal-content{font-size:.95rem;color:var(--ink)}.legal-content section{margin-bottom:var(--space-xl)}.legal-content h2{font-size:1rem;font-weight:600;margin:0 0 var(--space-sm);color:var(--ink)}.legal-content p{margin:0 0 var(--space-md);line-height:1.65;color:var(--ink-muted)}.legal-content p:last-child{margin-bottom:0}[data-theme=dark] .legal-content h2{color:var(--ink)}[data-theme=dark] .legal-content p{color:var(--ink-muted)}.header-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:.25rem}.streak-badge{background:var(--accent-soft);color:var(--ink);padding:.2rem .5rem;border-radius:999px;font-size:.85rem}.exercise-header-row{display:flex;align-items:center;gap:.5rem}.exercise-header-row .exercise-title-page{flex:1;margin:0}.btn-icon.btn-fav{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.6}.btn-icon.btn-fav:hover{opacity:1}.btn-icon.btn-fav.is-fav{opacity:1;color:var(--accent)}.btn-icon.btn-fav.fav-limit{opacity:.75;cursor:pointer}.japanese-text-row{display:flex;align-items:flex-start;gap:.5rem}.japanese-text-row .japanese-text{flex:1}.btn-audio{flex-shrink:0}.exercise-list-item{display:flex;align-items:center;gap:.25rem}.exercise-list-item .exercise-item{flex:1}.exercise-list-item .completed-dot{color:var(--success);margin-left:.25rem}.favorites-list-item{display:flex;align-items:center;gap:.5rem}.favorites-list-item .exercise-item{flex:1}.btn-icon.btn-fav-remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:#b91c1c;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition),background var(--transition)}.btn-icon.btn-fav-remove:hover{color:#991b1b;background:#b91c1c14}.btn-icon.btn-fav-remove:focus-visible{outline:2px solid #b91c1c;outline-offset:2px}[data-theme=dark] .btn-icon.btn-fav-remove{color:#f87171}[data-theme=dark] .btn-icon.btn-fav-remove:hover{color:#fca5a5;background:#f871711f}.card-head-row{display:flex;align-items:center;gap:.5rem}.card-head-row h3{flex:1;margin:0}.auth-loading{margin:.5rem 0;color:#666}.auth-error{color:#c00;margin:.5rem 0;font-size:.9rem}.auth-logged-in .logged-in-text{margin:0 0 .5rem}.auth-logged-in .btn{margin-top:.25rem}.auth-forms .auth-form{margin-bottom:1.25rem}.auth-forms .auth-form h4{font-size:.9rem;margin:0 0 .5rem;color:#555}.auth-forms .auth-form .input-text{display:block;width:100%;max-width:20rem;margin-bottom:.5rem}.auth-forms .auth-form .btn{margin-top:.25rem}.card-japanese .japanese-text,.card-solution .japanese-text{font-size:1.2rem;line-height:1.7;margin:0}.card-spanish .spanish-text{font-size:1.05rem;line-height:1.6;margin:0}.card-blanks .fill-blanks-sentence{font-size:1.2rem;line-height:2;margin:0}.blank-input{width:5em;min-width:3em;margin:0 .2rem;padding:.25rem .4rem;border:1px solid var(--border);border-radius:4px;font-size:1rem;font-family:inherit;vertical-align:middle}.blank-input:focus{outline:none;border-color:var(--accent)}.blanks-answers{margin:0;padding-left:1.25rem}.blanks-answers li{margin-bottom:.25rem}.possible-answers-list{margin:0;padding-left:1.25rem}.possible-answers-list li{margin-bottom:.35rem;line-height:1.5}.card-choices .options-list{display:flex;flex-direction:column;gap:.5rem}.option-btn{padding:.75rem 1rem;text-align:left;border:1px solid var(--border);border-radius:8px;background:var(--paper);color:var(--ink);font-size:1rem;cursor:pointer;transition:border-color .2s,background .2s}.option-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.option-btn.selected{border-color:var(--accent);background:var(--accent-soft)}.option-btn.correct-option{border-color:var(--success);background:var(--success-bg)}.option-btn.wrong-option{border-color:#a03030;background:#fce8e8}.translation-input.japanese-input{font-size:1.15rem}.translation-input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px}.translation-input:focus{outline:none;border-color:var(--accent)}.card-solution{border-color:var(--success);background:var(--success-bg)}.card-solution .correct-translation{font-size:1.05rem;margin:0 0 .75rem}.card-solution .solution-translation-title{font-size:1rem;font-weight:600;margin:1rem 0 .35rem;color:var(--ink)}.prompt-answer-en{margin:0;font-size:1.05rem;line-height:1.5;color:var(--ink)}.question-answer-instruction{margin:0 0 .5rem;font-size:.9rem;color:#5c5c6e}.exercise-note{font-size:.9rem;color:#555;margin:0 0 .5rem}.self-check-hint{font-size:.85rem;color:#666;margin:.75rem 0 0;padding-top:.75rem;border-top:1px solid var(--border)}.exercise-nav{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}.exercise-nav .btn-nav{background:var(--paper);border:1px solid var(--border);color:var(--ink)}.exercise-nav .btn-nav:hover{border-color:var(--accent)}.exercise-nav-srs{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:1.25rem}.btn-srs-again{flex:1;min-width:120px;padding:.75rem 1rem;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--paper-soft);color:var(--ink);font:inherit;font-weight:500;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.btn-srs-again:hover{border-color:var(--accent-fav);background:var(--accent-fav-soft)}.btn-srs-next{flex:1;min-width:120px;padding:.75rem 1rem;border-radius:var(--radius-sm);border:none;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background var(--transition)}.btn-srs-next:hover{background:var(--accent-hover)}.btn-kanji-random{border-color:var(--success);background:var(--success-bg)}.tour-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none;animation:tour-fade-in .25s ease}.tour-overlay .tour-card{pointer-events:auto}@keyframes tour-fade-in{0%{opacity:0}to{opacity:1}}.tour-backdrop{position:absolute;inset:0;background:transparent;pointer-events:none}.tour-card{position:fixed;right:var(--space-lg);bottom:var(--space-lg);max-width:320px;padding:var(--space-lg);background:var(--paper);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0000002e;border:1px solid var(--border)}@media(max-width:480px){.tour-card{right:var(--space-md);bottom:var(--space-md);left:var(--space-md);max-width:none}}.tour-title{font-size:1.25rem;font-weight:700;margin:0 0 var(--space-md) 0;color:var(--ink)}.tour-body{font-size:.95rem;line-height:1.6;color:var(--ink-muted);margin:0 0 var(--space-lg) 0}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.tour-skip{font-size:.9rem}.tour-dots{display:flex;justify-content:center;gap:.35rem;margin-top:var(--space-lg)}.tour-dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:background var(--transition)}.tour-dot--active{background:var(--accent);transform:scale(1.2)}[data-theme=dark] .tour-card{background:var(--paper);border-color:var(--border)}[data-theme=dark] .tour-title{color:var(--ink)}[data-theme=dark] .tour-body{color:var(--ink-muted)}.app-footer{text-align:center;font-size:.8rem;color:#777;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border)}.app-footer p{margin:.25rem 0}.app-footer-links{margin-top:.35rem}.app-footer-links .btn-link{font-size:inherit}.app-footer-contact{white-space:nowrap}.level-card-kanji{border-color:#2d5a27;background:linear-gradient(to bottom,var(--paper),var(--success-bg))}.view-kanji-mode .kanji-mode-choices{display:flex;flex-direction:column;gap:1rem}.btn-kanji-mode{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:1rem 1.25rem;background:var(--paper);border:1px solid var(--border);width:100%}.btn-kanji-mode:hover{border-color:var(--accent)}.kanji-mode-label{font-weight:600;margin-bottom:.25rem}.kanji-mode-hint{font-size:.9rem;color:#666;font-weight:400}.exercise-item .kanji-preview{font-size:1.5rem;font-weight:400}.card-kanji-prompt .kanji-meaning-prompt{font-size:1.3rem;margin:0;font-weight:600}.kanji-alt-meanings{font-size:.9rem;color:#666;margin:.5rem 0 0}.card-canvas .canvas-wrap{margin:.75rem 0;border:2px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;width:100%;aspect-ratio:1;max-width:420px;min-height:240px}.kanji-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none;background-color:#fff;padding:0}.btn-clear-canvas{margin-top:.5rem}.card-kanji-display .kanji-char-large,.card-solution .kanji-char-large{font-size:6rem;line-height:1;margin:.5rem 0;text-align:center;display:block}.kanji-meaning-input{min-height:auto;padding:.75rem;font-size:1.1rem}.card-kanji-examples{margin-top:1rem}.kanji-examples-list{list-style:none;margin:0;padding:0}.kanji-example-item{padding:.6rem 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.kanji-example-item:last-child{border-bottom:none}.kanji-example-jp{font-size:1.1rem;line-height:1.5}.kanji-example-es{font-size:.95rem;color:#555}@media(prefers-color-scheme:dark){:root{color:#e8e4dc;background:#2a2622;--ink: #e8e4dc;--paper: #36322c;--border: #4a4540;--shadow: rgba(0, 0, 0, .2)}.tagline,.level-desc,.card h3{color:#aaa}.level-card,.card{background:var(--paper);border-color:var(--border)}.exercise-item{background:var(--paper);border-color:var(--border);color:var(--ink)}.translation-input{background:#2a2622;border-color:var(--border);color:var(--ink)}.btn-secondary{background:#4a4540;color:var(--ink)}.btn-secondary:hover{background:#5a5550}.card-solution{background:#1e2a1c;border-color:#3d6b35}.exercise-difficulty,.exercise-difficulty-badge,.exercise-type-badge,.exercise-type-badge-page,.self-check-hint{color:#999}.filter-tab{background:var(--paper);border-color:var(--border);color:var(--ink)}.blank-input{background:#2a2622;border-color:var(--border);color:var(--ink)}.option-btn{background:var(--paper);border-color:var(--border);color:var(--ink)}.option-btn.wrong-option{background:#2a1e1e;border-color:#6b3535}.app-footer{color:#888;border-top-color:var(--border)}.card-canvas .canvas-wrap,.kanji-canvas{background:#2a2622}.kanji-example-es{color:#999}}@keyframes daily-goal-achieved{0%,to{transform:scale(1);box-shadow:0 0 #05966933}50%{transform:scale(1.02);box-shadow:0 4px 16px #05966940}}.daily-goal-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--accent-soft);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:var(--space-md);transition:background .3s ease,border-color .3s ease}.daily-goal-card--achieved{background:var(--success-bg);border-color:var(--success);animation:daily-goal-achieved 1.5s ease-in-out 2}.daily-goal-card--achieved .daily-goal-label,.daily-goal-card--achieved .daily-goal-value{color:var(--success);font-weight:700}[data-theme=dark] .daily-goal-card--achieved .daily-goal-label,[data-theme=dark] .daily-goal-card--achieved .daily-goal-value{color:var(--success)}.daily-goal-label{font-size:.9rem;color:var(--ink-muted)}.daily-goal-value{font-size:1.25rem;font-weight:700;color:var(--ink)}.option-row-daily-goal{flex-wrap:wrap;gap:var(--space-sm)}.session-summary-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md);background:var(--success-bg);border:1px solid var(--border);border-radius:var(--radius)}.session-summary-text{margin:0;font-size:.95rem;color:var(--ink)}.session-summary-dismiss{font-size:1.25rem;line-height:1;padding:.25rem}.level-complete-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md);background:var(--accent-progress-soft);border:1px solid var(--border);border-radius:var(--radius)}.level-complete-text{margin:0;font-size:.95rem;font-weight:600;color:var(--ink)}.stats-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg);box-shadow:0 2px 12px var(--shadow);margin-bottom:var(--space-md)}.stats-card h3{font-size:1rem;font-weight:600;margin:0 0 var(--space-md) 0;color:var(--ink)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md)}.stats-item{text-align:center;padding:var(--space-sm);background:var(--paper-soft);border-radius:var(--radius-sm)}.stats-value{font-size:1.5rem;font-weight:700;color:var(--ink);display:block}.stats-label{font-size:.8rem;color:var(--ink-muted);margin-top:var(--space-xs)}.stats-by-type{font-size:.8rem;color:var(--ink-muted);margin:var(--space-sm) 0 0}.favorites-limit-banner{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md);font-size:.9rem;color:var(--ink)}.favorites-limit-banner .btn-link{margin-top:var(--space-sm);display:inline-block}.srs-done{text-align:center;padding:var(--space-xl) 0}.srs-done .view-title{margin-bottom:var(--space-sm)}.srs-done .level-desc{margin-bottom:var(--space-lg)}.srs-done .btn{max-width:16rem;margin:0 auto}@keyframes landing-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-reveal-scale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-18px) rotate(var(--rot, 0deg))}}@keyframes badge-pulse{0%,to{box-shadow:0 0 #be123c4d}50%{box-shadow:0 0 0 6px #be123c00}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.landing{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,#fdfcfa,#f5f2ee 45%,#ede8e0);position:relative;overflow-x:hidden}.landing-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(190,18,60,.08) 0%,transparent 55%),radial-gradient(ellipse 60% 45% at 95% 55%,rgba(14,165,233,.07) 0%,transparent 50%),radial-gradient(ellipse 40% 35% at 5% 80%,rgba(217,119,6,.05) 0%,transparent 50%)}[data-theme=dark] .landing{background:linear-gradient(160deg,#0a0f1e,#0f172a 40%,#1a1f35)}[data-theme=dark] .landing-bg{background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(248,113,113,.1) 0%,transparent 55%),radial-gradient(ellipse 60% 45% at 95% 55%,rgba(56,189,248,.07) 0%,transparent 50%),radial-gradient(ellipse 40% 35% at 5% 80%,rgba(251,191,36,.06) 0%,transparent 50%)}.landing-floats{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.lf{position:absolute;font-family:Hiragino Sans,Yu Gothic,serif;font-weight:700;color:var(--accent);opacity:.04;animation:float-slow var(--dur, 8s) ease-in-out var(--delay, 0s) infinite;-webkit-user-select:none;user-select:none}[data-theme=dark] .lf{opacity:.07}.lf-1{font-size:9rem;top:4%;left:2%;--dur: 9s;--rot: -8deg;--delay: 0s}.lf-2{font-size:7rem;top:18%;right:3%;--dur: 11s;--rot: 5deg;--delay: 1s}.lf-3{font-size:11rem;top:45%;left:-1%;--dur: 8.5s;--rot: -3deg;--delay: 2s}.lf-4{font-size:6rem;top:65%;right:2%;--dur: 12s;--rot: 9deg;--delay: .5s}.lf-5{font-size:8rem;top:80%;left:4%;--dur: 10s;--rot: -6deg;--delay: 3s}.lf-6{font-size:5rem;top:30%;right:8%;--dur: 7s;--rot: 12deg;--delay: 1.5s}.lf-7{font-size:10rem;top:55%;right:0%;--dur: 9.5s;--rot: -10deg;--delay: 2.5s}.landing-header{padding:1.25rem 1.75rem;display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fdfcfab3;border-bottom:1px solid rgba(226,232,240,.6);animation:landing-reveal .5s ease-out both}[data-theme=dark] .landing-header{background:#0a0f1ebf;border-bottom-color:#33415599}.landing-header-inner{width:100%;max-width:1100px;display:flex;align-items:center;justify-content:space-between}.landing-logo-text{font-size:1.3rem;font-weight:700;color:var(--accent);letter-spacing:-.02em;font-family:Hiragino Sans,Yu Gothic,serif}.landing-header-nav{display:flex;align-items:center;gap:.5rem}.landing-nav-link{background:none;border:none;font:inherit;font-size:.9rem;font-weight:500;color:var(--ink-muted);cursor:pointer;padding:.4rem .75rem;border-radius:8px;transition:background .2s,color .2s}.landing-nav-link:hover{background:#0000000d;color:var(--ink)}.landing-nav-cta{background:var(--accent);border:none;font:inherit;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;padding:.45rem 1.1rem;border-radius:8px;transition:opacity .2s,transform .2s}.landing-nav-cta:hover{opacity:.88;transform:translateY(-1px)}.landing-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 1.5rem 4rem;max-width:1100px;margin:0 auto;width:100%;position:relative;z-index:1}.landing-hero{text-align:center;padding:4rem 0 3.5rem;margin-bottom:0;animation:landing-reveal .7s ease-out both;animation-delay:.1s}.landing-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--accent) 10%,white);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent);font-size:.8rem;font-weight:600;padding:.35rem .9rem;border-radius:100px;margin-bottom:1.5rem;animation:landing-reveal .5s ease-out both;letter-spacing:.01em}[data-theme=dark] .landing-hero-badge{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.landing-hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:badge-pulse 2s ease-in-out infinite}.landing-hero-logo{display:block;height:clamp(7rem,26vw,13rem);width:auto;max-width:min(95vw,500px);object-fit:contain;margin:0 auto 1.5rem;animation:landing-reveal-scale .8s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.15s;filter:drop-shadow(0 8px 24px rgba(190,18,60,.15))}.landing-hero-title{font-size:clamp(2.4rem,6.5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.04em;color:var(--ink);margin:0 0 1.25rem;animation:landing-reveal .6s ease-out both;animation-delay:.3s}.landing-hero-title-accent{background:linear-gradient(135deg,var(--accent) 0%,#e11d48 50%,#fb7185 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.landing-hero-sub{font-size:1.1rem;line-height:1.7;color:var(--ink-muted);max-width:560px;margin:0 auto 2.25rem;animation:landing-reveal .6s ease-out both;animation-delay:.45s}.landing-hero-cta{display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:landing-reveal .6s ease-out both;animation-delay:.6s}.landing-cta-primary{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:1.05rem;font-weight:700;padding:1rem 2.5rem;border-radius:100px;border:none;background:linear-gradient(135deg,var(--accent) 0%,#e11d48 100%);color:#fff;cursor:pointer;box-shadow:0 6px 24px #be123c59,0 1px 2px #0000001a;transition:transform .2s ease,box-shadow .2s ease;letter-spacing:.01em}.landing-cta-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 36px #be123c66,0 1px 2px #0000001a}.landing-cta-primary:active{transform:translateY(0) scale(1)}.landing-hero-hint{font-size:.82rem;color:var(--ink-muted);margin:0}.landing-hero-link{background:none;border:none;font:inherit;font-size:inherit;color:var(--accent);cursor:pointer;text-decoration:underline;padding:0}.landing-hero-link:hover{text-decoration:none}.landing-stats{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 2rem;width:100%;box-shadow:0 4px 24px var(--shadow);margin-bottom:5rem;animation:landing-reveal .6s ease-out both;animation-delay:.75s}.landing-stat{flex:1;min-width:100px;text-align:center;padding:.5rem 1rem}.landing-stat-number{display:block;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.04em;color:var(--accent);line-height:1;margin-bottom:.25rem}.landing-stat-label{font-size:.82rem;font-weight:500;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em}.landing-stat-divider{width:1px;height:2.5rem;background:var(--border);flex-shrink:0}.landing-section{width:100%;margin-bottom:5rem;animation:landing-reveal .7s ease-out both}.landing-section-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.6rem;text-align:center}.landing-section-title{font-size:clamp(1.6rem,4vw,2.25rem);font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0 0 .75rem;text-align:center}.landing-section-sub{font-size:1rem;color:var(--ink-muted);text-align:center;max-width:500px;margin:0 auto 2.5rem;line-height:1.65}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;width:100%}.landing-feature{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem 1.5rem;box-shadow:0 2px 12px var(--shadow);transition:box-shadow .25s ease,transform .2s ease,border-color .2s;animation:landing-reveal .6s ease-out both;animation-delay:var(--delay, .85s);position:relative;overflow:hidden}.landing-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .2s}.landing-feature:hover{box-shadow:0 16px 40px var(--shadow-md);transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.landing-feature:hover:before{opacity:1}.landing-feature-icon{font-size:2rem;margin-bottom:1rem;line-height:1;display:block}.landing-feature-title{font-size:1.05rem;font-weight:700;color:var(--ink);margin:0 0 .5rem}.landing-feature-desc{font-size:.88rem;line-height:1.65;color:var(--ink-muted);margin:0}.landing-how{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--paper)),var(--paper));border:1px solid var(--border);border-radius:var(--radius-lg);padding:3rem 2rem;box-shadow:0 4px 24px var(--shadow)}.landing-steps{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap;justify-content:center;margin-top:2rem;position:relative}.landing-step{flex:1;min-width:200px;max-width:260px;text-align:center;position:relative}.landing-step-num{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--accent);opacity:.5;margin-bottom:.75rem}.landing-step-icon{font-size:2.25rem;margin-bottom:.75rem;display:block;line-height:1}.landing-step-title{font-size:1.05rem;font-weight:700;color:var(--ink);margin:0 0 .4rem}.landing-step-desc{font-size:.85rem;color:var(--ink-muted);line-height:1.6;margin:0}.landing-step-arrow{position:absolute;top:2.8rem;right:-1.1rem;font-size:1.25rem;color:var(--accent);opacity:.3;font-weight:700}.landing-testimonials{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:2rem}.landing-testimonial{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 2px 12px var(--shadow);display:flex;flex-direction:column;gap:1rem;transition:box-shadow .2s,transform .2s}.landing-testimonial:hover{box-shadow:0 10px 30px var(--shadow-md);transform:translateY(-3px)}.landing-stars{color:#f59e0b;font-size:.9rem;letter-spacing:1px}.landing-testimonial-text{font-size:.9rem;line-height:1.65;color:var(--ink-muted);margin:0;flex:1;font-style:italic}.landing-testimonial-author{display:flex;align-items:center;gap:.75rem;margin-top:auto}.landing-testimonial-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.landing-testimonial-name{font-size:.88rem;font-weight:700;color:var(--ink)}.landing-testimonial-level{font-size:.75rem;color:var(--ink-muted)}.landing-pro{width:100%;margin-bottom:5rem;animation:landing-reveal .7s ease-out both}.landing-pro-inner{background:linear-gradient(135deg,#0f172a,#1e293b 60%,#0f172a);border-radius:var(--radius-lg);padding:3rem 2.5rem;text-align:center;position:relative;overflow:hidden}.landing-pro-inner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(190,18,60,.2) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 90% 80%,rgba(14,165,233,.1) 0%,transparent 50%);pointer-events:none}.landing-pro-badge{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7c2d12;font-size:.82rem;font-weight:800;padding:.35rem 1rem;border-radius:100px;margin-bottom:1.25rem;letter-spacing:.05em}.landing-pro-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.03em;color:#fff;margin:0 0 .75rem}.landing-pro-sub{font-size:1rem;color:#ffffffa6;margin:0 auto 2.5rem;max-width:440px;line-height:1.65}.landing-pro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem;margin-bottom:2.5rem;text-align:left}.landing-pro-item{display:flex;align-items:flex-start;gap:.65rem;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:.85rem 1rem;transition:background .2s}.landing-pro-item:hover{background:#ffffff1c}.landing-pro-item-icon{font-size:1.25rem;flex-shrink:0;line-height:1}.landing-pro-item-label{font-size:.85rem;font-weight:700;color:#fff;line-height:1.3}.landing-pro-item-desc{font-size:.75rem;color:#ffffff8c;line-height:1.3}.landing-pro-pricing{display:flex;align-items:baseline;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem;color:#ffffffd9}.landing-pro-price{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-.04em}.landing-pro-period{font-size:1rem;font-weight:400;color:#fff9}.landing-pro-or{font-size:.85rem;color:#fff6;padding:0 .25rem}.landing-pro-yearly{font-size:.9rem;color:#fbbf24}.landing-pro-cta{position:relative;z-index:1}.landing-cta-section{text-align:center;padding:3.5rem 2rem;background:var(--paper);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;box-shadow:0 4px 24px var(--shadow);animation:landing-reveal .6s ease-out both;position:relative;overflow:hidden}.landing-cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% -10%,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 70%);pointer-events:none}.landing-cta-section-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0 0 .5rem;position:relative}.landing-cta-section-sub{font-size:1rem;color:var(--ink-muted);margin:0 0 2rem;line-height:1.6;position:relative}.landing-cta-section-hint{font-size:.82rem;color:var(--ink-muted);margin:1rem 0 0;position:relative}.landing-footer{padding:1.5rem 1.75rem;border-top:1px solid var(--border);background:#00000005}[data-theme=dark] .landing-footer{background:#ffffff05}.landing-footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.landing-footer-brand{font-size:.88rem;font-weight:600;color:var(--accent)}.landing-footer-sep{color:var(--border);font-size:1rem}.landing-footer-text{font-size:.82rem;color:var(--ink-muted);margin:0}@media(prefers-reduced-motion:reduce){.landing-hero,.landing-hero-logo,.landing-hero-title,.landing-hero-sub,.landing-hero-cta,.landing-stats,.landing-section,.landing-feature,.landing-pro,.landing-cta-section,.lf{animation:none!important}}@media(max-width:600px){.landing-header{padding:1rem 1.25rem}.landing-main{padding:0 1rem 3rem}.landing-hero{padding:2.5rem 0}.landing-stats{gap:0;padding:1rem;flex-wrap:wrap}.landing-stat{min-width:80px;padding:.5rem}.landing-stat-divider{display:none}.landing-steps{flex-direction:column;align-items:center}.landing-step-arrow{display:none}.landing-step{max-width:100%}.landing-pro-inner{padding:2rem 1.25rem}.landing-pro-grid{grid-template-columns:1fr 1fr;gap:.65rem}.landing-testimonials,.landing-features{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:linear-gradient(165deg,#f8fafc,#f1f5f9,#e2e8f0 70%,#cbd5e1)}[data-theme=dark] .auth-page{background:linear-gradient(165deg,#0f172a,#1e293b 40%,#0f172a)}.auth-page-card{width:100%;max-width:420px;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.75rem;box-shadow:0 8px 32px var(--shadow-md);position:relative;transition:box-shadow var(--transition-slow)}.auth-page-card--narrow{max-width:440px;text-align:center}.auth-page-back{position:absolute;top:1.25rem;left:1.25rem;background:none;border:none;font:inherit;font-size:.9rem;color:#6b6b7e;cursor:pointer;padding:.25rem 0;transition:color .2s}.auth-page-back:hover{color:var(--accent)}[data-theme=dark] .auth-page-back{color:#9a9aaa}.auth-page-title{font-size:1.6rem;font-weight:700;color:var(--ink);margin:0 0 .35rem;letter-spacing:-.02em}.auth-page-sub{font-size:.95rem;color:#6b6b7e;margin:0 0 1.5rem}[data-theme=dark] .auth-page-sub{color:#9a9aaa}.auth-page-form{display:flex;flex-direction:column;gap:1.1rem}.auth-page-error{font-size:.9rem;color:#c41e3a;background:#fef2f2;padding:.6rem .75rem;border-radius:8px;border:1px solid #fecaca}[data-theme=dark] .auth-page-error{background:#3a1e1e;border-color:#6b3535;color:#e88}.auth-page-label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;color:var(--ink)}.auth-page-input{font:inherit;font-size:1rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--paper-soft);color:var(--ink);transition:border-color .2s}.auth-page-input::placeholder{color:#8a8a9a}.auth-page-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #c41e3a26}.auth-page-btn{font:inherit;font-size:1rem;font-weight:600;padding:.75rem 1.25rem;border-radius:10px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s;margin-top:.25rem}.auth-page-btn:disabled{opacity:.7;cursor:not-allowed}.auth-page-btn--primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px #c41e3a4d}.auth-page-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #c41e3a59}.auth-page-btn--secondary{background:transparent;color:var(--ink);border:2px solid var(--border);margin-top:1rem}.auth-page-btn--secondary:hover{border-color:var(--accent);color:var(--accent)}.auth-page-footer-hint{font-size:.8rem;color:#8a8a9a;margin:1.5rem 0 0;line-height:1.5}[data-theme=dark] .auth-page-footer-hint{color:#7a7a8a}.auth-page-alt{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1.1rem;font-size:.9rem;color:#6b6b7e}[data-theme=dark] .auth-page-alt{color:#9a9aaa}.auth-page-link{background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--accent);cursor:pointer}.auth-page-link:hover{text-decoration:underline}.auth-page-verify-icon{font-size:3rem;margin-bottom:1rem;line-height:1;opacity:.9}.auth-page-verify-text{font-size:1rem;line-height:1.6;color:var(--ink);margin:0 0 1rem}.auth-page-verify-text strong{color:var(--accent)}.auth-page-verify-hint{font-size:.9rem;color:#6b6b7e;margin:0 0 1.5rem;line-height:1.5}[data-theme=dark] .auth-page-verify-hint{color:#9a9aaa}.view-jlpt{display:flex;flex-direction:column}.jlpt-level-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.jlpt-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg);box-shadow:0 2px 8px var(--shadow)}.jlpt-card--locked{opacity:.85}.jlpt-card-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.jlpt-level-badge{font-size:1.25rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.jlpt-card-desc{font-size:.9rem;color:var(--ink-muted);margin:0 0 var(--space-xs) 0;line-height:1.5}.jlpt-card-meta{font-size:.8rem;color:var(--ink-muted);margin:0 0 var(--space-md) 0;font-weight:500}.jlpt-pro-note{font-size:.85rem;color:var(--ink-muted);text-align:center;margin-top:var(--space-sm)}.btn-listening-toggle{font-size:.8rem;padding:.3rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--paper-soft);color:var(--ink-muted);cursor:pointer;font-weight:500;transition:background var(--transition),color var(--transition),border-color var(--transition);display:inline-flex;align-items:center;gap:.25rem}.btn-listening-toggle:hover{background:var(--border);color:var(--ink)}.btn-listening-toggle--on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.listening-hidden-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0}.listening-hidden-label{font-size:.9rem;color:var(--ink-muted);font-style:italic;flex:1}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.card-grammar-note{border-left:3px solid var(--accent);background:var(--paper-soft)}.grammar-note-title{font-size:.9rem;font-weight:600;color:var(--accent);margin:0 0 var(--space-xs) 0}.grammar-note-text{font-size:.9rem;color:var(--ink);margin:0;line-height:1.6}.grammar-note-gate{display:flex;align-items:flex-start;gap:var(--space-sm)}.grammar-note-icon{font-size:1.25rem;flex-shrink:0}.grammar-note-gate-text{font-size:.875rem;color:var(--ink-muted);margin:0 0 var(--space-xs) 0}.view-analytics{display:flex;flex-direction:column;gap:var(--space-lg)}.analytics-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg);box-shadow:0 2px 8px var(--shadow)}.analytics-card-title{font-size:1rem;font-weight:600;margin:0 0 var(--space-xs) 0;color:var(--ink)}.analytics-card-meta{font-size:.85rem;color:var(--ink-muted);margin:0 0 var(--space-md) 0}.analytics-empty{font-size:.9rem;color:var(--ink-muted);margin:0}.heatmap-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.heatmap-cell{aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.heatmap-cell--active{background:var(--accent)}.heatmap-cell--empty{background:var(--border)}.heatmap-day-label{font-size:.55rem;color:var(--paper);font-weight:600;line-height:1}.heatmap-cell--empty .heatmap-day-label{color:var(--ink-muted)}.level-progress-list{display:flex;flex-direction:column;gap:var(--space-sm)}.level-progress-row{display:flex;flex-direction:column;gap:4px}.level-progress-labels{display:flex;justify-content:space-between;font-size:.85rem}.level-progress-name{color:var(--ink);font-weight:500}.level-progress-count{color:var(--ink-muted)}.level-progress-bar-bg{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.level-progress-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .4s ease;min-width:2px}.type-breakdown-list{display:flex;flex-direction:column;gap:var(--space-sm)}.type-breakdown-row{display:grid;grid-template-columns:120px 1fr 36px;align-items:center;gap:var(--space-sm)}.type-breakdown-label{font-size:.85rem;color:var(--ink);font-weight:500}.type-breakdown-bar-bg{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.type-breakdown-bar-fill{height:100%;background:var(--accent-progress);border-radius:4px;transition:width .4s ease;min-width:2px}.type-breakdown-count{font-size:.85rem;color:var(--ink-muted);text-align:right}.view-custom-decks{display:flex;flex-direction:column}.custom-decks-list{display:flex;flex-direction:column;gap:var(--space-md)}.custom-deck-card{display:flex;flex-direction:column;gap:var(--space-sm)}.custom-deck-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn-sm{font-size:.8rem;padding:.3rem .7rem}.btn-danger{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.btn-danger:hover{background:#fecaca}[data-theme=dark] .btn-danger{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}.custom-cards-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.custom-card-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);background:var(--paper-soft);border-radius:var(--radius-sm);border:1px solid var(--border)}.custom-card-texts{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.custom-card-jp{font-size:1.05rem}.custom-card-en{font-size:.85rem;color:var(--ink-muted)}.dashboard-card-jlpt .dashboard-card-icon{color:var(--accent)}.dashboard-card-analytics .dashboard-card-icon{color:var(--accent-progress)}.dashboard-card-custom-decks .dashboard-card-icon{color:var(--accent-fav)}.onboarding-overlay{position:fixed;inset:0;z-index:1000;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1rem}.onboarding-card{background:var(--surface);border-radius:1.25rem;box-shadow:0 8px 40px #0000002e;padding:2rem 1.75rem;width:100%;max-width:480px;max-height:92vh;overflow-y:auto;position:relative;transition:opacity .18s ease,transform .18s ease}.onboarding-card--enter{opacity:1;transform:translateY(0)}.onboarding-card--exit{opacity:0;transform:translateY(10px)}.onboarding-progress{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.75rem}.onboarding-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background .2s}.onboarding-dot--done{background:var(--accent)}.onboarding-dot--active{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.onboarding-dot--pending{background:var(--border)}.onboarding-dot--star{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--ink-muted)}.onboarding-dot--star.onboarding-dot--active{background:var(--accent);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.onboarding-back{position:absolute;top:1.25rem;left:1.25rem;background:none;border:none;font-size:1.25rem;color:var(--ink-muted);cursor:pointer;padding:.25rem .5rem;border-radius:.5rem;line-height:1}.onboarding-back:hover{background:var(--border)}.onboarding-heading{font-size:1.3rem;font-weight:700;color:var(--ink);margin:0 0 .4rem;text-align:center}.onboarding-subheading{font-size:.875rem;color:var(--ink-muted);margin:0 0 1.25rem;text-align:center}.onboarding-options{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.onboarding-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg);border:2px solid var(--border);border-radius:.75rem;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;width:100%}.onboarding-option:hover{border-color:var(--accent)}.onboarding-option--selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.onboarding-option-icon{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.onboarding-option-text{display:flex;flex-direction:column;flex:1;min-width:0}.onboarding-option-label{font-size:.9rem;font-weight:600;color:var(--ink)}.onboarding-option-desc{font-size:.78rem;color:var(--ink-muted)}.onboarding-option-check{font-size:1rem;color:var(--accent);font-weight:700;width:1.2rem;text-align:center;flex-shrink:0}.onboarding-next{width:100%;padding:.85rem;border-radius:.75rem;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:opacity .15s}.onboarding-next:disabled{opacity:.4;cursor:not-allowed}.onboarding-next:not(:disabled):hover{opacity:.88}.onboarding-upsell{position:relative}.onboarding-close{position:absolute;top:-.5rem;right:-.25rem;background:none;border:none;font-size:1.5rem;color:var(--ink-muted);cursor:pointer;line-height:1;padding:.25rem .5rem;border-radius:.5rem}.onboarding-close:hover{background:var(--border)}.onboarding-upsell-hero{text-align:center;margin-bottom:1.25rem}.onboarding-upsell-crown{font-size:2.5rem;display:block;margin-bottom:.5rem}.onboarding-upsell-heading{font-size:1.35rem;font-weight:700;color:var(--ink);margin:0 0 .3rem}.onboarding-upsell-sub{font-size:.875rem;color:var(--ink-muted);margin:0}.onboarding-features-grid{list-style:none;padding:0;margin:0 0 1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.onboarding-feature-item{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .7rem;background:var(--bg);border-radius:.6rem;border:1px solid var(--border)}.onboarding-feature-icon{font-size:1.15rem;flex-shrink:0}.onboarding-feature-text{display:flex;flex-direction:column;min-width:0}.onboarding-feature-label{font-size:.8rem;font-weight:600;color:var(--ink);line-height:1.2}.onboarding-feature-desc{font-size:.7rem;color:var(--ink-muted);line-height:1.2}.onboarding-upsell-pricing{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:1rem;flex-wrap:wrap}.onboarding-price-from{font-size:.8rem;color:var(--ink-muted)}.onboarding-price-amount{font-size:2rem;font-weight:800;color:var(--ink);line-height:1}.onboarding-price-period{font-size:.9rem;color:var(--ink-muted)}.onboarding-price-yearly{font-size:.78rem;color:var(--accent);font-weight:600}.onboarding-cta{width:100%;padding:.9rem;border-radius:.75rem;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;border:none;cursor:pointer;margin-bottom:.75rem;transition:opacity .15s}.onboarding-cta:hover{opacity:.88}.onboarding-skip{display:block;width:100%;padding:.5rem;background:none;border:none;font-size:.85rem;color:var(--ink-muted);cursor:pointer;text-align:center;border-radius:.5rem}.onboarding-skip:hover{color:var(--ink)}.db{padding-bottom:3rem;display:flex;flex-direction:column;gap:0}.db-banner{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.88rem;font-weight:500}.db-banner--success{background:var(--success-bg);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}.db-banner--warn{background:var(--accent-fav-soft);color:var(--accent-fav);border:1px solid color-mix(in srgb,var(--accent-fav) 30%,transparent)}.db-banner--level{background:color-mix(in srgb,var(--accent-progress) 12%,var(--paper));color:var(--accent-progress);border:1px solid color-mix(in srgb,var(--accent-progress) 30%,transparent)}.db-banner-icon{font-size:1rem;flex-shrink:0}.db-banner-text{flex:1}.db-banner-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:inherit;opacity:.6;padding:0;line-height:1;flex-shrink:0}.db-banner-close:hover{opacity:1}.db-topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem;padding-top:.25rem}.db-greeting-text{margin:0;font-size:1.1rem;font-weight:700;color:var(--ink);letter-spacing:-.02em}.db-date{margin:.1rem 0 0;font-size:.8rem;color:var(--ink-muted)}.db-topbar-actions{display:flex;align-items:center;gap:.4rem}.db-action-btn{background:var(--paper);border:1px solid var(--border);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-muted);transition:background .15s,color .15s,border-color .15s}.db-action-btn:hover{background:var(--paper-soft);color:var(--ink);border-color:var(--accent)}.db-profile{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;box-shadow:0 2px 8px var(--shadow)}.db-profile-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#e11d48);color:#fff;font-size:1.35rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #be123c4d}.db-profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.db-profile-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.db-profile-name{font-size:1rem;font-weight:700;color:var(--ink)}.db-pro-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7c2d12;font-size:.68rem;font-weight:800;padding:.15rem .5rem;border-radius:100px;letter-spacing:.03em}.db-profile-email{font-size:.78rem;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-profile-since{font-size:.75rem;color:var(--ink-muted)}.db-upgrade-btn{background:linear-gradient(135deg,var(--accent),#e11d48);color:#fff;border:none;font:inherit;font-size:.78rem;font-weight:700;padding:.4rem .85rem;border-radius:100px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s,transform .15s}.db-upgrade-btn:hover{opacity:.88;transform:translateY(-1px)}.db-stats-row{display:flex;align-items:center;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1rem .75rem;margin-bottom:1rem;box-shadow:0 2px 8px var(--shadow)}.db-stat{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem}.db-stat-val{font-size:1.6rem;font-weight:800;letter-spacing:-.04em;color:var(--ink);line-height:1}.db-stat-val--streak{color:var(--accent)}.db-stat-label{font-size:.68rem;font-weight:500;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center}.db-stat-div{width:1px;height:2rem;background:var(--border);flex-shrink:0}.db-today{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem 1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px var(--shadow)}.db-today-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.85rem}.db-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);display:block;margin-bottom:.15rem}.db-today-sub{font-size:.78rem;color:var(--ink-muted)}.db-activity-cal{display:flex;gap:4px;flex-wrap:nowrap}.db-activity-day{flex:1;min-width:0;aspect-ratio:1;border-radius:5px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .15s}.db-activity-day:hover{transform:scale(1.2);z-index:1}.db-activity-day--on{background:var(--accent)}.db-activity-day--off{background:var(--border)}.db-activity-day--today{outline:2px solid var(--accent);outline-offset:1px}.db-activity-label{font-size:.55rem;font-weight:600;color:#fff;line-height:1}.db-activity-day--off .db-activity-label{color:var(--ink-muted)}.db-goal{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.db-goal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.db-goal-label{font-size:.82rem;font-weight:600;color:var(--ink)}.db-goal--met .db-goal-label{color:var(--success)}.db-goal-count{font-size:.78rem;font-weight:600;color:var(--ink-muted)}.db-goal-bar-bg{height:6px;background:var(--border);border-radius:100px;overflow:hidden}.db-goal-bar-fill{height:100%;background:var(--accent);border-radius:100px;transition:width .4s ease}.db-goal--met .db-goal-bar-fill{background:var(--success)}.db-section{margin-bottom:1.5rem}.db-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.85rem}.db-section-title{font-size:.95rem;font-weight:700;color:var(--ink);letter-spacing:-.01em;margin:0 0 .85rem}.db-section-header .db-section-title{margin:0}.db-section-meta{font-size:.78rem;color:var(--ink-muted)}.db-overall-bar-bg{height:10px;background:var(--border);border-radius:100px;overflow:hidden;margin-bottom:1.1rem}.db-overall-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#e11d48);border-radius:100px;display:flex;align-items:center;justify-content:flex-end;transition:width .5s ease;min-width:2rem}.db-overall-bar-label{font-size:.6rem;font-weight:700;color:#fff;padding-right:.35rem;white-space:nowrap}.db-levels-list{display:flex;flex-direction:column;gap:.6rem}.db-level-row{width:100%;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;font:inherit}.db-level-row:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--shadow-md)}.db-level-row--locked{opacity:.65}.db-level-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.db-level-name{font-size:.85rem;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:.4rem}.db-lock-icon{font-size:.75rem}.db-level-count{font-size:.75rem;font-weight:600;color:var(--ink-muted)}.db-level-bar-bg{height:5px;background:var(--border);border-radius:100px;overflow:hidden}.db-level-bar-fill{height:100%;background:var(--accent-progress);border-radius:100px;transition:width .4s ease}.db-level-bar-fill--done{background:var(--success)}.db-practice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.db-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;cursor:pointer;position:relative;transition:box-shadow .2s,transform .15s,border-color .15s;overflow:hidden}.db-card:hover{box-shadow:0 8px 24px var(--shadow-md);transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.db-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.db-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .2s}.db-card:hover:before{opacity:1}.db-card--locked{opacity:.65}.db-card--locked:hover{transform:none;box-shadow:none}.db-card--done:before{opacity:1;background:var(--success)}.db-card-pro-badge{position:absolute;top:.6rem;right:.6rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7c2d12;font-size:.6rem;font-weight:800;padding:.15rem .45rem;border-radius:100px;letter-spacing:.04em}.db-card-done-badge{position:absolute;top:.6rem;right:.6rem;background:var(--success-bg);color:var(--success);font-size:.7rem;font-weight:800;padding:.15rem .45rem;border-radius:100px}.db-card-num{display:block;font-size:.62rem;font-weight:800;letter-spacing:.1em;color:var(--accent);opacity:.6;margin-bottom:.3rem;text-transform:uppercase}.db-card-icon{display:block;font-size:1.75rem;line-height:1;margin-bottom:.5rem}.db-card-title{font-size:.9rem;font-weight:700;color:var(--ink);margin:0 0 .25rem;line-height:1.2}.db-card-desc{font-size:.75rem;color:var(--ink-muted);margin:0;line-height:1.4}.db-card-footer{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.db-card-progress{font-size:.7rem;font-weight:700;color:var(--ink-muted);white-space:nowrap;flex-shrink:0}.db-card-minibar-bg{flex:1;height:4px;background:var(--border);border-radius:100px;overflow:hidden}.db-card-minibar-fill{height:100%;background:var(--accent-progress);border-radius:100px;transition:width .4s}.db-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.db-tool{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem;cursor:pointer;text-align:left;font:inherit;position:relative;transition:box-shadow .15s,transform .15s,border-color .15s;overflow:hidden}.db-tool:hover{box-shadow:0 6px 18px var(--shadow-md);transform:translateY(-2px)}.db-tool--locked{opacity:.6}.db-tool--locked:hover{transform:none;box-shadow:none}.db-tool-lock{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7c2d12;font-size:.58rem;font-weight:800;padding:.1rem .4rem;border-radius:100px;letter-spacing:.03em}.db-tool-icon{font-size:1.25rem;line-height:1;margin-bottom:.3rem}.db-tool-name{font-size:.83rem;font-weight:700;color:var(--ink);line-height:1.2}.db-tool-meta{font-size:.72rem;color:var(--ink-muted)}.db-tool-favorites:hover{border-color:var(--accent-fav)}.db-tool-favorites .db-tool-icon{color:var(--accent-fav)}.db-tool-review:hover{border-color:var(--accent-progress)}.db-tool-review .db-tool-icon{color:var(--accent-progress)}.db-extra-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.db-extra-stat{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem .75rem;text-align:center;display:flex;flex-direction:column;gap:.2rem}.db-extra-stat-val{font-size:1.4rem;font-weight:800;letter-spacing:-.04em;color:var(--ink);line-height:1}.db-extra-stat-label{font-size:.68rem;font-weight:500;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}[data-theme=dark] .db-profile-avatar{box-shadow:0 4px 12px #f8717140}@media(max-width:500px){.db-stats-row{padding:.75rem .25rem}.db-stat-val{font-size:1.3rem}.db-stat-label{font-size:.6rem}.db-extra-stats-grid{grid-template-columns:repeat(3,1fr)}}.sv{padding-bottom:3rem;display:flex;flex-direction:column;gap:.85rem}.sv-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding-top:.25rem}.sv-back{display:flex;align-items:center;gap:.3rem;background:none;border:none;font:inherit;font-size:.88rem;font-weight:600;color:var(--ink-muted);cursor:pointer;padding:.35rem .6rem;border-radius:8px;transition:background .15s,color .15s}.sv-back:hover{background:var(--paper);color:var(--ink)}.sv-page-title{font-size:1rem;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.02em}.sv-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem 1.25rem;box-shadow:0 2px 8px var(--shadow);transition:box-shadow .2s}.sv-card:hover{box-shadow:0 4px 16px var(--shadow-md)}.sv-section-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.1rem}.sv-section-icon{font-size:1.35rem;line-height:1;flex-shrink:0;margin-top:.05rem}.sv-section-title{font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 .15rem;letter-spacing:-.01em}.sv-section-sub{font-size:.78rem;color:var(--ink-muted);margin:0}.sv-loading{font-size:.88rem;color:var(--ink-muted);padding:.5rem 0}.sv-account-logged{display:flex;align-items:center;gap:.85rem}.sv-account-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#e11d48);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sv-account-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.sv-account-name{font-size:.95rem;font-weight:700;color:var(--ink);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-account-email{font-size:.78rem;color:var(--ink-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-pro-chip{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7c2d12;font-size:.65rem;font-weight:800;padding:.15rem .5rem;border-radius:100px;margin-top:.1rem;letter-spacing:.03em}.sv-auth-forms{display:flex;flex-direction:column;gap:1rem}.sv-auth-error{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;border-radius:8px;padding:.6rem .85rem;font-size:.82rem;margin:0}[data-theme=dark] .sv-auth-error{background:#ef444426;color:#f87171;border-color:#ef44444d}.sv-auth-divider{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--ink-muted)}.sv-auth-divider:before,.sv-auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.sv-form{display:flex;flex-direction:column;gap:.5rem}.sv-form-title{font-size:.88rem;font-weight:700;color:var(--ink);margin:0 0 .25rem}.sv-local-users{display:flex;flex-direction:column;gap:.75rem}.sv-user-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.sv-user-item{display:flex;align-items:center;gap:.5rem;border-radius:var(--radius-sm);padding:.1rem;transition:background .15s}.sv-user-item--active{background:color-mix(in srgb,var(--accent) 6%,transparent)}.sv-user-btn{flex:1;display:flex;align-items:center;gap:.65rem;background:none;border:none;font:inherit;cursor:pointer;padding:.55rem .65rem;border-radius:var(--radius-sm);text-align:left;transition:background .15s}.sv-user-btn:hover{background:var(--paper-soft)}.sv-user-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sv-user-item--active .sv-user-avatar{background:var(--accent);color:#fff}.sv-user-name{font-size:.88rem;font-weight:600;color:var(--ink);flex:1}.sv-user-active-dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex-shrink:0}.sv-user-remove{background:none;border:none;cursor:pointer;color:var(--ink-muted);padding:.4rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.sv-user-remove:hover{background:#fee2e2;color:#dc2626}[data-theme=dark] .sv-user-remove:hover{background:#ef444426;color:#f87171}.sv-add-user{display:flex;gap:.5rem}.sv-add-btn{flex-shrink:0}.sv-input{width:100%;padding:.65rem .85rem;border:1.5px solid var(--border);border-radius:10px;font:inherit;font-size:.9rem;color:var(--ink);background:var(--paper-soft);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.sv-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}[data-theme=dark] .sv-input{background:#ffffff0d}.sv-primary-btn{width:100%;padding:.7rem 1.25rem;background:linear-gradient(135deg,var(--accent),#e11d48);color:#fff;border:none;border-radius:10px;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s}.sv-primary-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.sv-primary-btn:disabled{opacity:.45;cursor:not-allowed}.sv-secondary-btn{width:100%;padding:.7rem 1.25rem;background:var(--paper-soft);color:var(--ink);border:1.5px solid var(--border);border-radius:10px;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.sv-secondary-btn:hover:not(:disabled){border-color:var(--accent);background:var(--paper)}.sv-secondary-btn:disabled{opacity:.45;cursor:not-allowed}.sv-danger-btn{padding:.45rem .9rem;background:none;border:1.5px solid #fca5a5;color:#dc2626;border-radius:8px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s}.sv-danger-btn:hover{background:#fee2e2}[data-theme=dark] .sv-danger-btn{border-color:#ef444466;color:#f87171}[data-theme=dark] .sv-danger-btn:hover{background:#ef44441a}.sv-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.sv-theme-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .5rem;background:var(--paper-soft);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font:inherit;text-align:center;position:relative;transition:border-color .15s,background .15s}.sv-theme-btn--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--paper))}.sv-theme-btn:hover:not(.sv-theme-btn--active){border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.sv-theme-icon{font-size:1.35rem;line-height:1}.sv-theme-label{font-size:.82rem;font-weight:700;color:var(--ink)}.sv-theme-desc{font-size:.68rem;color:var(--ink-muted)}.sv-theme-check{position:absolute;top:.4rem;right:.4rem;width:18px;height:18px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.sv-goal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.sv-goal-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .25rem;background:var(--paper-soft);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font:inherit;text-align:center;transition:border-color .15s,background .15s}.sv-goal-btn--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--paper))}.sv-goal-btn:hover:not(.sv-goal-btn--active){border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.sv-goal-num{font-size:1.1rem;font-weight:800;color:var(--ink);letter-spacing:-.03em}.sv-goal-btn--active .sv-goal-num{color:var(--accent)}.sv-goal-desc{font-size:.6rem;color:var(--ink-muted);line-height:1.2}.sv-card-pro{background:linear-gradient(135deg,#0f172a,#1e293b 60%,#0f172a);border-color:#fbbf2440;position:relative;overflow:hidden}.sv-card-pro:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(251,191,36,.12) 0%,transparent 60%);pointer-events:none}.sv-card-pro--active{border-color:#fbbf2466}.sv-pro-upsell-header,.sv-pro-active-header{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.25rem;position:relative}.sv-pro-crown{font-size:1.75rem;line-height:1;flex-shrink:0}.sv-card-pro .sv-section-title{color:#fff}.sv-card-pro .sv-section-sub{color:#ffffff8c}.sv-pro-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1.25rem;position:relative}.sv-pro-feature{display:flex;align-items:flex-start;gap:.55rem;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.6rem .7rem}.sv-pro-feature-icon{font-size:1rem;flex-shrink:0;line-height:1;margin-top:.05rem}.sv-pro-feature-label{font-size:.78rem;font-weight:700;color:#fff;line-height:1.3}.sv-pro-feature-desc{font-size:.68rem;color:#ffffff80;margin-top:.1rem;line-height:1.2}.sv-upgrade-btn{width:100%;padding:.85rem 1.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7c2d12;border:none;border-radius:100px;font:inherit;font-size:.95rem;font-weight:800;cursor:pointer;position:relative;transition:opacity .15s,transform .15s}.sv-upgrade-btn:hover{opacity:.9;transform:translateY(-2px)}.sv-manage-btn{background:#ffffff1a;border-color:#fff3;color:#fffc;font-size:.85rem;position:relative}.sv-manage-btn:hover{background:#ffffff26;border-color:#ffffff59;color:#fff}.sv-more-list{display:flex;flex-direction:column}.sv-more-divider{height:1px;background:var(--border);margin:0}.sv-more-row{display:flex;align-items:center;gap:.75rem;padding:.85rem 0;background:none;border:none;font:inherit;cursor:pointer;text-align:left;color:var(--ink);text-decoration:none;transition:color .15s}.sv-more-row:hover{color:var(--accent)}.sv-more-row svg{flex-shrink:0;color:var(--ink-muted);transition:color .15s}.sv-more-row:hover svg{color:var(--accent)}.sv-more-row-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.sv-more-row-title{font-size:.9rem;font-weight:600}.sv-more-row-desc{font-size:.75rem;color:var(--ink-muted)}.sv-footer-hint{text-align:center;font-size:.78rem;color:var(--ink-muted);margin:.5rem 0 0;font-family:Hiragino Sans,Yu Gothic,serif}@media(max-width:420px){.sv-goal-grid{grid-template-columns:repeat(5,1fr);gap:.35rem}.sv-goal-num{font-size:.9rem}.sv-goal-desc{display:none}.sv-pro-features-grid{grid-template-columns:1fr 1fr}}.lp{display:flex;flex-direction:column;min-height:100vh;background:var(--paper);color:var(--ink);padding-bottom:3rem}.lp-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border);background:var(--paper);position:sticky;top:0;z-index:10}.lp-back{display:flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--ink-muted);font-size:.85rem;cursor:pointer;padding:.35rem .6rem;border-radius:var(--radius);transition:color .15s,background .15s;min-width:4rem}.lp-back:hover{color:var(--ink);background:var(--paper-soft)}.lp-page-title{font-size:1.05rem;font-weight:700;color:var(--ink);margin:0;text-align:center}.lp-header{padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.lp-desc{font-size:.85rem;color:var(--ink-muted);margin:0 0 .75rem}.lp-progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.lp-progress-label{font-size:.8rem;color:var(--ink-muted)}.lp-progress-pct{font-size:.8rem;font-weight:700;color:var(--accent)}.lp-progress-track{height:8px;background:var(--paper-soft);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.lp-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .5s ease;min-width:4px}.lp-filter-tabs{display:flex;gap:.4rem;padding:.75rem 1.25rem;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.lp-filter-tabs::-webkit-scrollbar{display:none}.lp-filter-tab{flex-shrink:0;background:var(--paper-soft);border:1.5px solid var(--border);color:var(--ink-muted);font-size:.78rem;font-weight:500;padding:.35rem .75rem;border-radius:999px;cursor:pointer;transition:all .15s;white-space:nowrap}.lp-filter-tab:hover{color:var(--ink);border-color:var(--accent)}.lp-filter-tab--on{background:var(--accent);color:#fff;border-color:var(--accent)}.lp-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;padding:1rem 0 2rem}.lp-stage{position:relative;flex-shrink:0}.lp-svg{position:absolute;inset:0;pointer-events:none}.lp-line--done{stroke:var(--accent);opacity:.6}.lp-line--upcoming{stroke:var(--border);opacity:1}.lp-checkpoint{position:absolute;display:flex;align-items:center;gap:.4rem;background:var(--paper);border:1.5px solid var(--border);border-radius:999px;padding:.25rem .75rem .25rem .4rem;width:128px;box-shadow:0 2px 8px #00000014}.lp-checkpoint-icon{font-size:1rem}.lp-checkpoint-label{font-size:.72rem;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.lp-node{position:absolute;width:56px;display:flex;flex-direction:column;align-items:center;gap:4px}.lp-pulse{position:absolute;top:-8px;left:-8px;width:72px;height:72px;border-radius:50%;border:3px solid var(--accent);opacity:.4;animation:lp-pulse 1.6s ease-in-out infinite;pointer-events:none}@keyframes lp-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.18);opacity:.15}}.lp-node-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;position:relative;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 12px #0000001f}.lp-node-btn:hover{transform:scale(1.08)}.lp-node-btn:active{transform:scale(.96)}.lp-node-btn--completed{background:var(--accent);color:#fff}.lp-node-btn--current{background:var(--accent);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent),0 4px 16px #0003}.lp-node-btn--upcoming{background:var(--paper-soft);color:var(--ink-muted);border:2px solid var(--border);box-shadow:0 2px 8px #00000012}.lp-node-check{font-size:1.4rem;font-weight:700;color:#fff;line-height:1}.lp-node-icon{font-size:1.3rem;line-height:1}.lp-node-label{display:flex;align-items:center;gap:3px;margin-top:2px}.lp-node-num{font-size:.7rem;color:var(--ink-muted);font-weight:600}.lp-fav{background:none;border:none;padding:2px 4px;font-size:.85rem;color:var(--border);cursor:pointer;transition:color .15s,transform .12s;line-height:1}.lp-fav:hover{color:#f59e0b;transform:scale(1.2)}.lp-fav--on{color:#f59e0b}.lp-empty{text-align:center;color:var(--ink-muted);padding:3rem 1rem;font-size:.9rem}.lp-pro-gate{text-align:center;padding:3rem 1.5rem}.lp-gate-crown{font-size:3rem;margin-bottom:.5rem}.lp-gate-title{font-size:1.4rem;font-weight:700;margin:0 0 .5rem}.ev{display:flex;flex-direction:column;min-height:100vh;background:var(--paper);color:var(--ink)}.ev-topbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem .75rem;border-bottom:1px solid var(--border);background:var(--paper);position:sticky;top:0;z-index:10;gap:.5rem}.ev-back{display:flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--ink-muted);font-size:.82rem;cursor:pointer;padding:.3rem .5rem;border-radius:var(--radius);transition:color .15s,background .15s;white-space:nowrap;flex-shrink:0;min-width:0;max-width:40%;overflow:hidden;text-overflow:ellipsis}.ev-back:hover{color:var(--ink);background:var(--paper-soft)}.ev-topbar-center{flex:1;display:flex;justify-content:center}.ev-progress-label{font-size:.78rem;color:var(--ink-muted);font-weight:600;background:var(--paper-soft);border:1px solid var(--border);padding:.2rem .6rem;border-radius:999px}.ev-topbar-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.ev-listening-btn{background:var(--paper-soft);border:1.5px solid var(--border);border-radius:999px;padding:.3rem .6rem;font-size:.9rem;cursor:pointer;color:var(--ink-muted);display:flex;align-items:center;gap:.25rem;transition:all .15s}.ev-listening-btn:hover{border-color:var(--accent);color:var(--accent)}.ev-listening-btn--on{background:var(--accent);border-color:var(--accent);color:#fff}.ev-pro-chip{font-size:.6rem;font-weight:700;background:#f59e0b;color:#fff;padding:.1rem .3rem;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.ev-energy{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .55rem;background:var(--paper-soft);border:1.5px solid var(--border);border-radius:999px;font-size:.78rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .15s;white-space:nowrap}.ev-energy:hover{border-color:var(--accent)}.ev-energy--low{border-color:#f59e0b;color:#b45309}[data-theme=dark] .ev-energy--low{color:#fbbf24}.ev-energy--empty{border-color:#ef4444;color:#ef4444}.ev-energy--pro{cursor:default;color:var(--accent);border-color:var(--accent)}.ev-energy-regen{font-size:.68rem;font-weight:500;opacity:.8;margin-left:.15rem}.ev-fav-btn{background:none;border:1.5px solid var(--border);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--border);cursor:pointer;transition:all .15s}.ev-fav-btn:hover{color:#f59e0b;border-color:#f59e0b}.ev-fav-btn--on{color:#f59e0b;border-color:#f59e0b;background:#fef9ee}[data-theme=dark] .ev-fav-btn--on{background:#f59e0b1f}.ev-progress-track{height:3px;background:var(--paper-soft);border-bottom:1px solid var(--border)}.ev-progress-fill{height:100%;background:var(--accent);transition:width .4s ease}.ev-body{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.1rem 2rem;max-width:680px;width:100%;margin:0 auto}.ev-type-pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--paper-soft);border:1.5px solid var(--border);border-radius:999px;padding:.3rem .85rem;font-size:.78rem;font-weight:600;color:var(--ink-muted);align-self:flex-start;letter-spacing:.02em}.ev-card{background:var(--paper-soft);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.75rem}.ev-card--jp{border-left:4px solid var(--accent);position:relative}.ev-card--prompt{border-left:4px solid #8b5cf6}.ev-card--input{border-color:var(--border)}.ev-card--solution{border-left:4px solid #10b981;background:color-mix(in srgb,#10b981 6%,var(--paper))}.ev-card--blanks{border-left:4px solid #f59e0b}.ev-card--grammar{border-left:4px solid #6366f1}.ev-card--grammar-gate{border-left:4px solid var(--border);background:var(--paper-soft)}.ev-input-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}.ev-jp-text{font-size:1.8rem;line-height:1.5;color:var(--ink);margin:0;word-break:break-all;font-weight:400}.ev-audio-btn-sm{background:none;border:1.5px solid var(--border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;align-self:flex-end;color:var(--ink-muted);transition:all .15s}.ev-audio-btn-sm:hover{border-color:var(--accent);color:var(--accent)}.ev-audio-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.ev-audio-btn:hover{opacity:.88}.ev-listening-hidden{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0;text-align:center}.ev-listening-icon{font-size:2.5rem}.ev-listening-hint{font-size:.85rem;color:var(--ink-muted);margin:0}.ev-prompt-text{font-size:1.15rem;line-height:1.55;color:var(--ink);margin:0;font-weight:500}.ev-textarea{width:100%;background:var(--paper);border:1.5px solid var(--border);border-radius:calc(var(--radius) - 2px);color:var(--ink);font-size:.95rem;padding:.75rem .9rem;resize:vertical;font-family:inherit;line-height:1.5;transition:border-color .15s;box-sizing:border-box}.ev-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.ev-textarea--jp{font-size:1.1rem}.ev-blanks-sentence{font-size:1.15rem;line-height:2.2;color:var(--ink);word-break:break-all}.ev-blanks-text{vertical-align:middle}.ev-blank-input{display:inline-block;width:90px;background:var(--paper);border:none;border-bottom:2px solid var(--accent);color:var(--ink);font-size:1rem;padding:.1rem .3rem;margin:0 .2rem;vertical-align:middle;font-family:inherit;text-align:center;transition:border-color .15s}.ev-blank-input:focus{outline:none;border-color:var(--accent)}.ev-blank-answer{display:inline-block;padding:.1rem .5rem;background:color-mix(in srgb,#10b981 15%,transparent);border-radius:4px;color:#065f46;font-weight:600;margin:0 .2rem;vertical-align:middle}[data-theme=dark] .ev-blank-answer{color:#6ee7b7}.ev-blanks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.ev-blanks-list-item{display:flex;align-items:center;gap:.6rem}.ev-blanks-num{width:22px;height:22px;background:#10b981;color:#fff;border-radius:50%;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ev-blanks-ans{font-size:1rem;color:var(--ink);font-weight:500}.ev-solution-header{display:flex;align-items:center;gap:.5rem}.ev-solution-icon{width:22px;height:22px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}.ev-solution-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#065f46}[data-theme=dark] .ev-solution-title{color:#6ee7b7}.ev-solution-text{font-size:1.05rem;line-height:1.6;color:var(--ink);margin:0;font-weight:500}.ev-solution-text--jp{font-size:1.35rem}.ev-note{font-size:.85rem;color:var(--ink-muted);border-left:2px solid var(--border);padding-left:.75rem;margin:0}.ev-self-check{font-size:.78rem;color:var(--ink-muted);margin:0;font-style:italic}.ev-choices{display:flex;flex-direction:column;gap:.75rem}.ev-choices-grid{display:flex;flex-direction:column;gap:.5rem}.ev-choice{display:flex;align-items:center;gap:.75rem;background:var(--paper-soft);border:1.5px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;cursor:pointer;text-align:left;transition:all .15s;color:var(--ink);font-size:.95rem;line-height:1.45;position:relative}.ev-choice:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--paper))}.ev-choice--selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--paper))}.ev-choice--correct{border-color:#10b981!important;background:color-mix(in srgb,#10b981 10%,var(--paper))!important}.ev-choice--wrong{border-color:#ef4444!important;background:color-mix(in srgb,#ef4444 10%,var(--paper))!important}.ev-choice:disabled{cursor:default}.ev-choice-letter{width:28px;height:28px;border-radius:50%;background:var(--border);color:var(--ink-muted);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.ev-choice--selected .ev-choice-letter,.ev-choice--correct .ev-choice-letter{background:var(--accent);color:#fff}.ev-choice--wrong .ev-choice-letter{background:#ef4444;color:#fff}.ev-choice-text{flex:1}.ev-choice-mark{font-size:1rem;font-weight:700;flex-shrink:0}.ev-choice-mark--correct{color:#10b981}.ev-choice-mark--wrong{color:#ef4444}.ev-reveal-btn{width:100%;padding:.9rem;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:opacity .15s,transform .1s;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 35%,transparent)}.ev-reveal-btn:hover:not(:disabled){opacity:.9}.ev-reveal-btn:active:not(:disabled){transform:scale(.99)}.ev-reveal-btn:disabled{background:var(--paper-soft);color:var(--ink-muted);box-shadow:none;cursor:not-allowed;border:1.5px solid var(--border)}.ev-grammar-header{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6366f1}[data-theme=dark] .ev-grammar-header{color:#a5b4fc}.ev-grammar-title{color:inherit}.ev-grammar-text{font-size:.9rem;line-height:1.65;color:var(--ink);margin:0}.ev-grammar-gate{display:flex;align-items:center;gap:.75rem}.ev-grammar-gate-icon{font-size:1.5rem}.ev-grammar-gate-text{font-size:.85rem;color:var(--ink-muted);margin:0 0 .3rem}.ev-grammar-upgrade{background:none;border:none;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;padding:0}.ev-grammar-upgrade:hover{text-decoration:underline}.ev-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.5rem}.ev-nav--srs{display:flex;gap:.75rem}.ev-nav-btn{display:flex;align-items:center;gap:.3rem;background:var(--paper-soft);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--ink-muted);font-size:.85rem;font-weight:600;padding:.55rem .9rem;cursor:pointer;transition:all .15s}.ev-nav-btn:hover{color:var(--ink);border-color:var(--accent)}.ev-nav-back{background:none;border:1.5px solid var(--border);border-radius:var(--radius);color:var(--ink-muted);font-size:.85rem;padding:.55rem 1rem;cursor:pointer;transition:all .15s}.ev-nav-back:hover{color:var(--ink);border-color:var(--accent)}.ev-srs-again{flex:1;padding:.8rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--paper-soft);color:var(--ink);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.ev-srs-again:hover{border-color:#ef4444;color:#ef4444}.ev-srs-next{flex:2;padding:.8rem;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s;box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.ev-srs-next:hover{opacity:.9}#app:has(>.mkt-page){max-width:none;margin:0;padding:0}.mkt-page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.mkt-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 60% -10%,rgba(190,18,60,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at -10% 80%,rgba(14,165,233,.05) 0%,transparent 60%);pointer-events:none;z-index:0}.mkt-logo-link{text-decoration:none}.mkt-nav-active{font-weight:700;color:var(--accent)!important}.mkt-footer-link{font-size:.82rem;color:var(--ink-muted);text-decoration:none;transition:color var(--transition)}.mkt-footer-link:hover{color:var(--accent)}.landing-footer-brand{text-decoration:none}.mkt-main{flex:1;max-width:860px;margin:0 auto;padding:0 2rem 5rem;width:100%;position:relative;z-index:1}.mkt-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--ink-muted);padding:1.5rem 0 0;flex-wrap:wrap}.mkt-breadcrumb a{color:var(--accent);text-decoration:none}.mkt-breadcrumb a:hover{text-decoration:underline}.mkt-hero{text-align:center;padding:3.5rem 0 3rem}.mkt-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:700;padding:.35rem 1rem;border-radius:100px;margin-bottom:1.5rem;letter-spacing:.04em}.mkt-hero-title{font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;color:var(--ink);margin:0 0 1.25rem}.mkt-hero-accent{color:var(--accent)}.mkt-hero-sub{font-size:clamp(1rem,2vw,1.15rem);color:var(--ink-muted);max-width:600px;margin:0 auto 2rem;line-height:1.7}.mkt-hero-hint{font-size:.82rem;color:var(--ink-muted);margin:1rem 0 0}.mkt-demo-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;text-align:center;box-shadow:0 4px 24px var(--shadow-md);margin-bottom:4rem;max-width:480px;margin-left:auto;margin-right:auto}.mkt-demo-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--ink-muted);text-transform:uppercase;margin-bottom:1.25rem}.mkt-demo-hidden-text{display:flex;flex-direction:column;gap:.5rem;align-items:center;margin-bottom:1.5rem}.mkt-blur-bar{display:block;height:14px;background:var(--border);border-radius:8px;filter:blur(1px)}.mkt-demo-play{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;border:none;border-radius:100px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:700;cursor:not-allowed;opacity:.8;margin-bottom:1rem}.mkt-demo-play-icon{font-size:.8rem}.mkt-demo-sub{font-size:.82rem;color:var(--ink-muted);margin:0}.mkt-kanji-demo{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 2.5rem;text-align:center;box-shadow:0 4px 24px var(--shadow-md);margin-bottom:4rem;max-width:440px;margin-left:auto;margin-right:auto}.mkt-kanji-char{font-size:5rem;line-height:1.1;color:var(--ink);margin:.5rem 0 1rem;font-weight:400}.mkt-kanji-readings{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.mkt-reading-pill{background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:600;padding:.25rem .7rem;border-radius:100px}.mkt-reading-type{font-size:.7rem;opacity:.7;margin-left:.25rem}.mkt-kanji-example{display:flex;flex-direction:column;gap:.25rem;background:var(--paper-soft);border-radius:var(--radius-sm);padding:1rem;text-align:left}.mkt-example-jp{font-size:1rem;color:var(--ink);font-weight:500}.mkt-example-en{font-size:.88rem;color:var(--ink-muted)}.mkt-example-source{font-size:.72rem;color:var(--accent);font-weight:600;letter-spacing:.04em}.mkt-section{padding:3.5rem 0;border-top:1px solid var(--border)}.mkt-section-title{font-size:clamp(1.35rem,3vw,1.85rem);font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:.5rem 0 1.25rem}.mkt-section-p{font-size:1rem;color:var(--ink-muted);line-height:1.75;margin:0 0 1rem;max-width:700px}.mkt-card-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:2rem}.mkt-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 2px 12px var(--shadow);transition:box-shadow var(--transition),transform var(--transition)}.mkt-card:hover{box-shadow:0 6px 24px var(--shadow-md);transform:translateY(-2px)}.mkt-card-icon{font-size:1.75rem;margin-bottom:.75rem;line-height:1}.mkt-card-title{font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 .5rem}.mkt-card-body{font-size:.88rem;color:var(--ink-muted);line-height:1.65;margin:0}.mkt-steps{display:flex;flex-direction:column;gap:0;max-width:560px;margin-top:2rem}.mkt-step{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;position:relative;box-shadow:0 2px 8px var(--shadow)}.mkt-step-num{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--accent);margin-bottom:.35rem}.mkt-step-title{font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 .4rem}.mkt-step-body{font-size:.88rem;color:var(--ink-muted);line-height:1.65;margin:0}.mkt-step-arrow{text-align:center;color:var(--border);font-size:1.25rem;padding:.25rem 0;line-height:1}.mkt-level-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.mkt-level-badge{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:var(--paper);border:2px solid var(--badge-color, var(--border));border-radius:var(--radius);padding:1rem 1.25rem;min-width:110px;flex:1;text-align:center}.mkt-level-name{font-size:1.4rem;font-weight:800;color:var(--badge-color, var(--ink))}.mkt-level-desc{font-size:.72rem;color:var(--ink-muted);line-height:1.4}.mkt-tip-list{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.75rem}.mkt-tip-list li{font-size:.95rem;color:var(--ink-muted);line-height:1.65;padding:1rem 1.25rem 1rem 1rem;background:var(--paper);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm)}.mkt-modes{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2rem}.mkt-mode-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem 1.5rem;text-align:center;box-shadow:0 2px 12px var(--shadow)}.mkt-mode-icon{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:.75rem;letter-spacing:-.05em}.mkt-mode-title{font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 .5rem}.mkt-mode-desc{font-size:.85rem;color:var(--ink-muted);line-height:1.65;margin:0 0 1.25rem}.mkt-mode-example{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-soft);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.9rem}.mkt-mode-prompt{font-weight:700;color:var(--ink)}.mkt-mode-arrow{color:var(--accent)}.mkt-mode-answer{font-weight:600;color:var(--accent)}.mkt-coverage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:2rem}.mkt-coverage-card{background:var(--paper);border:1px solid var(--border);border-top:3px solid var(--cov-color, var(--accent));border-radius:var(--radius);padding:1.25rem}.mkt-cov-label{font-size:.8rem;font-weight:800;letter-spacing:.06em;margin-bottom:.25rem}.mkt-cov-count{font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:.6rem}.mkt-cov-examples{font-size:1.05rem;letter-spacing:.1em;color:var(--ink-muted);line-height:1.6}.mkt-srs-visual{display:flex;align-items:flex-end;gap:1.5rem;margin-top:2rem;padding:1.5rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;flex-wrap:wrap}.mkt-srs-dot{display:flex;flex-direction:column;align-items:center;gap:.4rem}.mkt-srs-node{width:14px;height:14px;border-radius:50%;background:var(--accent);opacity:calc(.35 + var(--srs-i, 0) * .13);box-shadow:0 0 0 3px var(--accent-soft)}.mkt-srs-label{font-size:.72rem;color:var(--ink-muted);font-weight:600}.mkt-secondary-cta{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-weight:700;font-size:.95rem;text-decoration:none;border:1.5px solid var(--accent);border-radius:100px;padding:.6rem 1.4rem;transition:background var(--transition),color var(--transition);margin-top:1.5rem}.mkt-secondary-cta:hover{background:var(--accent);color:#fff}.mkt-inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.mkt-faq{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem}.mkt-faq-item{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.mkt-faq-item[open]{border-color:var(--accent)}.mkt-faq-q{padding:1.1rem 1.25rem;font-size:.95rem;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.mkt-faq-q::-webkit-details-marker{display:none}.mkt-faq-q:after{content:"+";font-size:1.15rem;color:var(--accent);flex-shrink:0;transition:transform var(--transition)}.mkt-faq-item[open] .mkt-faq-q:after{transform:rotate(45deg)}.mkt-faq-a{padding:0 1.25rem 1.1rem;font-size:.9rem;color:var(--ink-muted);line-height:1.7;margin:0}.mkt-cta-section{text-align:center;padding:4rem 0 2rem;border-top:1px solid var(--border)}.mkt-cta-title{font-size:clamp(1.4rem,3.5vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0 0 .75rem}.mkt-cta-sub{font-size:1rem;color:var(--ink-muted);margin:0 0 2rem}.mkt-tldr-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.5rem}.mkt-tldr-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;font-size:.95rem;color:var(--ink-muted);line-height:1.7}.mkt-tldr-card p{margin:0 0 .5rem}.mkt-tldr-benkyou{border-top:3px solid var(--accent)}.mkt-tldr-duolingo{border-top:3px solid #65a30d}.mkt-tldr-app{font-size:1.05rem;font-weight:800;color:var(--ink);margin-bottom:.75rem}.mkt-tldr-cta{margin-top:1.25rem;display:inline-block}.mkt-table-wrapper{overflow-x:auto;margin-top:1.5rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 12px var(--shadow)}.mkt-table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--paper)}.mkt-table thead tr{background:var(--paper-soft)}.mkt-table th{padding:1rem 1.25rem;text-align:left;font-weight:700;color:var(--ink);border-bottom:2px solid var(--border);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.mkt-table th:nth-child(2){border-bottom-color:var(--accent)}.mkt-table td{padding:.9rem 1.25rem;color:var(--ink-muted);border-bottom:1px solid var(--border);vertical-align:top}.mkt-table tr:last-child td{border-bottom:none}.mkt-table-feature{font-weight:600;color:var(--ink)!important;white-space:nowrap}.mkt-table-benkyou{color:var(--ink)!important;font-weight:500}.mkt-diff-item{margin-bottom:2.5rem}.mkt-diff-title{font-size:1.1rem;font-weight:700;color:var(--ink);margin:0 0 .75rem}.mkt-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2rem}.mkt-audience-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem}.mkt-audience-card-accent{border-color:var(--accent);background:linear-gradient(135deg,var(--paper) 0%,var(--accent-soft) 100%)}.mkt-audience-icon{font-size:2rem;margin-bottom:.75rem;line-height:1}.mkt-audience-title{font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 1rem}.mkt-audience-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.mkt-audience-list li{font-size:.88rem;color:var(--ink-muted);line-height:1.5;padding-left:1.25rem;position:relative}.mkt-audience-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}@media(max-width:640px){.mkt-main{padding:0 1.25rem 3.5rem}.mkt-hero{padding:2.5rem 0 2rem}.mkt-card-row,.mkt-modes,.mkt-coverage-grid,.mkt-tldr-grid,.mkt-audience-grid{grid-template-columns:1fr}.mkt-level-row{gap:.5rem}.mkt-level-badge{min-width:80px;padding:.75rem}.mkt-table th,.mkt-table td{padding:.75rem .85rem;font-size:.82rem}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:8000;display:flex;flex-direction:column;gap:.6rem;pointer-events:none;max-width:min(340px,calc(100vw - 2rem))}.toast{display:flex;align-items:center;gap:.65rem;background:var(--paper);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:.75rem 1rem;box-shadow:0 4px 20px var(--shadow-lg);pointer-events:all;animation:toast-in .3s cubic-bezier(.34,1.56,.64,1) both}.toast--fire{border-left-color:#f97316}.toast--level{border-left-color:#f59e0b}.toast--warn{border-left-color:#d97706}.toast--info{border-left-color:#0ea5e9}.toast-icon{font-size:1.1rem;flex-shrink:0;line-height:1}.toast-msg{font-size:.88rem;font-weight:600;color:var(--ink);flex:1;line-height:1.4}.toast-close{background:none;border:none;color:var(--ink-muted);font-size:1.1rem;cursor:pointer;padding:0 .1rem;line-height:1;flex-shrink:0;opacity:.6;transition:opacity .15s}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translate(24px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.ev-float-badge{position:fixed;bottom:5.5rem;right:1.75rem;z-index:7000;background:var(--success);color:#fff;font-size:1rem;font-weight:800;padding:.45rem 1rem;border-radius:100px;box-shadow:0 4px 16px #05966959;pointer-events:none;animation:float-up 1.1s ease-out forwards}@keyframes float-up{0%{opacity:0;transform:translateY(0) scale(.8)}15%{opacity:1;transform:translateY(-8px) scale(1.08)}60%{opacity:1;transform:translateY(-28px) scale(1)}to{opacity:0;transform:translateY(-56px) scale(.9)}}.sv-sound-toggle{font-size:1.25rem;opacity:.45;transition:opacity .2s}.sv-sound-toggle--on{opacity:1}.auth-gate-overlay{position:fixed;inset:0;z-index:8500;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-gate-backdrop{position:absolute;inset:0;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:gate-fade .2s ease both}.auth-gate-card{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem 2rem;width:100%;max-width:400px;text-align:center;box-shadow:0 20px 60px #0f172a40;animation:gate-slide .28s cubic-bezier(.34,1.56,.64,1) both}.auth-gate-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.4rem;color:var(--ink-muted);cursor:pointer;line-height:1;padding:.15rem .4rem;border-radius:6px;transition:background var(--transition),color var(--transition)}.auth-gate-close:hover{background:var(--paper-soft);color:var(--ink)}.auth-gate-lock{font-size:2.5rem;margin-bottom:1rem;line-height:1;animation:gate-bounce .4s .15s cubic-bezier(.34,1.56,.64,1) both}.auth-gate-title{font-size:1.25rem;font-weight:800;letter-spacing:-.025em;color:var(--ink);margin:0 0 .6rem}.auth-gate-sub{font-size:.9rem;color:var(--ink-muted);line-height:1.6;margin:0 0 1.75rem}.auth-gate-actions{display:flex;flex-direction:column;gap:.65rem}.auth-gate-primary{background:var(--accent);color:#fff;border:none;border-radius:100px;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity var(--transition),transform var(--transition);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 35%,transparent)}.auth-gate-primary:hover{opacity:.88;transform:translateY(-1px)}.auth-gate-primary:active{transform:translateY(0)}.auth-gate-secondary{background:none;border:1.5px solid var(--border);border-radius:100px;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.auth-gate-secondary:hover{border-color:var(--accent);color:var(--accent)}.auth-gate-hint{font-size:.75rem;color:var(--ink-muted);margin:1.25rem 0 0;opacity:.7}@keyframes gate-fade{0%{opacity:0}to{opacity:1}}@keyframes gate-slide{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes gate-bounce{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.view.jg{padding:0 0 3rem}.jg-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0 1.25rem;gap:.5rem}.jg-back{display:flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--ink-muted);font-size:.88rem;font-weight:600;cursor:pointer;padding:.35rem 0;transition:color var(--transition)}.jg-back:hover{color:var(--accent)}.jg-page-title{font-size:1rem;font-weight:800;color:var(--ink);margin:0}.jg-edit-btn{background:none;border:1px solid var(--border);border-radius:100px;color:var(--ink-muted);font-size:.8rem;font-weight:600;padding:.3rem .85rem;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.jg-edit-btn:hover{border-color:var(--accent);color:var(--accent)}.jg-setup{display:flex;flex-direction:column;gap:1.75rem}.jg-setup-header{text-align:center;padding:1rem 0 .5rem}.jg-setup-icon{font-size:2.75rem;line-height:1;margin-bottom:.75rem}.jg-setup-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:0 0 .5rem}.jg-setup-sub{font-size:.9rem;color:var(--ink-muted);line-height:1.65;margin:0;max-width:360px;margin-inline:auto}.jg-field{display:flex;flex-direction:column;gap:.6rem}.jg-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.jg-level-grid{display:flex;gap:.5rem;flex-wrap:wrap}.jg-level-btn{flex:1;min-width:52px;padding:.65rem .5rem;background:var(--paper);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-weight:800;color:var(--ink-muted);cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition);text-align:center}.jg-level-btn:hover{border-color:var(--accent);color:var(--ink)}.jg-level-btn--active{border-color:var(--lc, var(--accent));color:var(--lc, var(--accent));background:color-mix(in srgb,var(--lc, var(--accent)) 10%,transparent);font-weight:900}.jg-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.jg-date-btn{padding:.65rem;background:var(--paper);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:border-color var(--transition),color var(--transition);text-align:center}.jg-date-btn:hover{border-color:var(--accent);color:var(--ink)}.jg-date-btn--active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:700}.jg-date-custom-row{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.jg-date-custom-label{font-size:.8rem;color:var(--ink-muted);white-space:nowrap}.jg-date-input{flex:1;padding:.5rem .75rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);font-size:.88rem;font-family:inherit}.jg-target-grid{display:flex;gap:.5rem}.jg-target-btn{flex:1;padding:.6rem .4rem;background:var(--paper);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;color:var(--ink-muted);cursor:pointer;transition:border-color var(--transition),color var(--transition);text-align:center}.jg-target-btn:hover{border-color:var(--accent);color:var(--ink)}.jg-target-btn--active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.jg-target-hint{font-size:.78rem;color:var(--ink-muted);margin:0}.jg-save-btn{background:var(--accent);color:#fff;border:none;border-radius:100px;padding:.9rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 30%,transparent);transition:opacity var(--transition),transform var(--transition)}.jg-save-btn:hover{opacity:.88;transform:translateY(-1px)}.jg-cancel-btn{background:none;border:none;color:var(--ink-muted);font-size:.88rem;cursor:pointer;text-align:center;padding:.25rem;text-decoration:underline;text-underline-offset:2px}.jg-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem;box-shadow:0 2px 12px var(--shadow)}.jg-hero-countdown{display:flex;flex-direction:column;align-items:flex-start}.jg-countdown-num{font-size:3.5rem;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:.25rem}.jg-countdown-label{font-size:.88rem;font-weight:600;color:var(--ink-muted)}.jg-countdown-date{font-size:.78rem;color:var(--ink-muted);margin-top:.2rem}.jg-hero-gauge{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0}.jg-gauge-svg{display:block}.jg-gauge-pct{font-size:1.6rem;font-weight:900;letter-spacing:-.04em}.jg-gauge-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.jg-gauge-sub{font-size:.75rem;color:var(--ink-muted);font-weight:600}.jg-projection-card{background:var(--paper);border:1px solid var(--border);border-left:3px solid var(--proj-color, var(--accent));border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.jg-proj-row{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.jg-proj-item{flex:1;text-align:center}.jg-proj-val{font-size:1.5rem;font-weight:900;letter-spacing:-.03em;color:var(--ink)}.jg-proj-label{font-size:.72rem;color:var(--ink-muted);margin-top:.15rem;line-height:1.3}.jg-proj-divider{width:1px;height:36px;background:var(--border);flex-shrink:0}.jg-proj-message{font-size:.88rem;font-weight:600;margin:0;padding:.65rem .85rem;border-radius:var(--radius-sm)}.jg-proj-message--on-track{background:var(--success-bg);color:var(--success)}.jg-proj-message--needs-work{background:var(--accent-soft);color:var(--accent)}.jg-proj-message--exam-day{background:var(--accent-fav-soft);color:var(--accent-fav)}.jg-skills-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.jg-card-title{font-size:.88rem;font-weight:700;color:var(--ink);margin:0 0 1rem;letter-spacing:.02em}.jg-skills{display:flex;flex-direction:column;gap:.85rem}.jg-skill-row{display:flex;flex-direction:column;gap:.3rem}.jg-skill-meta{display:flex;justify-content:space-between;font-size:.82rem}.jg-skill-label{font-weight:600;color:var(--ink)}.jg-skill-pct{font-weight:700;color:var(--ink-muted)}.jg-skill-track{height:7px;background:var(--border);border-radius:100px;overflow:hidden}.jg-skill-fill{height:100%;border-radius:100px;transition:width 1s cubic-bezier(.4,0,.2,1)}.jg-skills-note{font-size:.78rem;color:var(--ink-muted);margin:1rem 0 0}.jg-tip-card{display:flex;gap:.75rem;align-items:flex-start;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.25rem}.jg-tip-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.jg-tip-title{font-size:.88rem;font-weight:700;color:var(--ink);margin-bottom:.3rem}.jg-tip-body{font-size:.82rem;color:var(--ink-muted);line-height:1.6;margin:0}.jg-cta-row{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.jg-practice-btn{flex:1;color:#fff;border:none;border-radius:100px;padding:.85rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity var(--transition),transform var(--transition);box-shadow:0 4px 14px #00000026}.jg-practice-btn:hover{opacity:.88;transform:translateY(-1px)}.jg-clear-btn{background:none;border:1px solid var(--border);border-radius:100px;color:var(--ink-muted);font-size:.82rem;font-weight:600;padding:.7rem 1.1rem;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.jg-clear-btn:hover{border-color:var(--accent);color:var(--accent)}.jg-disclaimer{font-size:.72rem;color:var(--ink-muted);text-align:center;opacity:.65;line-height:1.5;margin:0;padding:0 .5rem}.db-tool-jlpt-goal{background:linear-gradient(135deg,var(--accent-soft) 0%,var(--paper) 100%);border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.db-tool-jlpt-goal:hover{border-color:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--paper)) 0%,var(--paper) 100%)}