:root{color-scheme:light;--bg0: #faf6ef;--bg1: #ffffff;--bg2: #f0e9dc;--bg3: #efeae4;--bd: #ece4d4;--bd2: #d8cfbc;--t1: #2f2a23;--t2: #6b6354;--t3: #8a8172;--ac: #5a7d64;--ac2: #6a8f74;--ac-ink: #3e5745;--acs: #eef2ea;--on-ac: #faf6ef;--ok: #5a7d64;--oks: #eef2ea;--warn: #b08a3e;--warns: #fdf3e0;--warn-bd: #ecd9ac;--err: #b3503e;--errs: #f7ece7;--err-bd: #e6c8bd;--cat-sage-bg: #eef2ea;--cat-sage-fg: #5a7d64;--cat-gold-bg: #f2efe6;--cat-gold-fg: #8a7d4f;--cat-clay-bg: #f5ebe4;--cat-clay-fg: #a06a4c;--cat-slate-bg: #e9edf2;--cat-slate-fg: #5c718a;--cat-stone-bg: #efeae4;--cat-stone-fg: #7a6f5f;--avatar-bg: #e9e0cf;--avatar-fg: #5a5244;--r-card: 22px;--r-frame: 32px;--r-opt: 18px;--r-chip: 14px;--r-pill: 99px;--r-bar: 3px;--r-input: 14px;--r-md: 16px;--sh-card: 0 2px 10px rgba(90, 80, 60, .05);--sh-hover: 0 8px 24px rgba(90, 80, 60, .12);--sh-modal: 0 20px 60px rgba(90, 80, 60, .28);--focus-ring: 0 0 0 3px rgba(90, 125, 100, .28);--glass: rgba(250, 246, 239, .85);--glass-strong: rgba(250, 246, 239, .94);--overlay: rgba(47, 42, 35, .45);--on-err: #ffffff;--f-display: "Newsreader", Georgia, "Times New Roman", serif;--f-ui: "Karla", system-ui, -apple-system, "Segoe UI", sans-serif;--tr: .2s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{color-scheme:dark;--bg0: #171512;--bg1: #201d19;--bg2: #2b2721;--bg3: #302b24;--bd: #363028;--bd2: #4a4237;--t1: #ece7dd;--t2: #b5ac9b;--t3: #93897a;--ac: #7fa88b;--ac2: #8fb69a;--ac-ink: #b9d4c2;--acs: #232f28;--on-ac: #121c16;--ok: #7fa88b;--oks: #232f28;--warn: #d3a95f;--warns: #322a1a;--warn-bd: #4f4227;--err: #d47f67;--errs: #362219;--err-bd: #533327;--cat-sage-bg: #232f28;--cat-sage-fg: #9dc0a9;--cat-gold-bg: #322e1f;--cat-gold-fg: #c5b177;--cat-clay-bg: #362a20;--cat-clay-fg: #c79a7d;--cat-slate-bg: #232a33;--cat-slate-fg: #96abc5;--cat-stone-bg: #2e2a24;--cat-stone-fg: #ab9f8c;--avatar-bg: #3a342a;--avatar-fg: #d8cfbd;--sh-card: 0 2px 10px rgba(0, 0, 0, .25);--sh-hover: 0 8px 24px rgba(0, 0, 0, .45);--sh-modal: 0 20px 60px rgba(0, 0, 0, .6);--focus-ring: 0 0 0 3px rgba(127, 168, 139, .35);--glass: rgba(23, 21, 18, .85);--glass-strong: rgba(23, 21, 18, .94);--overlay: rgba(0, 0, 0, .55);--on-err: #26130c}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--f-ui);background:var(--bg0);color:var(--t1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}input,textarea,select{font:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:6px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:4px}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}.page{max-width:1060px;margin:0 auto;width:100%;padding:28px max(16px,env(safe-area-inset-left)) 96px}.page-narrow{max-width:560px}.page-mid{max-width:780px}@media(min-width:768px){.page{padding:28px 40px 48px}}.h1{font:500 clamp(26px,5vw,36px)/1.15 var(--f-display);color:var(--t1);margin-bottom:6px}.sub{font:400 15px var(--f-ui);color:var(--t3);margin-bottom:28px}.section-title{font:500 18px var(--f-display);color:var(--t1);margin-bottom:14px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.muted{color:var(--t3)}.center{text-align:center}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fade-in .25s ease}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px max(16px,env(safe-area-inset-left));background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(min-width:768px){.topbar{padding:20px 40px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.topbar{background:var(--bg0)}}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-name{font:500 20px var(--f-display);color:var(--t1)}.seg{display:flex;gap:6px;background:var(--bg2);border-radius:var(--r-pill);padding:5px}.seg-item{font:600 13px var(--f-ui);color:var(--t2);border-radius:var(--r-pill);padding:8px 18px;border:none;background:transparent;cursor:pointer;transition:color var(--tr),background var(--tr);white-space:nowrap}.seg-item:hover{color:var(--t1)}.seg-item.active{color:var(--on-ac);background:var(--ac)}.seg-item .nd{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--warn);margin-left:6px;vertical-align:middle}@media(max-width:767px){.seg{display:none}}.avatar{width:38px;height:38px;border-radius:50%;background:var(--avatar-bg);color:var(--avatar-fg);display:flex;align-items:center;justify-content:center;font:700 14px var(--f-ui);border:2px solid var(--bg1);flex-shrink:0}.avatar-img{border-radius:50%;object-fit:cover;border:2px solid var(--bg1);flex-shrink:0;display:block;background:var(--avatar-bg)}.avatar-btn{border:none;background:none;padding:0;cursor:pointer;border-radius:50%;flex-shrink:0}.avatar-upload{position:relative;border:none;background:none;padding:0;cursor:pointer;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-upload .avatar-upload-hint{position:absolute;left:0;right:0;bottom:0;background:#00000073;color:#fff;font:700 10px var(--f-ui);text-align:center;padding:2px 0 5px}.avatar-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r-md);box-shadow:var(--sh-hover);padding:6px;min-width:180px;z-index:60;animation:pop-in .15s ease}.menu-head{padding:8px 12px 6px}.menu-name{font-weight:700;font-size:14px}.menu-role{font-size:12px;color:var(--t3)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:transparent;border-radius:10px;font:500 14px var(--f-ui);color:var(--t1);cursor:pointer;text-align:left}.menu-item:hover{background:var(--bg2)}.menu-sep{height:1px;background:var(--bd);margin:6px 4px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;background:var(--glass-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--bd);padding-bottom:env(safe-area-inset-bottom)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.bottomnav{background:var(--bg0)}}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 8px;min-height:56px;color:var(--t3);font:600 11px var(--f-ui);position:relative}.bottomnav a.active{color:var(--ac)}.bottomnav .nd{position:absolute;top:6px;right:calc(50% - 18px);width:7px;height:7px;border-radius:50%;background:var(--warn)}@media(min-width:768px){.bottomnav{display:none}}@media(max-width:767px){.has-bottomnav .page{padding-bottom:84px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 14px var(--f-ui);border-radius:var(--r-pill);padding:0 22px;height:44px;border:1.5px solid var(--bd2);background:var(--bg1);color:var(--t1);cursor:pointer;transition:background var(--tr),border-color var(--tr),color var(--tr),box-shadow var(--tr),opacity var(--tr);white-space:nowrap}.btn:hover{border-color:var(--ac)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--ac);border-color:var(--ac);color:var(--on-ac)}.btn-primary:hover{background:var(--ac2);border-color:var(--ac2)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg2);border-color:transparent}.btn-danger{color:var(--err);border-color:var(--err-bd);background:var(--errs)}.btn-danger:hover{background:var(--err);color:var(--on-err);border-color:var(--err)}.btn-sm{height:36px;padding:0 16px;font-size:13px}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--bd);background:var(--bg1);color:var(--t2);cursor:pointer;transition:all var(--tr);flex-shrink:0}.icon-btn:hover{border-color:var(--ac);color:var(--ac)}.icon-btn.sm{width:36px;height:36px}.icon-btn.danger:hover{border-color:var(--err);color:var(--err);background:var(--errs)}.spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.field{margin-bottom:16px}.label{display:block;font:600 12px var(--f-ui);color:var(--t2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.input,.textarea,.select{width:100%;padding:12px 14px;font-size:16px;color:var(--t1);background:var(--bg1);border:1.5px solid var(--bd);border-radius:var(--r-input);outline:none;transition:border-color var(--tr),box-shadow var(--tr)}.input:focus,.textarea:focus,.select:focus{border-color:var(--ac);box-shadow:var(--focus-ring)}.textarea{resize:vertical;min-height:90px;line-height:1.5}.field-error{color:var(--err);font-size:13px;margin-top:6px}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-row input{width:18px;height:18px;accent-color:var(--ac)}.checkbox-row label{font-size:14px;color:var(--t2);cursor:pointer}.hint{font-size:13px;color:var(--t3);line-height:1.6}.card{background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r-card);padding:24px;box-shadow:var(--sh-card)}.card-pad-lg{padding:28px}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:18px}.group-card{position:relative;background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r-card);padding:24px;box-shadow:var(--sh-card);cursor:pointer;text-align:left;display:flex;flex-direction:column;transition:box-shadow var(--tr),border-color var(--tr),transform var(--tr)}.card-flag{position:absolute;top:18px;right:18px}.group-card:hover,.group-card:focus-visible{box-shadow:var(--sh-hover);border-color:var(--ac)}.cat-chip{width:44px;height:44px;border-radius:var(--r-chip);display:flex;align-items:center;justify-content:center;font:500 20px var(--f-display);margin-bottom:16px;overflow:hidden}.cat-chip img{width:100%;height:100%;object-fit:cover}.group-name{font:500 20px var(--f-display);color:var(--t1);margin-bottom:4px}.group-desc{font:400 13px var(--f-ui);color:var(--t3);margin-bottom:18px;line-height:1.5;flex:1}.progress{height:6px;border-radius:var(--r-bar);background:var(--bg2);overflow:hidden;margin-bottom:10px}.progress>span{display:block;height:100%;border-radius:var(--r-bar);background:var(--ac);transition:width .4s var(--tr)}.meta-row{display:flex;justify-content:space-between;font:600 12px var(--f-ui);color:var(--t2)}.encourage-card{background:var(--acs);border:1px dashed #b9c9ba;border-radius:var(--r-card);padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center}.encourage-card .e-title{font:500 17px var(--f-display);color:var(--ac)}.encourage-card .e-body{font:400 13px var(--f-ui);color:var(--t3)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--r-pill);font:600 11px var(--f-ui);text-transform:uppercase;letter-spacing:.4px}.badge-ok{background:var(--oks);color:var(--ac-ink)}.badge-warn{background:var(--warns);color:var(--warn)}.badge-err{background:var(--errs);color:var(--err)}.badge-accent{background:var(--acs);color:var(--ac-ink)}.badge-muted{background:var(--bg2);color:var(--t2)}.modal-overlay{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200;animation:fade-in .18s ease}.modal{background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r-frame);padding:28px;width:100%;max-width:540px;max-height:90dvh;overflow-y:auto;box-shadow:var(--sh-modal);animation:pop-in .18s ease}.modal-title{font:500 22px var(--f-display);margin-bottom:8px}.modal-body{color:var(--t2);font-size:14px;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.toaster{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom));z-index:300;display:flex;flex-direction:column;gap:10px;align-items:center;width:max-content;max-width:92vw;pointer-events:none}.toast{background:var(--t1);color:var(--bg0);padding:12px 18px;border-radius:var(--r-pill);font:500 14px var(--f-ui);box-shadow:var(--sh-hover);animation:fade-in .25s ease;display:flex;align-items:center;gap:8px}.toast-error{background:var(--err);color:var(--on-err)}.toast-success{background:var(--ac);color:var(--on-ac)}.center-page{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:100dvh}.auth-card{width:100%;max-width:400px;text-align:center;position:relative;animation:pop-in .3s ease}.auth-title{font:500 28px var(--f-display);margin-bottom:6px}.auth-tag{color:var(--t3);font-size:14px;margin-bottom:24px}.tabs{display:flex;gap:4px;background:var(--bg2);padding:5px;border-radius:var(--r-pill);margin-bottom:22px}.tab{flex:1;padding:10px;border:none;background:transparent;color:var(--t2);font:600 14px var(--f-ui);border-radius:var(--r-pill);cursor:pointer;transition:all var(--tr)}.tab.active{background:var(--bg1);color:var(--t1);box-shadow:var(--sh-card)}.big-emoji{font-size:56px;display:block;margin-bottom:20px}.quiz-wrap{max-width:620px;margin:0 auto;width:100%;padding:12px max(16px,env(safe-area-inset-left)) 120px}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0 4px}.status-pill{font:600 13px var(--f-ui);color:var(--ac);background:var(--acs);border-radius:var(--r-pill);padding:8px 16px;text-align:center}.quiz-context{font:400 13px var(--f-ui);color:var(--t3);margin:22px 0 8px}.quiz-q{font:500 clamp(19px,4.5vw,22px)/1.4 var(--f-display);color:var(--t1);margin-bottom:24px}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:var(--bg1);border:1.5px solid var(--bd);border-radius:var(--r-opt);padding:15px 16px;cursor:pointer;min-height:56px;transition:border-color var(--tr),background var(--tr)}.option:hover:not(:disabled),.option:focus-visible{border-color:var(--ac)}.option-badge{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--bd2);display:flex;align-items:center;justify-content:center;font:700 12px var(--f-ui);color:var(--t3);flex-shrink:0;transition:all var(--tr)}.option-label{font:500 14px var(--f-ui);color:var(--t1)}.option.selected{background:var(--acs);border-color:var(--ac)}.option.selected .option-badge{background:var(--ac);border-color:var(--ac);color:var(--on-ac)}.option.selected .option-label{font-weight:700;color:var(--ac-ink)}.option.correct{background:var(--acs);border-color:var(--ac)}.option.correct .option-badge{background:var(--ac);border-color:var(--ac);color:var(--on-ac)}.option.wrong{background:var(--errs);border-color:var(--err-bd)}.option.wrong .option-badge{background:var(--err);border-color:var(--err);color:var(--on-err)}.mode-card{display:flex;gap:14px;align-items:center;width:100%;text-align:left;background:var(--bg1);border:1.5px solid var(--bd);border-radius:var(--r-opt);padding:18px 16px;cursor:pointer;transition:border-color var(--tr),box-shadow var(--tr)}.mode-card:hover,.mode-card:focus-visible{border-color:var(--ac);box-shadow:var(--sh-hover)}.mode-emoji{font-size:26px;flex-shrink:0}.mode-card b{display:block;font:700 15px var(--f-ui);margin-bottom:2px;color:var(--t1)}.mode-card small{color:var(--t3);font-size:13px;line-height:1.5}.option:disabled{cursor:default}.reveal-panel{margin-top:14px;border-radius:var(--r-md);padding:14px 16px;font-size:14px;line-height:1.6;border:1px solid;animation:fade-in .2s ease}.reveal-panel.good{background:var(--acs);border-color:var(--ac);color:var(--ac-ink)}.reveal-panel.bad{background:var(--errs);border-color:var(--err-bd);color:var(--t1)}.reveal-panel p{margin-top:6px;color:var(--t2);font-size:13px}.action-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:10px;align-items:center;padding:14px max(16px,env(safe-area-inset-left)) calc(14px + env(safe-area-inset-bottom));background:var(--glass-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--bd)}.action-bar-inner{max-width:620px;margin:0 auto;width:100%;display:flex;gap:10px;align-items:center}.dotstrip{flex:1;display:flex;gap:5px;justify-content:center;align-items:center;cursor:pointer;background:none;border:none;padding:6px}.dot{width:8px;height:8px;border-radius:50%;background:var(--bd2);flex-shrink:0}.dot.answered{background:var(--ac)}.dot.flagged{background:var(--warn)}.dot.current{box-shadow:0 0 0 2px var(--bg0),0 0 0 3.5px var(--ac)}.dot-more{font:600 11px var(--f-ui);color:var(--t3);margin-left:4px}.drawer-overlay{position:fixed;inset:0;background:var(--overlay);z-index:210;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .18s ease}.drawer{background:var(--bg1);border-radius:var(--r-frame) var(--r-frame) 0 0;width:100%;max-width:620px;max-height:82dvh;display:flex;flex-direction:column;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--sh-modal);animation:fade-in .22s ease}.drawer-grip{width:40px;height:4px;border-radius:2px;background:var(--bd2);margin:0 auto 14px}.drawer-filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.chip{border:1.5px solid var(--bd);background:var(--bg1);color:var(--t2);border-radius:var(--r-pill);padding:6px 14px;font:600 12px var(--f-ui);cursor:pointer}.chip.active{background:var(--ac);border-color:var(--ac);color:var(--on-ac)}.dot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;overflow-y:auto;padding:2px}.dot-cell{aspect-ratio:1;min-height:44px;border-radius:12px;border:1.5px solid var(--bd);background:var(--bg1);font:700 13px var(--f-ui);color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center}.dot-cell.answered{background:var(--acs);border-color:var(--ac);color:var(--ac-ink)}.dot-cell.flagged{box-shadow:inset 0 0 0 2px var(--warn)}.dot-cell.current{outline:2px solid var(--ac);outline-offset:1px}.result-hero{text-align:center;padding:32px 0 20px}.result-score{font:600 clamp(56px,16vw,76px)/1 var(--f-display);color:var(--ac)}.result-label{font-size:16px;color:var(--t2);margin:8px 0 24px}.result-stats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.stat{padding:10px 20px;border-radius:var(--r-md);background:var(--bg1);border:1px solid var(--bd);font:500 14px var(--f-ui)}.stat b{font-weight:700;margin-right:5px;font-size:16px}.missed-item{background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r-md);padding:18px;margin-bottom:12px}.missed-q{font-weight:600;margin-bottom:8px}.missed-line{font-size:13px;color:var(--t2)}.missed-expl{font-size:13px;color:var(--t3);margin-top:8px;padding-top:8px;border-top:1px solid var(--bd);line-height:1.6}.row-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r-md);padding:16px 18px;margin-bottom:10px;transition:border-color var(--tr)}a.row-item:hover{border-color:var(--ac)}.row-title{font-weight:600;margin-bottom:3px}.row-sub{font-size:12px;color:var(--t3)}.profile-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--avatar-bg);color:var(--avatar-fg);display:flex;align-items:center;justify-content:center;font:700 22px var(--f-ui)}.admin-tabs{display:flex;gap:4px;background:var(--bg2);padding:5px;border-radius:var(--r-pill);margin-bottom:24px;max-width:560px}.admin-tabs .tab{border-radius:var(--r-pill)}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r-md);padding:14px 16px;margin-bottom:10px}.q-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:12px 14px;margin-bottom:8px}.q-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.user-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r-md);padding:14px 16px;margin-bottom:10px}.user-main{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}.user-actions{display:flex;gap:6px;flex-wrap:wrap}.icon-up{width:80px;height:80px;border-radius:var(--r-chip);border:2px dashed var(--bd2);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:var(--bg2);color:var(--t3);flex-shrink:0}.icon-up:hover{border-color:var(--ac);color:var(--ac)}.icon-up img{width:100%;height:100%;object-fit:cover}.correct-toggle{display:inline-flex;align-items:center;gap:8px}.import-preview{max-height:400px;overflow-y:auto;margin-bottom:14px}.import-q{background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:12px;margin-bottom:8px;font-size:13px}.import-q.invalid{border-color:var(--err-bd);background:var(--errs)}.import-opts{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.import-opt{padding:4px 8px;border-radius:6px;color:var(--t2)}.import-opt.correct{background:var(--acs);color:var(--ac-ink);font-weight:600}.empty{text-align:center;padding:56px 20px;color:var(--t3)}.empty .empty-icon{font-size:40px;margin-bottom:12px}.empty .empty-title{font:500 18px var(--f-display);color:var(--t2);margin-bottom:6px}.splash{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--t3)}.skeleton{background:linear-gradient(90deg,var(--bg2) 25%,var(--bg3) 37%,var(--bg2) 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:var(--r-card)}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-card{height:180px}.theme-fab{position:fixed;top:max(16px,env(safe-area-inset-top));right:16px;z-index:60}.skip-link{position:absolute;left:12px;top:-60px;background:var(--ac);color:var(--on-ac);padding:10px 16px;border-radius:var(--r-pill);z-index:400;transition:top var(--tr)}.skip-link:focus{top:12px}@media(pointer:coarse){.seg-item{padding:10px 18px}}