:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--foreground:#09090b;--card:#fff;--card-foreground:#09090b;--muted:#f4f4f5;--muted-foreground:#71717a;--primary:#18181b;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-foreground:#18181b;--destructive:#dc2626;--border:#e4e4e7;--input:#e4e4e7;--ring:#a1a1aa;--radius:8px;color:var(--foreground);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#09090b;--foreground:#fafafa;--card:#18181b;--card-foreground:#fafafa;--muted:#27272a;--muted-foreground:#a1a1aa;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#27272a;--secondary-foreground:#fafafa;--destructive:#f87171;--border:#3f3f46;--input:#3f3f46;--ring:#71717a}*{box-sizing:border-box}body{background:var(--background);min-height:100%;margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100svh}.app-shell{width:min(720px,100%);min-height:100svh;margin:0 auto;padding:16px 16px 92px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.header-actions{gap:8px;display:flex}.brand strong,.brand small{line-height:1.15;display:block}.brand strong{font-size:18px;font-weight:700}.brand small,p,.meaning{color:var(--muted-foreground)}.brand small{font-size:13px}.bottom-nav{z-index:20;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);grid-template-columns:repeat(3,1fr);gap:4px;width:min(696px,100% - 24px);margin:0 auto;padding:4px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 10px 25px #00000014}.bottom-nav a{min-height:44px;color:var(--muted-foreground);border-radius:6px;place-items:center;font-size:14px;font-weight:600;display:grid}.bottom-nav a.active{background:var(--primary);color:var(--primary-foreground)}.stats-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.stats-strip span,.ui-badge{border:1px solid var(--border);border-radius:var(--radius);background:var(--secondary);min-height:34px;color:var(--secondary-foreground);justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.ui-badge{width:fit-content;min-height:28px;padding:3px 8px;font-size:12px}.session-page,.tables-page{gap:12px;display:grid}.quiz-panel,.control-band,.verb-panel,.finish-screen{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);box-shadow:0 1px 2px #0000000a}.quiz-panel{gap:16px;padding:18px;display:grid}.session-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.session-heading>span,.quiz-meta>span{color:var(--muted-foreground);font-size:13px;font-weight:600}h1,h2,p{margin:0}h1{letter-spacing:0;margin-top:8px;font-size:26px;line-height:1.15}.quiz-panel h2{letter-spacing:0;font-size:30px;line-height:1.15}.grammar-note{color:var(--muted-foreground);font-size:13px}.ui-progress{background:var(--secondary);border-radius:999px;height:8px;overflow:hidden}.ui-progress div{border-radius:inherit;background:var(--primary);height:100%;transition:width .18s}.quiz-meta,.verb-panel header{justify-content:space-between;align-items:center;gap:10px;display:flex}.choice-grid{gap:10px;display:grid}.learn-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--secondary);gap:10px;padding:12px;display:grid}.learn-box strong,.tense-guide strong{font-size:14px;display:block}.learn-box small{color:var(--muted-foreground);font-size:13px}.hint-table{border:1px solid var(--border);border-radius:var(--radius);gap:4px;margin:0;padding:8px;display:grid}.hint-table div{border-radius:6px;grid-template-columns:1fr auto;align-items:center;min-height:34px;padding:0 8px;display:grid}.hint-table div.target{background:var(--secondary)}.hint-table dt{color:var(--muted-foreground);font-size:13px}.hint-table dd{margin:0;font-weight:700}select{border:1px solid var(--input);border-radius:var(--radius);background:var(--background);width:100%;min-height:46px;color:var(--foreground);padding:0 12px}select:focus{outline:2px solid var(--ring);outline-offset:2px}.feedback{z-index:19;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);gap:10px;width:min(696px,100% - 24px);margin:0 auto;padding:12px;display:grid;position:fixed;bottom:76px;left:12px;right:12px;box-shadow:0 10px 25px #00000014}.feedback span{align-items:center;gap:8px;font-weight:700;display:inline-flex}.feedback .correct{color:#15803d}.feedback .wrong{color:var(--destructive)}.ui-button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:background .12s,color .12s,opacity .12s;display:inline-flex}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button-default{background:var(--primary);color:var(--primary-foreground)}.ui-button-secondary{border-color:var(--border);background:var(--secondary);color:var(--secondary-foreground)}.ui-button-outline{border-color:var(--border);background:var(--background);color:var(--foreground)}.ui-button-outline:hover{background:var(--secondary)}.ui-button-ghost{border-color:var(--border);background:var(--background);color:var(--foreground)}.ui-button-danger{background:var(--destructive);color:var(--primary-foreground)}.ui-button-size-default{min-height:48px;padding:0 14px}.ui-button-size-lg{min-height:50px;padding:0 16px}.ui-button-size-icon{width:42px;height:42px;padding:0}.control-band{gap:14px;margin-bottom:12px;padding:16px;display:grid}.controls{gap:10px;display:grid}.controls label{color:var(--muted-foreground);gap:6px;font-size:13px;font-weight:600;display:grid}.toggle-row{border:1px solid var(--border);border-radius:var(--radius);grid-auto-flow:column;justify-content:start;align-items:center;min-height:46px;padding:0 12px;color:var(--foreground)!important}.page-heading{padding:8px 0 0}.page-heading p{margin-top:6px}.tense-guide{gap:10px;display:grid}.tense-guide article{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);gap:6px;padding:12px;display:grid}.tense-guide article.selected{background:var(--secondary)}.tense-guide h2{margin:0;font-size:17px}.segmented{border:1px solid var(--border);border-radius:var(--radius);background:var(--secondary);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{min-height:42px;color:var(--muted-foreground);background:0 0;border:0;border-radius:6px;font-weight:600}.segmented button.selected{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #0000000d}.verb-grid{gap:10px;display:grid}.verb-panel{gap:10px;padding:14px;display:grid}.verb-panel header span{font-size:22px;font-weight:700}.verb-panel dl{gap:4px;margin:0;display:grid}.verb-panel dl div{border-top:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:32px;display:grid}.verb-panel dt{color:var(--muted-foreground);font-size:13px}.verb-panel dd{margin:0;font-weight:700}.finish-screen{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:360px;padding:18px;display:flex}@media (width>=680px){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback,.learn-box{grid-template-columns:1fr auto;align-items:center}.feedback{width:auto;box-shadow:none;border-bottom:0;border-left:0;border-right:0;border-radius:0;margin:0;padding:14px 0 0;position:static}.controls{grid-template-columns:1fr auto;align-items:end}.verb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tense-guide{grid-template-columns:repeat(3,1fr)}}