:root,[data-theme=light]{--bg: #faf9f7;--bg-secondary: #f3f1ec;--surface: #ffffff;--surface2: #f8f7f4;--surface3: #efece6;--text: #1c1917;--text-muted: #6b635c;--text-faint: #a39b92;--accent: #ad7544;--accent-light: rgba(173, 117, 68, .1);--accent-hover: #946134;--accent-contrast: #ffffff;--success: #4a7c59;--success-bg: rgba(74, 124, 89, .1);--error: #9b3a3a;--error-bg: rgba(155, 58, 58, .09);--vocab-bg: rgba(173, 117, 68, .09);--vocab-text: #7a5230;--border: rgba(28, 25, 23, .09);--border-strong: rgba(28, 25, 23, .14);--beginner: #4a7c59;--intermediate: #ad7544;--advanced: #9b3a3a;--shadow-sm: 0 1px 2px rgba(28, 25, 23, .04), 0 1px 3px rgba(28, 25, 23, .05);--shadow-md: 0 4px 12px -2px rgba(28, 25, 23, .08), 0 2px 6px -2px rgba(28, 25, 23, .06);--shadow-lg: 0 24px 48px -12px rgba(28, 25, 23, .22), 0 8px 20px -8px rgba(28, 25, 23, .12)}[data-theme=dark]{--bg: #16140f;--bg-secondary: #100e0a;--surface: #1e1b16;--surface2: #25221c;--surface3: #2e2a23;--text: #f1ede6;--text-muted: #a39a8e;--text-faint: #6b6256;--accent: #cb9b62;--accent-light: rgba(203, 155, 98, .13);--accent-hover: #d8aa72;--accent-contrast: #1a160f;--success: #6aa57e;--success-bg: rgba(106, 165, 126, .13);--error: #cf6363;--error-bg: rgba(207, 99, 99, .13);--vocab-bg: rgba(203, 155, 98, .12);--vocab-text: #cb9b62;--border: rgba(241, 237, 230, .09);--border-strong: rgba(241, 237, 230, .15);--beginner: #6aa57e;--intermediate: #cb9b62;--advanced: #cf6363;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 50px -12px rgba(0, 0, 0, .6)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{background:var(--bg-secondary);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","ss01"}.serif{font-family:"Source Serif 4",Georgia,Times New Roman,serif}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:16px;color:var(--text)}::selection{background:var(--accent-light)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}.ico{display:inline-flex;align-items:center;justify-content:center;flex:none}.ico-accent{color:var(--accent)}.ico-success{color:var(--success)}.ico-error{color:var(--error)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow-sm)}.card--p0{padding:0}.card--p20{padding:22px}.card--flat{box-shadow:none}.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;color:var(--accent-contrast);background:var(--accent);padding:11px 20px;border-radius:10px;box-shadow:var(--shadow-sm);transition:background .15s ease,transform .06s ease,box-shadow .15s ease}.btn-accent:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-accent:active{transform:translateY(.5px)}.btn-accent:disabled{background:var(--surface3);color:var(--text-faint);cursor:default;box-shadow:none}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:500;font-size:15px;color:var(--accent);background:transparent;border:1px solid var(--border-strong);padding:10px 16px;border-radius:10px;transition:background .15s ease,border-color .15s ease}.btn-outline:hover{background:var(--accent-light);border-color:#ad754459}.btn-outline:active{transform:translateY(.5px)}.btn-outline:disabled{color:var(--text-faint);cursor:default}.btn-ghost{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--accent);padding:6px 8px;border-radius:8px;transition:background .15s ease}.btn-ghost:hover{background:var(--accent-light)}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:var(--text-muted);transition:background .15s ease,color .15s ease}.icon-btn:hover{background:var(--surface3);color:var(--text)}.icon-btn--accent{color:var(--accent)}.icon-btn--accent:hover{background:var(--accent-light);color:var(--accent)}.icon-btn--danger:hover{background:var(--error-bg);color:var(--error)}.icon-btn--sm{width:30px;height:30px;border-radius:8px}.diff-badge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;letter-spacing:.2px;padding:3px 9px;border-radius:999px;border:1px solid;text-transform:capitalize}.diff-badge--beginner{color:var(--beginner);background:#4a7c591a;border-color:#4a7c5938}.diff-badge--intermediate{color:var(--intermediate);background:#ad75441a;border-color:#ad754438}.diff-badge--advanced{color:var(--advanced);background:#9b3a3a1a;border-color:#9b3a3a38}.chip{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:500;padding:6px 13px;border-radius:999px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip--active{background:var(--accent-light);color:var(--accent);border-color:#ad754459}.chip--active:hover{color:var(--accent)}.logo{display:inline-flex;align-items:baseline;gap:2px;font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:22px;letter-spacing:-.3px;color:var(--text);-webkit-user-select:none;user-select:none}.logo-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);align-self:flex-end;margin-bottom:5px}.spinner{width:18px;height:18px;border:2px solid var(--accent-light);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner--white{border-color:#fff6;border-top-color:#fff}.spinner--lg{width:30px;height:30px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.accent-text{color:var(--accent)}.error-text{color:var(--error)}.eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .22s ease}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg-secondary)}@media (min-width: 900px){.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}}.sidebar{display:none}@media (min-width: 900px){.sidebar{display:flex;flex-direction:column;gap:4px;padding:22px 16px;border-right:1px solid var(--border);background:var(--bg);position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;padding:6px 10px 22px}.sidebar-brand .logo{font-size:24px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:10px;font-size:15px;font-weight:500;color:var(--text-muted);text-align:left;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--surface3);color:var(--text)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-item .ico{color:currentColor}.sidebar-spacer{flex:1}.sidebar-footer{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid var(--border)}.sidebar-row{display:flex;align-items:center;justify-content:space-between;padding:4px 6px}.sidebar-row .label{font-size:13px;color:var(--text-muted)}.sidebar-lang{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:5px 10px;font-size:13px;font-weight:500;cursor:pointer}}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--border)}.header-actions{display:flex;align-items:center;gap:4px}.header-lang{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-muted);font-weight:600;font-size:13px;padding:8px;border-radius:8px;cursor:pointer}.header-lang:hover{background:var(--surface3)}@media (min-width: 900px){.main-header{display:none}}.main{display:flex;flex-direction:column;min-width:0;flex:1}.screen{flex:1}.content{padding:20px 16px 28px;max-width:760px;margin:0 auto;width:100%}@media (min-width: 900px){.content{padding:36px 40px 56px;max-width:860px}}.tabbar{position:sticky;bottom:0;z-index:20;display:flex;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;font-size:11px;font-weight:500;color:var(--text-faint);transition:color .15s ease}.tabbar button.active{color:var(--accent)}@media (min-width: 900px){.tabbar{display:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head h1{font-family:"Source Serif 4",Georgia,serif;font-size:30px;font-weight:600;letter-spacing:-.4px;margin:0;line-height:1.1}.page-head p{margin:6px 0 0;color:var(--text-muted);font-size:14.5px}@media (min-width: 900px){.page-head h1{font-size:34px}}.toolbar{display:flex;gap:10px;margin-bottom:16px}.search-box{flex:1;display:flex;align-items:center;gap:9px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:11px;color:var(--text-faint);transition:border-color .15s ease,box-shadow .15s ease}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.search-box input{flex:1;background:none;border:none;outline:none;font-size:15px;color:var(--text)}.search-box input::placeholder{color:var(--text-faint)}.search-add{flex:none}.filter-bar{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.filter-bar::-webkit-scrollbar{display:none}.filter-select{position:relative;display:inline-flex;align-items:center}.filter-select select.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;cursor:pointer}.filter-select .caret{position:absolute;right:11px;pointer-events:none;color:currentColor;display:inline-flex}.filter-select select.chip:not(:has(option[value=All]:checked))~.caret{color:var(--accent)}.lesson-list{display:flex;flex-direction:column;gap:12px}@media (min-width: 700px){.lesson-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.lesson-list>.section-head{grid-column:1 / -1}}.lesson-row{display:block;width:100%;text-align:left}.lesson-card{position:relative;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .08s ease}.lesson-row:hover .lesson-card{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.lesson-row:active .lesson-card{transform:scale(.992)}.lesson-card-top{display:flex;align-items:flex-start;gap:10px}.lesson-card-title{font-size:16.5px;font-weight:600;flex:1;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-card-topics{font-size:13.5px;color:var(--text-muted);margin-top:7px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-card-meta{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px}.lesson-card-lang{display:inline-flex;align-items:center;gap:5px;color:var(--text-faint)}.row-actions{display:flex;gap:2px;opacity:.65;transition:opacity .15s ease}.lesson-row:hover .row-actions{opacity:1}.row-actions .pinned{color:var(--accent);opacity:1}.section-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;margin:14px 0 2px;background:none;width:100%}.count-pill{font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px}.empty-state{text-align:center;padding:72px 30px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:16px;max-width:380px;margin:0 auto}.empty-state .big-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:var(--accent-light);color:var(--accent)}.empty-state .es-title{font-size:18px;font-weight:600;color:var(--text)}.empty-state p{margin:-6px 0 4px;font-size:14.5px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#14100c66;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .16s ease}@media (min-width: 640px){.sheet-backdrop{align-items:center;padding:24px}}.sheet{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:22px 22px 0 0;box-shadow:var(--shadow-lg);animation:slideUp .26s cubic-bezier(.22,1,.36,1);padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 640px){.sheet{border-radius:18px;max-height:86vh;animation:dialogIn .2s cubic-bezier(.22,1,.36,1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes dialogIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.sheet-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:1}.sheet-header h2{font-size:17px;font-weight:600;margin:0}.sheet-header .sheet-side{min-width:64px;display:flex}.sheet-header .sheet-side:last-child{justify-content:flex-end}.sheet-body{padding:18px;display:flex;flex-direction:column;gap:16px}.field-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:9px}.field-label .ico{color:var(--accent)}textarea.input,input.input{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:11px 13px;outline:none;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}textarea.input:focus,input.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}textarea.input::placeholder,input.input::placeholder{color:var(--text-faint)}.picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.picker-row>span{display:inline-flex;align-items:center;gap:8px}.picker-row .ico{color:var(--accent)}.picker-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:14.5px;font-weight:500;text-align:right;padding:7px 12px;border-radius:9px;cursor:pointer;max-width:60%}.picker-divider{height:1px;background:var(--border)}.seg{display:flex;gap:6px;background:var(--surface2);padding:4px;border-radius:11px;border:1px solid var(--border)}.seg button{flex:1;padding:9px 0;border-radius:8px;font-weight:500;font-size:14px;color:var(--text-muted);transition:background .15s ease,color .15s ease}.seg button:hover{color:var(--text)}.seg button.active{background:var(--surface);color:var(--accent);font-weight:600;box-shadow:var(--shadow-sm)}.progress-row{display:flex;align-items:center;gap:11px;color:var(--text-muted);font-size:14.5px}.banner-error{display:flex;align-items:center;gap:9px;color:var(--error);background:var(--error-bg);border:1px solid rgba(155,58,58,.18);padding:11px 13px;border-radius:10px;font-size:14px}.detail-top{display:flex;align-items:center;gap:10px;margin-bottom:18px}.detail-back{margin-left:-8px}.detail-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;margin-bottom:22px}.detail-meta .lang{display:inline-flex;align-items:center;gap:5px;color:var(--text-faint)}.detail-meta .sep{color:var(--border-strong)}.detail-divider{display:flex;align-items:center;gap:9px;margin:0 0 14px}.detail-divider .ico{color:var(--accent)}.detail-divider .label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px}.detail-divider .line{flex:1;height:1px;background:var(--border)}.detail-section{margin-bottom:30px}.vocab-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-weight:500;box-shadow:var(--shadow-sm);transition:border-color .15s ease}.vocab-toggle:hover{border-color:var(--border-strong)}.vocab-toggle .accent-text{display:inline-flex}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:12px}.vocab-card{display:flex;align-items:stretch;background:var(--vocab-bg);border:1px solid rgba(173,117,68,.18);border-radius:12px;overflow:hidden;transition:border-color .15s ease}.vocab-card:hover{border-color:#ad754466}.vocab-card .body{flex:1;padding:11px 13px;text-align:left}.vocab-card .w{font-weight:600;color:var(--vocab-text);font-size:15px}.vocab-card .tr{font-size:13.5px;color:var(--text-muted);margin-top:2px}.vocab-card .def{font-size:12.5px;color:var(--text-faint);margin-top:3px}.vocab-card .x{padding:11px 11px 0;color:var(--text-faint);align-self:stretch;display:flex;align-items:flex-start;transition:color .15s ease}.vocab-card .x:hover{color:var(--error)}.story-controls{display:flex;align-items:center;gap:8px;margin-bottom:14px}.story-controls .hint{flex:1;font-size:13px;color:var(--text-faint)}.story-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px 28px;box-shadow:var(--shadow-sm)}@media (max-width: 600px){.story-card{padding:20px}}.story-text{font-family:"Source Serif 4",Georgia,serif;font-size:18px;line-height:1.95;color:var(--text)}.story-text.fs1{font-size:20px}.story-text.fs2{font-size:23px}.story-word{cursor:pointer;border-radius:4px;padding:0 1px;transition:background .1s ease}.story-word:hover{background:var(--accent-light)}.story-word.vocab{color:var(--vocab-text);font-weight:600;text-decoration:underline;text-decoration-color:#ad754473;text-underline-offset:3px;text-decoration-thickness:1.5px}.sentence-btn{display:inline-flex;vertical-align:middle;color:var(--accent);opacity:.45;cursor:pointer;margin-left:3px;transition:opacity .15s ease}.sentence-btn:hover{opacity:1}.question-card{display:flex;flex-direction:column;gap:11px}.question-card .q{font-weight:600;line-height:1.4}.question-card .q .qnum{color:var(--accent);margin-right:6px}.question-locked-answer{color:var(--text-muted);padding:4px 0;line-height:1.5}.correction{display:flex;gap:9px;padding:11px 13px;border-radius:10px;font-size:14px;line-height:1.5}.correction.ok{background:var(--success-bg)}.correction.bad{background:var(--error-bg)}.correction .mark{flex:none;margin-top:1px}.correction .mark.ok{color:var(--success)}.correction .mark.bad{color:var(--error)}.detail-grid{display:flex;flex-direction:column}.detail-col-story{order:2}.detail-col-vocab{order:1}.detail-col-questions{order:3}@media (min-width: 1000px){.content--detail{max-width:1080px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"story vocab" "story questions";align-items:start;column-gap:36px}.detail-col-story{grid-area:story;position:sticky;top:28px}.detail-col-vocab{grid-area:vocab;margin-bottom:30px}.detail-col-questions{grid-area:questions}}.tr-headword{font-family:"Source Serif 4",Georgia,serif;font-size:32px;font-weight:600;text-align:center;letter-spacing:-.3px}.tr-sentence{font-family:"Source Serif 4",Georgia,serif;font-size:19px;line-height:1.6;text-align:center}.tr-result{font-size:22px;color:var(--accent);text-align:center;font-weight:500}.tr-controls{display:flex;gap:10px;justify-content:center}.stats-card{display:flex;flex-direction:column;gap:16px}.stats-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.stats-top .headline{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600}.quiz-stats-ring{width:58px;height:58px;position:relative;flex:none}.mini-stats{display:flex;padding-top:16px;border-top:1px solid var(--border)}.mini-stat{flex:1;text-align:center}.mini-stat .v{font-weight:700;font-size:20px}.mini-stat .l{font-size:11.5px;color:var(--text-faint);margin-top:2px}.mini-divider{width:1px;background:var(--border);margin:0 6px}.lesson-pick{display:flex;align-items:center;gap:13px;padding:13px 16px;width:100%;text-align:left;transition:background .12s ease}.lesson-pick:hover{background:var(--surface2)}.lesson-pick.sel{background:var(--accent-light)}.lesson-pick .radio{color:var(--text-faint);display:inline-flex;flex:none}.lesson-pick.sel .radio{color:var(--accent)}.lesson-pick .info{flex:1;min-width:0}.lesson-pick .ttl{font-weight:600;font-size:15px}.lesson-pick .sub{font-size:12.5px;color:var(--text-muted);margin-top:1px;display:flex;align-items:center;gap:6px}.pick-divider{height:1px;background:var(--border);margin-left:53px}.group-lang{display:flex;align-items:center;gap:8px;padding:4px 2px 10px;font-weight:600}.group-lang .ico{color:var(--accent)}.diff-group{margin-bottom:14px}.diff-group-head{display:flex;align-items:center;gap:10px;padding:0 2px 8px}.diff-group-head .line{flex:1;height:1px;background:var(--border)}.flow-chips{display:flex;flex-wrap:wrap;gap:7px}.flow-chip{display:inline-flex;align-items:center;gap:5px;font-size:13px;padding:5px 11px;border-radius:999px;border:1px solid}.quiz-start-bar{position:sticky;bottom:0;display:flex;align-items:center;gap:14px;margin:4px -16px 0;padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));background:var(--bg-secondary);border-top:1px solid var(--border)}.quiz-start-bar .summary{flex:1;font-size:13.5px;color:var(--text-muted);display:flex;align-items:center;gap:7px}@media (min-width: 900px){.quiz-start-bar{margin:4px -40px 0;padding:16px 40px;background:var(--bg)}}.quiz-session{display:flex;flex-direction:column;min-height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50}.quiz-progress{height:3px;background:var(--border)}.quiz-progress .fill{height:100%;background:var(--accent);transition:width .35s cubic-bezier(.22,1,.36,1)}.quiz-shell{width:100%;max-width:640px;margin:0 auto;display:flex;flex-direction:column;flex:1;min-height:0}.quiz-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top))}.quiz-top .title{font-weight:600}.quiz-scorebar{display:flex;align-items:center;gap:14px;justify-content:center;padding:4px 18px 0}.score-pill{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:14px}.quiz-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:28px 24px 48px;text-align:center}.quiz-dir{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quiz-dir .swap{display:inline-flex;padding:5px;background:var(--accent-light);border-radius:999px;color:var(--accent)}.quiz-counter{font-size:13px;color:var(--text-faint)}.quiz-prompt{font-family:"Source Serif 4",Georgia,serif;font-size:42px;font-weight:600;letter-spacing:-.5px;line-height:1.1}@media (min-width: 900px){.quiz-prompt{font-size:52px}}.quiz-input{font-size:19px;text-align:center;width:100%;max-width:340px;padding:13px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.quiz-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.quiz-input.wrong{border-color:var(--error);box-shadow:0 0 0 3px var(--error-bg)}.quiz-feedback{display:flex;flex-direction:column;gap:14px;align-items:center}.quiz-feedback .big-mark{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%}.quiz-feedback .big-mark.ok{background:var(--success-bg);color:var(--success)}.quiz-answer{font-size:22px;font-weight:600;color:var(--accent)}.recap-card{display:flex;width:100%;max-width:360px}.recap-stat{flex:1;text-align:center}.recap-stat .v{font-size:24px;font-weight:700}.recap-stat .l{font-size:12px;color:var(--text-faint);margin-top:2px}.login-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg-secondary)}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:36px 32px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:18px}.login-logo{display:flex;justify-content:center}.login-logo .logo{font-size:36px}.login-logo .logo-dot{width:7px;height:7px;margin-bottom:8px}.login-sub{text-align:center;color:var(--text-muted);font-size:14.5px;margin:-8px 0 4px;line-height:1.5}.login-field{display:flex;flex-direction:column;gap:7px}.login-field label{font-size:13px;font-weight:600;color:var(--text-muted)}.center-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}