:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f8;--surface:#fff;--surface-2:#eef0f4;--text:#1b2130;--muted:#687082;--border:#dde1e8;--accent:#2457c5;--accent-text:#fff;--accent-soft:#e6eeff;--keep:#1d7a46;--keep-soft:#e7f5ec;--keep-sub:#4b6b57;--off:#8a5a00;--off-soft:#fbf3e2;--shadow:0 2px 12px #141e3214;--radius:16px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11141a;--surface:#1b2029;--surface-2:#232a35;--text:#e8ebf1;--muted:#98a1b3;--border:#2d3542;--accent:#6d9bff;--accent-text:#0b1530;--accent-soft:#1d2a47;--keep:#52c07f;--keep-soft:#16301f;--keep-sub:#9cc8ad;--off:#e0b25a;--off-soft:#33291a;--shadow:0 2px 14px #00000059}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11141a;--surface:#1b2029;--surface-2:#232a35;--text:#e8ebf1;--muted:#98a1b3;--border:#2d3542;--accent:#6d9bff;--accent-text:#0b1530;--accent-soft:#1d2a47;--keep:#52c07f;--keep-soft:#16301f;--keep-sub:#9cc8ad;--off:#e0b25a;--off-soft:#33291a;--shadow:0 2px 14px #00000059}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:17px;line-height:1.4}button,input{font:inherit;color:inherit}button{touch-action:manipulation;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--muted);font-size:.85em}.screen{height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-left) + 16px);flex-direction:column;max-width:820px;margin:0 auto;display:flex;overflow:hidden}.splash{justify-content:center;align-items:center}.btn{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-height:48px;padding:0 18px;font-weight:600}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:#0000}.btn.big{width:100%;min-height:56px;font-size:1.05em}.btn.ghost{background:0 0;border-color:#0000;min-width:48px}.btn.ghost.is-active{color:var(--accent);background:var(--accent-soft)}.app-bar{align-items:center;gap:8px;min-height:48px;margin-bottom:8px;display:flex}.app-bar h1{flex:1 0 auto;margin:0;font-size:1.6em}.deck-scroll{-webkit-overflow-scrolling:touch;flex:1;margin:0 -4px;padding:4px;overflow-y:auto}.continue{border-radius:var(--radius);border:2px solid var(--accent);background:var(--accent-soft);width:100%;min-height:56px;color:var(--accent);text-align:left;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 18px;font-weight:700;display:flex}.switch-row{background:var(--surface);border-radius:var(--radius);min-height:60px;box-shadow:var(--shadow);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.switch-row>span{flex-direction:column;display:flex}.switch{appearance:none;background:var(--border);cursor:pointer;border-radius:999px;flex:none;width:52px;height:32px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--keep)}.switch:checked:after{transform:translate(20px)}.deck-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.deck-row{border-radius:var(--radius);background:var(--surface);width:100%;min-height:68px;box-shadow:var(--shadow);text-align:left;border:2px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.deck-row.is-selected{border-color:var(--accent)}.deck-info{flex-direction:column;min-width:0;display:flex}.deck-name{overflow-wrap:anywhere;font-size:1.05em;font-weight:700}.pill{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:.82em;font-weight:700}.pill.done{background:var(--keep-soft);color:var(--keep)}.empty{text-align:center;margin-top:40px}.start-bar{padding-top:12px}.study-bar{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.study-pos{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.9em;overflow:hidden}.progress{background:var(--border);border-radius:9px;height:5px;margin:6px 0 14px;overflow:hidden}.progress i{background:var(--accent);border-radius:9px;height:100%;transition:width .2s;display:block}.card-area{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.card{background:var(--surface);width:100%;min-height:0;box-shadow:var(--shadow);text-align:center;touch-action:pan-y;-webkit-user-select:none;user-select:none;border:0;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:44px 24px 28px;animation:.22s ease-out flip-in;display:flex;position:relative}@keyframes flip-in{0%{opacity:.4;transform:perspective(1200px)rotateY(-70deg)}to{opacity:1;transform:perspective(1200px)rotateY(0)}}@media (prefers-reduced-motion:reduce){.card{animation:none}.progress i,.switch,.switch:after{transition:none}}.card-side{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.7em;position:absolute;top:16px;left:20px}.card-scroll{white-space:pre-wrap;overflow-wrap:anywhere;flex-direction:column;gap:14px;max-height:100%;display:flex;overflow-y:auto}.card-question{font-size:clamp(1.3em,3.2vw,1.9em);font-weight:650}.card-context{color:var(--muted);font-size:.9em}.card-answer{font-size:clamp(1.25em,3vw,1.75em)}.card-hint{color:var(--muted);margin-top:18px;font-size:.8em}.keep-slot{min-height:72px}.keep-bar{border-radius:var(--radius);text-align:left;align-items:center;gap:14px;width:100%;min-height:72px;padding:12px 18px;display:flex}.keep-bar.is-on{background:var(--keep-soft);border:2px solid var(--keep);color:var(--keep)}.keep-bar.is-off{background:var(--off-soft);border:2px dashed var(--off);color:var(--off)}.keep-box{border:2px solid;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:800;display:inline-flex}.keep-bar.is-on .keep-box{background:var(--keep);border-color:var(--keep);color:var(--surface)}.keep-text{flex-direction:column;display:flex}.keep-title{font-size:1.05em;font-weight:700}.keep-sub{opacity:.85;font-size:.8em}.study-nav{gap:12px;margin-top:14px;display:flex}.study-nav .btn{flex:1;min-height:56px}.shortcuts{text-align:center;color:var(--muted);margin:10px 0 0;font-size:.75em}@media (hover:none){.shortcuts{display:none}}.summary{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.summary h2{margin:0;font-size:1.6em}.summary-line{color:var(--muted);margin:0 0 18px}.summary-actions{flex-direction:column;gap:12px;width:min(360px,100%);display:flex}.status{min-width:0;position:relative}.chip-text{text-overflow:ellipsis;overflow:hidden}@media (width<=480px){.chip-detail{display:none}}.chip{border:1px solid var(--border);background:var(--surface);max-width:100%;min-height:36px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.78em;font-weight:600;display:inline-flex}.chip .dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.chip.ready .dot{background:var(--keep)}.chip.offline .dot{background:var(--off)}.chip.error{color:#c43c3c}.chip.error .dot{background:#c43c3c}.popover{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(320px,80vw);padding:14px 16px;font-size:.85em;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0000002e}.popover dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;display:grid}.popover dt{color:var(--muted)}.popover dd{overflow-wrap:anywhere;margin:0}.banner{background:var(--accent-soft);color:var(--accent);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px 10px 16px;font-weight:600;display:flex}.banner .btn{min-height:40px}.menu-button{font-size:1.3em}.deck-item{align-items:stretch;gap:6px;display:flex}.deck-item .deck-row{flex:1;min-width:0}.deck-more{color:var(--muted);font-size:1.3em}.overlay{z-index:50;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);background:#0a0e1673;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:20px;width:min(460px,100%);max-height:100%;padding:22px;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.dialog h2{margin:0 0 8px;font-size:1.25em}.dialog p{margin:0 0 10px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.summary-list{margin:0 0 10px;padding-left:20px}.summary-list.warnings{color:var(--muted);font-size:.9em}.sheet{background:var(--surface);border-radius:20px;flex-direction:column;gap:4px;width:min(460px,100%);max-height:100%;padding:10px;display:flex;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.sheet-item{text-align:left;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-height:60px;padding:10px 14px;font-weight:600;display:flex}.sheet-item:not(.static):hover{background:var(--surface-2)}.sheet-item:disabled{opacity:.5;cursor:default}.sheet-item .muted{font-weight:400}.sheet-close{margin-top:6px}.segmented{background:var(--surface-2);border-radius:12px;width:100%;margin-top:6px;padding:3px;display:flex}.segmented button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;font-weight:600}.segmented button.is-on{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000001f}