:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--chrome:#063d4c;--chrome-deep:#042d39;--chrome-border:#ffffff21;--surface:#fff;--surface-muted:#f3f7f9;--surface-strong:#e6eef2;--border:#d5e1e6;--border-strong:#b8cbd3;--accent:#e67200;--accent-soft:#fff0df;--accent-strong:#b95600;--cyan:#007599;--cyan-soft:#e5f7fb;--success:#168a65;--danger:#d9512d;--text:#152631;--text-muted:#60737d;--text-inverse:#fff;--radius:8px;--shadow:0 18px 45px #0c2d3a1f;--shadow-soft:0 8px 24px #0c2d3a14}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);letter-spacing:0;background:#edf4f7;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{min-height:100vh}.workspace-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.workspace-main{background:linear-gradient(#ffffffb8,#edf4f7eb),#edf4f7;min-width:0}.sidebar{height:100vh;color:var(--text-inverse);background:linear-gradient(#042d39eb,#063d4cfa),url(/memcards/pattern.png) 0 0/260px;border-right:1px solid #042d392e;flex-direction:column;gap:22px;padding:20px 16px;display:flex;position:sticky;top:0}.brand-lockup{width:100%;color:inherit;text-align:left;border-radius:var(--radius);background:0 0;border:0;align-items:center;gap:12px;padding:8px;display:flex}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup small{color:#ffffffad;margin-top:2px;font-size:12px}.brand-mark{border:1px solid var(--chrome-border);background:#ffffff1f;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.brand-mark.large{background:#00759924;border-color:#0075992e;border-radius:16px;width:60px;height:60px}.sidebar-nav{gap:6px;display:grid}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.sidebar-link{color:#ffffffd1;border-radius:var(--radius);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;font-weight:700;display:flex}.sidebar-link:hover,.sidebar-link.active{color:var(--text-inverse);border-color:var(--chrome-border);background:#ffffff1f}.account-chip{color:#ffffffb8;border:1px solid var(--chrome-border);border-radius:var(--radius);background:#00000024;min-width:0;padding:10px 12px;font-size:12px}.account-chip span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.topbar{z-index:20;min-height:70px;color:var(--text);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.topbar-title,.topbar-actions,.header-controls{align-items:center;gap:10px;min-width:0;display:flex}.topbar h1{margin:0;font-size:22px;font-weight:800}.screen{width:min(100%,1120px);margin:0 auto;padding:28px}.screen-wide{width:min(100%,1240px)}.screen-dashboard{width:min(100%,1280px)}.screen-form{width:min(100%,940px)}.center-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-screen{background:linear-gradient(90deg,#edf4f7f5,#edf4f7d1),url(/memcards/pattern.png);grid-template-columns:minmax(320px,1fr) minmax(320px,440px);align-items:center;gap:40px;min-height:100vh;padding:48px;display:grid}.auth-visual{color:var(--text);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.auth-panel{width:100%}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:18px}.panel.translucent{background:#ffffffd1}.stack{gap:16px;display:grid}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row.spread{justify-content:space-between}.grow{flex:1;min-width:0}.title{margin:0;font-size:24px;font-weight:800;line-height:1.16}.subtitle,.muted{color:var(--text-muted)}.muted{font-size:13px}.eyebrow{color:var(--accent-strong);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.hero-title{margin:0;font-size:44px;font-weight:800;line-height:1.02}.page-intro{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.metric-strip{flex-wrap:wrap;gap:10px;display:flex}.metric{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:112px;color:var(--text-muted);gap:2px;padding:12px 14px;font-size:12px;font-weight:700;display:grid}.metric strong{color:var(--text);font-size:24px;line-height:1}.form{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-full,.form-actions{grid-column:1/-1}.form-grid .field:has(.textarea){grid-column:1/-1}.form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.field{gap:7px;display:grid}.field span{color:var(--text-muted);font-size:12px;font-weight:800}.button-field{align-self:end}.input,.select,.textarea{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);outline:none;padding:11px 12px}.compact-select{width:168px;padding:8px 10px}.textarea{resize:vertical;min-height:92px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e6720029}.button{border:1px solid var(--accent);border-radius:var(--radius);min-height:42px;color:var(--text-inverse);background:var(--accent);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:800;display:inline-flex}.button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.button.secondary{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.button.secondary:hover{background:var(--surface-muted);border-color:var(--cyan)}.button.light{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.button.danger{color:var(--text-inverse);background:var(--danger);border-color:var(--danger)}.button.compact{min-height:38px;padding:7px 11px}.icon-button{width:38px;height:38px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface-muted);border-color:var(--cyan)}.unstyled-action{all:unset;cursor:pointer;min-width:0}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.deck-card{flex-direction:column;justify-content:space-between;min-height:208px;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex}.deck-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.deck-card-main{align-items:flex-start;gap:12px;display:flex}.deck-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.deck-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.deck-icon{background:var(--cyan-soft);border:1px solid #00759929;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.deck-icon.large{width:72px;height:72px;margin:0 auto}.asset-icon{object-fit:contain;display:block}.empty-state{text-align:center;justify-items:center;gap:14px;padding:34px;display:grid}.empty-state p{margin:0}.compact-state{min-height:210px;color:var(--text-muted);align-content:center}.pill{background:var(--surface-muted);border:1px solid var(--border);min-height:28px;color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.progress{background:var(--surface-strong);border-radius:999px;height:7px;overflow:hidden}.progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--success));height:100%;display:block}.progress-caption{margin-top:5px}.table-panel{padding:0;overflow:hidden}.card-table-header,.card-table-row{grid-template-columns:minmax(180px,1.3fr) minmax(160px,1fr) minmax(180px,1fr) 92px;align-items:center;gap:18px;padding:14px 18px;display:grid}.card-table-header{color:var(--text-muted);background:var(--surface-muted);border-bottom:1px solid var(--border);text-transform:uppercase;font-size:12px;font-weight:800}.card-table-row{border-bottom:1px solid var(--border)}.card-table-row:last-child{border-bottom:0}.word-cell{gap:4px;display:grid}.translation-cell{overflow-wrap:anywhere;min-width:0;font-weight:700}.table-actions{justify-content:flex-end}.message{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:12px 14px}.message.error{color:#8f250a;background:#fff0eb;border-color:#d9512d5c}.toast{z-index:40;border-radius:var(--radius);width:min(100vw - 28px,520px);color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:12px 14px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.generator-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.generator-controls{position:sticky;top:92px}.draft-grid{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.segmented{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.segmented button{min-height:36px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;font-weight:800}.segmented button.active{color:var(--text);background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-soft)}.study-screen{width:min(100%,1180px)}.study-stage{justify-items:center;display:grid}.study-counter{color:var(--text-muted);margin-bottom:14px;font-size:13px;font-weight:800}.study-card{width:min(100%,760px);min-height:380px;color:var(--study-foreground,#1f2a30);border:1px solid #ffffffb8;border-radius:12px;align-content:stretch;padding:30px;display:grid;box-shadow:0 22px 55px #0c2d3a38}.study-card.normal{background:linear-gradient(135deg,#fff4cf,#ffb23e 62%,#f18b12)}.study-card.bad{color:#fff;background:linear-gradient(135deg,#ee7a61,#c43d24)}.study-card.good{color:#fff;background:linear-gradient(135deg,#45c6a2,#0c8066)}.study-word{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:clamp(32px,6vw,58px);font-weight:900;line-height:1.02}.study-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,760px);margin:18px auto 0;display:grid}.study-actions .button{min-height:54px}.details{border-top:1px solid var(--border);padding-top:12px}.settings-grid{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);align-items:start;gap:18px;display:grid}.menu-popover{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:184px;box-shadow:var(--shadow);gap:8px;padding:8px;display:grid;position:absolute;top:46px;right:0}@media (max-width:920px){.workspace-shell{grid-template-columns:1fr}.sidebar{z-index:30;grid-template-columns:1fr auto;grid-template-areas:"brand footer""nav nav";align-items:center;gap:10px;height:auto;padding:10px 12px;display:grid;position:sticky;top:0}.brand-lockup{grid-area:brand;width:auto}.brand-lockup small,.account-chip{display:none}.sidebar-nav{grid-area:nav;gap:6px;display:flex;overflow-x:auto}.sidebar-footer{grid-area:footer;margin-top:0;display:block}.sidebar-link{white-space:nowrap;width:auto;min-height:38px}.topbar{flex-direction:column;align-items:flex-start;min-height:auto;padding:14px 16px;top:60px}.topbar-actions,.header-controls{flex-wrap:wrap;width:100%}.screen{padding:18px 14px 28px}.auth-screen,.generator-layout,.settings-grid{grid-template-columns:1fr}.auth-screen{align-content:center;padding:24px}.generator-controls{position:static}.card-table-header{display:none}.card-table-row{grid-template-columns:1fr auto;gap:12px}.translation-cell,.card-table-row>div:nth-child(3){grid-column:1/-1}}@media (max-width:560px){.hero-title{font-size:36px}.page-intro{flex-direction:column;align-items:stretch}.metric-strip,.deck-card-actions,.form-grid,.study-actions{grid-template-columns:1fr}.compact-select{width:100%}.study-card{min-height:330px;padding:22px}}