:root{color-scheme:light;--bg: #efe6d8;--panel: rgba(255, 250, 240, .82);--panel-strong: #fff8eb;--ink: #25231d;--muted: #716a5f;--soft: #d9cfbc;--line: rgba(68, 59, 43, .14);--sage: #657b5f;--sage-dark: #3f553c;--clay: #b9653f;--danger: #9f4236;--glow: rgba(255, 173, 105, .28);--mist: rgba(167, 188, 185, .32);--shadow: 0 28px 90px rgba(70, 54, 34, .16);--font-body: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;--font-display: "Iowan Old Style", "Charter", "Palatino Linotype", Georgia, serif;--font-ui: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;font-family:var(--font-body);background:radial-gradient(circle at 8% 12%,rgba(185,101,63,.22),transparent 28%),radial-gradient(circle at 82% 8%,rgba(101,123,95,.24),transparent 32%),radial-gradient(circle at 52% 58%,rgba(255,250,239,.74),transparent 34%),linear-gradient(145deg,#f5eadb,#e3d7c5 48%,#f2ecdf)}*{box-sizing:border-box}body{min-width:320px;margin:0;color:var(--ink)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";opacity:.22;background-image:linear-gradient(rgba(37,35,29,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,35,29,.04) 1px,transparent 1px);background-size:34px 34px}button,input,select,textarea{font:inherit}.shell{max-width:1220px;margin:0 auto;padding:34px 20px 80px}.app-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;gap:10px;max-width:1280px;min-height:100vh;margin:0 auto;padding:14px 20px 80px}.auth-shell{display:grid;min-height:100vh;place-items:center}.hero,.panel{border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#fffdf6db,#fff6e5a8),radial-gradient(circle at 100% 0%,rgba(101,123,95,.11),transparent 28%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:24px;padding:34px;margin-bottom:24px;overflow:hidden}.topbar,.workspace{min-width:0}.topbar{position:sticky;top:18px;z-index:10;display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"brand nav stats";gap:12px;align-items:center;align-content:center;height:58px;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:6px 10px;background:linear-gradient(135deg,#fffdf6db,#fff5e0ad),radial-gradient(circle at 96% 12%,var(--glow),transparent 34%),radial-gradient(circle at 4% 95%,var(--mist),transparent 28%);box-shadow:0 16px 46px #46362221;-webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15)}.topbar:before{content:none}.brand-block{position:relative;z-index:1;grid-area:brand;display:flex;align-items:center;gap:12px}.brand-block .eyebrow{margin:0}.topbar-utilities{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.topbar-add,.topbar-refresh{width:32px;height:32px;color:#fff;background:var(--sage);box-shadow:0 14px 30px #3f553c33}.topbar-refresh{background:var(--clay);box-shadow:0 14px 30px #b9653f38}.top-nav{position:relative;z-index:1;grid-area:nav;display:flex;gap:8px;border:1px solid rgba(68,59,43,.1);border-radius:999px;padding:3px;background:#fffdf685;box-shadow:inset 0 1px #ffffffa8}.nav-item{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--ink);text-align:left;background:#fffdf68a;white-space:nowrap}.nav-item:hover,.nav-item.active{color:#fff;background:var(--sage);box-shadow:0 12px 28px #3f553c29}.nav-item small{color:inherit;opacity:.72}.topbar-stats{position:relative;z-index:1;grid-area:stats;display:flex;justify-content:end;gap:8px;min-width:0}.topbar-stats article{border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:linear-gradient(180deg,#fffdf6ad,#fff6e570);box-shadow:inset 0 1px #ffffff9e;white-space:nowrap}.topbar-stats strong{display:inline;margin-right:5px;color:var(--sage-dark);font-family:var(--font-display);font-size:1rem;line-height:1}.topbar-stats span{color:var(--muted);font-size:.68rem}.workspace{display:grid;align-content:start;gap:24px;margin-top:0;width:min(100%,980px);justify-self:center}.hero h1,.auth h1{max-width:760px;margin:0;font-family:var(--font-display);font-size:clamp(2.7rem,6vw,5.7rem);font-weight:500;line-height:.92;letter-spacing:-.07em}.eyebrow{margin:0 0 12px;color:var(--sage-dark);font-family:var(--font-ui);font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-self:end}.stats article,.library-card,.review-card,.session-card,.review-start-card,.session-summary,.callout,.empty-state{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fffdf6d1,#faefdaa8)}.stats article{min-height:118px;padding:18px}.stats strong{display:block;margin-bottom:16px;color:var(--sage-dark);font-family:var(--font-display);font-size:2.45rem;line-height:1}.stats span,small,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:24px;margin-bottom:24px}.panel{position:relative;overflow:hidden;padding:clamp(16px,2.4vw,26px)}.panel:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.38;background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.42) 48%,transparent 56%),radial-gradient(circle at 6% 12%,rgba(255,255,255,.6),transparent 18%)}.panel>*{position:relative;z-index:1}.section-heading,.library-toolbar{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:14px}h2{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.45rem);font-weight:500;letter-spacing:-.04em}h3{margin:0;font-family:var(--font-display);font-size:clamp(2.8rem,7vw,6.8rem);font-weight:500;line-height:.9;letter-spacing:-.07em}.stack,.edit-form,.review-list,.library{display:grid;gap:14px}input,select,textarea,button{width:100%;border-radius:16px;border:1px solid var(--line);padding:13px 14px}input,select,textarea{color:var(--ink);background:#fffdf6c7;outline:none}input:focus,select:focus,textarea:focus{border-color:#3f553c80;box-shadow:0 0 0 4px #657b5f21}textarea{min-height:90px;resize:vertical}details{border:1px solid var(--line);border-radius:18px;padding:12px;background:#fffdf685}summary{cursor:pointer;color:var(--sage-dark);font-family:var(--font-ui);font-size:.82rem;font-weight:800}details[open] summary{margin-bottom:12px}button{cursor:pointer;border:none;color:#fff;background:var(--sage);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}button:hover:not(:disabled){background:var(--sage-dark);transform:translateY(-1px);box-shadow:0 12px 28px #3f553c2e}button:disabled{cursor:not-allowed;opacity:.62}.ghost-button,.chip{border:1px solid var(--line);color:var(--ink);background:#fffdf6b8}.danger-button{background:#9f42361f;color:var(--danger)}.danger-button:hover:not(:disabled){background:var(--danger);color:#fff}.review-card,.session-card,.library-card,.callout,.empty-state{padding:18px}.review-card,.session-card{display:grid;gap:16px}.session-card{position:relative;margin-bottom:16px;overflow:hidden;padding:clamp(22px,4vw,38px);background:radial-gradient(circle at 92% 10%,rgba(185,101,63,.2),transparent 30%),radial-gradient(circle at 8% 88%,rgba(101,123,95,.16),transparent 32%),linear-gradient(135deg,#fffdf6f0,#ece2cfc7);box-shadow:0 24px 70px #46362224}.session-card:before{position:absolute;top:14px;right:14px;bottom:14px;left:14px;pointer-events:none;border:1px dashed rgba(63,85,60,.18);border-radius:18px;content:""}.session-topline,.session-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.session-topline{position:relative;z-index:1;color:var(--muted);font-family:var(--font-ui);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.session-progress{position:relative;z-index:1;height:9px;overflow:hidden;border-radius:999px;background:#657b5f1f}.session-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sage),var(--clay));transition:width .18s ease}.session-prompt,.answer-panel,.review-start-card{position:relative;z-index:1}.session-prompt{display:grid;gap:12px;min-height:210px;align-content:center;text-align:center}.answer-panel{border:1px solid rgba(101,123,95,.18);border-radius:20px;padding:18px;background:#fff7e8d1}.answer-panel strong,.session-summary strong{color:var(--sage-dark);font-family:var(--font-ui);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}.answer-panel p{margin:10px 0 0;font-size:1.2rem}.reveal-button,.session-grades,.next-card-button{position:relative;z-index:1}.reveal-button{min-height:58px;background:var(--clay)}.reveal-button:hover:not(:disabled){background:#934f33}.next-card-button{justify-self:end;width:auto;min-width:170px;background:var(--clay)}.next-card-button:hover:not(:disabled){background:#934f33}.session-summary{margin-bottom:16px;padding:16px 18px;color:var(--muted);background:#fffdf6b3}.review-start-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;min-height:220px;align-items:end;overflow:hidden;padding:clamp(18px,4vw,34px);background:radial-gradient(circle at 86% 18%,rgba(185,101,63,.24),transparent 27%),radial-gradient(circle at 12% 90%,rgba(101,123,95,.2),transparent 34%),linear-gradient(45deg,transparent 0 68%,rgba(255,255,255,.44) 70%,transparent 74%),linear-gradient(135deg,#fffdf6f5,#f6e8cdc2)}.review-card-copy{position:relative;z-index:1;display:grid;gap:10px;max-width:430px}.review-card-copy h3{max-width:420px;color:var(--ink);font-size:clamp(2.8rem,7vw,5.6rem)}.review-card-copy span{color:var(--muted);font-size:1rem;line-height:1.45}.review-card-action{position:relative;z-index:1;display:grid;justify-items:end}.review-start-card button{width:180px}.due-pill{position:absolute;top:20px;right:20px;border:1px solid rgba(185,101,63,.18);border-radius:999px;padding:7px 11px;color:#8d4e2f;background:#b9653f1a;font-family:var(--font-ui);font-size:.78rem;white-space:nowrap}.answer-options{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;min-height:104px;border:1px solid rgba(63,85,60,.14);padding:16px;color:var(--ink);text-align:left;background:#fffdf6c2;box-shadow:inset 0 1px #ffffff94}.answer-option span{display:grid;width:32px;height:32px;place-items:center;border-radius:999px;color:#fff;background:var(--sage);font-family:var(--font-ui);font-size:.8rem;font-weight:800}.answer-option strong{font-size:1rem;font-weight:500;line-height:1.35}.answer-option.correct{border-color:#3f553c6b;background:#657b5f29}.answer-option.wrong{border-color:#9f423661;background:#9f42361f}.answer-option.wrong span{background:var(--danger)}.quiz-feedback{position:relative;z-index:1;min-height:24px;color:var(--muted);font-family:var(--font-ui);font-size:.86rem}.correct-text{color:var(--sage-dark)}.wrong-text{color:var(--danger)}.quiz-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:18px}.quiz-summary div{display:grid;gap:4px}.compact-button{width:auto;padding-inline:16px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;color:var(--muted);font-family:var(--font-ui);font-size:.82rem}.pagination span{border:1px solid rgba(101,123,95,.18);border-radius:999px;padding:9px 13px;color:var(--sage-dark);background:#fffaefa8;font-weight:700}.grade-row,.action-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.action-row{grid-template-columns:repeat(2,minmax(0,160px))}.quick-capture-line{display:grid;gap:10px}.quick-actions{grid-template-columns:minmax(0,150px)}.quick-actions button,.bulk-actions button{width:150px;min-height:46px;padding:10px 14px}.save-confirmation{margin:0;border:1px solid rgba(101,123,95,.18);border-radius:16px;padding:12px 14px;color:var(--sage-dark);background:#657b5f14}.bulk-import{display:grid;gap:14px;margin-top:22px;border-top:1px solid var(--line);padding-top:22px}.quick-add{display:grid;gap:18px}.capture-card{border:1px solid var(--line);border-radius:24px;padding:clamp(18px,3vw,24px);background:radial-gradient(circle at 100% 0%,rgba(185,101,63,.1),transparent 28%),linear-gradient(180deg,#fffdf6c2,#faefda7a)}.capture-card.bulk-import{margin-top:0;border-top:1px solid var(--line)}.optional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.optional-grid .field-label:last-child{grid-column:1 / -1}.import-heading{margin-bottom:0}.bulk-textarea{min-height:170px;font-family:var(--font-body)}.import-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.import-preview-card{display:grid;gap:6px;border:1px solid var(--line);border-radius:18px;padding:13px;background:#fffdf69e}.import-preview-card strong{font-family:var(--font-display);font-size:1.2rem;font-weight:500;line-height:1.05}.import-preview-card span{color:var(--muted);font-size:.92rem}.import-preview-card .pos-pill{width:fit-content;border:1px solid rgba(63,85,60,.16);border-radius:999px;padding:4px 9px;color:var(--sage-dark);background:#657b5f17;font-family:var(--font-ui);font-size:.72rem;font-weight:800}.form-error,.import-preview-card .form-error{margin:0;color:var(--danger);font-size:.92rem}.bulk-actions{grid-template-columns:minmax(0,150px)}.ai-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:34px;padding:7px 12px;color:#8d4e2f;background:#b9653f1a;font-size:.78rem;white-space:nowrap}.gpt-mark{display:grid;width:18px;height:18px;place-items:center;border:1px solid rgba(185,101,63,.18);border-radius:999px;color:#fff;background:var(--clay);font-size:.64rem;line-height:1}.term{margin:0 0 8px;font-family:var(--font-body);font-size:1.55rem;font-weight:500;line-height:1.05}.filters{display:grid;grid-template-columns:minmax(220px,1fr);gap:14px;margin-bottom:18px}.library-card{padding:0;overflow:hidden}.library-card.editing{padding:18px;display:block;background:var(--panel-strong)}.field-label{display:grid;gap:7px}.field-label span{color:var(--sage-dark);font-family:var(--font-ui);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.library-disclosure{border:0;border-radius:inherit;padding:0;background:transparent}.library-disclosure summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;cursor:pointer;list-style:none}.library-disclosure summary::-webkit-details-marker{display:none}.library-word{font-family:var(--font-body);font-size:1.55rem;font-weight:500;line-height:1.05}.library-actions{display:flex;gap:8px}.icon-button{display:grid;width:38px;height:38px;place-items:center;border-radius:999px;padding:0;font-family:var(--font-ui);font-size:1rem;font-weight:800;line-height:1}.library-details{position:relative;display:grid;gap:12px;border-top:1px solid var(--line);padding:0 18px 18px}.library-details p{margin:18px 150px 0 0;color:var(--ink);line-height:1.45}.part-of-speech-badge{position:absolute;top:12px;right:18px;border:1px solid rgba(101,123,95,.18);border-radius:999px;padding:6px 10px;color:var(--sage-dark);background:#657b5f14;font-family:var(--font-ui);font-size:.78rem}.meta{display:flex;gap:8px;flex-wrap:wrap}.meta span{border:1px solid rgba(101,123,95,.18);border-radius:999px;padding:6px 10px;color:var(--sage-dark);background:#657b5f14;font-family:var(--font-ui);font-size:.82rem}.meta .archived-badge{border-color:#9f42362e;color:var(--danger);background:#9f423614}.notes{display:block;margin-top:8px}.edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px}.empty-state{display:grid;gap:6px;color:var(--muted)}.empty-state strong{color:var(--ink);font-family:var(--font-display);font-size:1.45rem;font-weight:500}.spacious{margin-top:16px;padding:28px}.error{color:var(--danger)}.floating-error{position:sticky;bottom:18px;margin-left:auto;max-width:520px;border:1px solid rgba(159,66,54,.18);border-radius:16px;padding:14px 16px;background:#fff7f2;box-shadow:0 18px 42px #9f42361f}.auth{width:min(720px,100%)}.callout{margin-top:16px;overflow-wrap:anywhere}a{color:var(--sage-dark)}@media (max-width: 920px){.app-shell,.hero,.grid,.filters,.optional-grid,.library-card,.quick-capture-line{grid-template-columns:1fr}.app-shell{padding:14px 12px 60px}.topbar{position:static;height:auto;overflow:visible;grid-template-columns:1fr auto;grid-template-areas:"brand brand" "nav nav" "stats stats";gap:12px;border-radius:24px;padding:18px}.brand-block h1{font-size:clamp(1.45rem,8vw,2.2rem)}.topbar-add,.topbar-refresh{width:38px;height:38px}.top-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:8px;border-radius:20px}.nav-item{justify-content:center;min-height:58px;padding:10px 12px}.topbar-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.topbar-stats article{min-height:62px;padding:9px 10px;border-radius:16px;white-space:normal}.topbar-stats strong{display:block;margin-right:0;font-size:1.2rem}.topbar-stats span{font-size:.72rem}.stats,.grade-row,.answer-options,.review-start-card,.quiz-summary{grid-template-columns:1fr}.review-card-action{justify-items:start}.action-row,.quick-actions,.edit-grid{grid-template-columns:1fr}}@media (max-width: 620px){.topbar-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-item{display:grid;gap:2px;justify-items:center}.section-heading,.library-toolbar,.import-heading{display:grid}.review-start-card{min-height:230px}.review-start-card button,.next-card-button{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}