:root{--bg:#0a0e17;--surface:#112240;--surface-2:#1d2d50;--border:#64ffda1a;--text:#ccd6f6;--text-muted:#8892b0;--accent:#5eead4;--neon-green:#5eead4;--accent-glow:#5eead433;--easy:#64ffda;--medium:#ff9d00;--hard:#f44336;--logic-token:#bd93f9;--blue-accent:#8be9fd;--card-shadow:0 20px 50px #000000b3;--robot-main:#64748b;--robot-dark:#475569;color:var(--text);background:var(--bg);font-family:Inter,-apple-system,sans-serif}[data-theme=light]{--bg:#f4f1eb;--surface:#fff;--surface-2:#eae5dc;--border:#00000017;--text:#1c1712;--text-muted:#6e675e;--accent:#0f766e;--neon-green:#0f766e;--accent-glow:#0f766e2e;--easy:#0f766e;--medium:#c2540a;--hard:#dc2626;--logic-token:#7c3aed;--blue-accent:#1d4ed8;--card-shadow:0 4px 24px #00000012,0 1px 4px #0000000a;--robot-main:#94a3b8;--robot-dark:#64748b}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:var(--bg);min-height:100vh;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}input,textarea{-webkit-user-select:text;user-select:text}.boot,.fatal{text-align:center;min-height:100vh;color:var(--text-muted);place-content:center;gap:14px;display:grid}.boot-mark{border:1px solid var(--border);width:72px;height:72px;color:var(--accent);background:var(--surface);border-radius:20px;place-items:center;margin:auto;font-size:42px;display:grid}.theme-toggle-btn{color:var(--accent);cursor:pointer;opacity:.9;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s,transform .3s;display:inline-flex}.theme-toggle-btn:hover{opacity:1;transform:rotate(20deg)}.btn-primary{background:var(--accent);color:#0a0e17;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:10px 24px;font-weight:700;transition:filter .15s,transform .15s,box-shadow .15s}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-weight:600}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text);background:#ffffff08}.btn-danger{border:1px solid var(--hard);color:var(--hard);background:#f4433614;border-radius:10px;padding:10px 20px;font-weight:700}.btn-danger:hover{background:#f4433629}.btn-sm{border-radius:8px;padding:6px 14px;font-size:12px}.form-stack{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-muted);font-size:13px;font-weight:700}.form-input,.form-select,select,input{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px 14px;font-size:14px}.form-input:focus,.form-select:focus,select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted);opacity:.6}.form-select,select{cursor:pointer}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-label-hint{color:var(--text-muted);margin-top:6px;font-size:11px}.required{color:var(--hard)}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap .form-input{padding-right:40px}.password-toggle-btn{color:var(--text-muted);background:0 0;border:0;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.password-toggle-btn:hover{color:var(--text)}body.login-body{background:radial-gradient(circle at 50% 30%,var(--surface) 0%,var(--bg) 100%);height:auto;display:block;overflow:hidden}.login-theme-toggle{z-index:30;width:24px;height:24px;position:fixed;top:24px;right:24px}.login-overlay{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-stage{width:100%;max-width:400px;position:relative}.modal-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;gap:20px;padding:32px 28px;display:flex}.login-card{z-index:2;position:relative;overflow:visible}.modal-title{text-align:center;font-size:20px;font-weight:800}.login-submit-btn{width:100%}.modal-actions{flex-direction:column;gap:10px;display:flex}.initial-password-user{min-height:20px;color:var(--text-muted);text-align:center;font-size:13px;line-height:1.5}.login-status{text-align:center;min-height:18px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.login-status[data-kind=error],.form-status[data-kind=error]{color:var(--hard)}.login-status[data-kind=success],.form-status[data-kind=success]{color:var(--accent)}@keyframes robot-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes robot-wave{0%{transform:rotate(-14deg)}to{transform:rotate(10deg)}}.login-robot-wrap{z-index:1;pointer-events:none;opacity:0;transform-origin:216px 66px;width:246px;height:204px;transition:opacity .25s ease-in,transform .35s cubic-bezier(.4,0,1,1);position:absolute;top:-84px;right:-108px;transform:translate(-60px,60px)rotate(12deg)scale(.6)}.login-robot-wrap svg{filter:drop-shadow(0 22px 36px #00000047);width:100%;height:auto;display:block;overflow:visible}.robot-upper-body{animation:4s ease-in-out infinite robot-idle}.robot-right-shoulder{transform-box:fill-box;transform-origin:0 100%}.login-stage.robot-awake .login-robot-wrap{opacity:1;transition:opacity .1s,transform .48s cubic-bezier(.4,0,.85,1);transform:none}.login-stage.robot-awake .robot-right-shoulder{animation:.52s linear .4s infinite alternate robot-wave}.dashboard-shell{width:min(1120px,100% - 40px);margin:auto;padding-bottom:64px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:76px;display:flex}.topbar>div{align-items:center;gap:16px;display:flex}.wordmark{color:var(--text);font-size:20px;font-weight:800;text-decoration:none}.hello{color:var(--text-muted);font-size:14px}.text-btn,.back-btn{color:var(--text-muted);background:0 0;border:0;padding:9px}.welcome{justify-content:space-between;align-items:center;min-height:300px;display:flex}.eyebrow,.panel-index{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}.welcome h1{margin:12px 0;font-size:clamp(38px,5vw,66px);line-height:1.1}.welcome p{color:var(--text-muted);font-size:18px}.day-seal{border:2px solid var(--accent);width:150px;height:150px;color:var(--accent);opacity:.75;border-radius:50%;place-items:center;font-size:82px;display:grid}.stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stats article,.panel{border:1px solid var(--border);background:var(--surface);border-radius:16px}.stats article{align-items:baseline;gap:10px;padding:18px 22px;display:flex}.stats strong{font-size:30px}.stats span{color:var(--text-muted);font-size:13px}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px;display:grid}.panel{padding:26px}.practice-panel{flex-direction:column;grid-row:span 2;align-items:flex-start;min-height:430px;display:flex}.panel h2{margin:38px 0 8px;font-size:28px}.panel>p{color:var(--text-muted);line-height:1.75}.task-meta{gap:8px;margin:20px 0 auto;display:flex}.task-meta span{background:var(--surface-2);color:var(--text-muted);border-radius:99px;padding:7px 10px;font-size:12px}.settings-panel form{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.settings-panel label{color:var(--text-muted);gap:8px;margin:10px 0;font-size:13px;font-weight:700;display:grid}.settings-panel button{grid-column:span 2;margin-top:8px}.leaderboard-panel ol{margin:20px 0 0;padding:0;list-style:none}.leaderboard-panel li{border-top:1px solid var(--border);grid-template-columns:32px 1fr auto;gap:10px;padding:11px 0;display:grid}.leaderboard-panel li b{color:var(--accent)}.leaderboard-panel li strong{font-size:13px}.leaderboard-panel .empty{color:var(--text-muted);display:block}.form-status{min-height:20px;color:var(--text-muted);font-size:13px}.dictation-shell{width:min(760px,100% - 32px);min-height:100vh;margin:auto;padding:20px 0 50px}.taskbar{grid-template-columns:44px 1fr 58px;align-items:center;gap:16px;height:56px;display:grid}.task-progress{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.task-progress div{background:var(--accent);height:100%;transition:width .3s}.taskbar>span{text-align:right;color:var(--text-muted);font-size:13px}.dictation-card{border:1px solid var(--border);background:var(--surface);min-height:660px;box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;align-items:center;margin-top:16px;padding:44px;display:flex}.paper-label{color:var(--text-muted);font-weight:700}.sound-button{background:var(--accent);color:#0a0e17;width:180px;height:180px;box-shadow:0 16px 38px var(--accent-glow);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin-top:52px;display:flex}.sound-button span{font-size:44px;transform:rotate(180deg)}.sound-button b{font-size:17px}.sound-button small{opacity:.7;margin-top:5px}.sentence-button{color:var(--text-muted);background:0 0;border:0;margin:18px;text-decoration:underline}.writing-reminder{color:var(--text-muted);align-items:center;gap:12px;margin-top:24px;display:flex}.writing-reminder span{color:var(--text-muted);font-size:32px}.reveal-button{width:min(320px,100%);margin-top:auto}.answer-block{text-align:center;margin-top:28px}.answer-word{color:var(--text);font-size:clamp(70px,14vw,118px);font-weight:700;line-height:1.1}.answer-pinyin{color:var(--accent);letter-spacing:.08em;font-size:18px}.answer-block p{color:var(--text-muted)}.answer-block aside{border-left:3px solid var(--accent);background:var(--surface-2);color:var(--text-muted);text-align:left;border-radius:6px;padding:10px 14px}.self-check{text-align:center;width:100%;margin-top:auto}.wrong-char-list{justify-content:center;gap:8px;margin:14px;display:flex}.wrong-char-list button{border:1px solid var(--border);background:var(--surface-2);width:48px;height:48px;color:var(--text);border-radius:9px;font-size:28px}.wrong-char-list button.selected{border-color:var(--hard);color:var(--hard);background:#f443361f}.assessment-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.assessment-actions button{border:0;border-radius:10px;padding:14px;font-weight:800}.assessment-actions .wrong{color:var(--hard);background:#f4433624}.assessment-actions .correct{background:var(--accent-glow);color:var(--accent)}.settlement{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.completion-seal{border:3px double var(--accent);width:108px;height:108px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:24px;font-size:38px;display:grid;transform:rotate(-5deg)}.settlement h1{margin:12px;font-size:76px}.settlement p{color:var(--text-muted)}.reward{color:var(--accent);margin:16px 0 30px;font-size:28px;font-weight:800}body.admin-body{min-width:0;height:auto;display:block;overflow:auto}.admin-shell{--admin-header-height:60px;min-height:100vh;display:flex}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:200;flex-direction:column;flex-shrink:0;width:160px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-logo{height:60px;color:var(--accent);letter-spacing:.08em;border:0;border-bottom:1px solid var(--border);background:0 0;padding:0 20px;font-family:Roboto Mono,monospace;font-size:15px;font-weight:800}.sidebar-nav{flex:1;padding:12px 0}.sidebar-nav-item{color:var(--text-muted);border-left:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 8px;font-size:13px;display:flex}.sidebar-nav-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-glow);font-weight:600}.nav-icon{display:flex}.sidebar-bottom{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:16px;display:flex}.btn-icon{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:8px 10px;display:flex}.btn-icon.theme-toggle-btn{border:0;width:auto;padding:6px}.btn-logout{color:var(--hard);background:0 0;border:1px solid #f4433659;border-radius:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:600}.admin-content{background:var(--bg);flex:1;min-height:100vh;margin-left:160px}.admin-topbar{z-index:150;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:16px;height:60px;padding:0 32px;display:flex;position:fixed;top:0;left:160px;right:0}.admin-topbar-home{color:var(--text);background:0 0;border:0;font-size:22px;font-weight:800}.admin-topbar-right{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.search-input{background:var(--surface);border:1px solid var(--border);min-width:120px;color:var(--text);border-radius:9px;flex:0 240px;padding:8px 12px}.admin-sections-wrap{padding:92px 32px 32px}.users-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.user-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:18px 20px;transition:border-color .15s,transform .15s,box-shadow .15s}.user-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 24px #0003}.user-card-id{color:var(--accent);margin-bottom:6px;font-family:Roboto Mono,monospace;font-size:13px}.user-card-name{color:var(--text);margin-bottom:14px;font-size:17px;font-weight:700}.user-badges,.user-card-meta{flex-wrap:wrap;gap:7px;display:flex}.user-badges span{background:var(--surface-2);color:var(--text-muted);border-radius:99px;padding:4px 7px;font-size:11px}.user-badges .active{color:var(--accent)}.user-badges .disabled{color:var(--hard)}.user-badges .setup{color:var(--medium)}.user-card-meta{border-top:1px solid var(--border);color:var(--text);justify-content:space-between;margin-top:18px;padding-top:12px;font-size:12px}.user-card-last{color:var(--text-muted);margin-top:10px;font-size:11px}.empty-state{text-align:center;color:var(--text-muted);padding:56px 24px;font-size:14px}.empty-state-icon{opacity:.5;margin-bottom:12px;font-size:36px}.drawer-backdrop{z-index:300;opacity:0;pointer-events:none;background:#00000080;transition:opacity .25s;position:fixed;inset:0}.drawer-backdrop.show{opacity:1;pointer-events:auto}.user-drawer{background:var(--surface);border-left:1px solid var(--border);z-index:400;flex-direction:column;width:400px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0 0 0 auto;overflow:hidden;transform:translate(100%)}.user-drawer.show{transform:none}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.drawer-title{font-size:16px;font-weight:800}.drawer-close-btn{color:var(--text-muted);background:0 0;border:0;padding:4px 8px;font-size:20px}.drawer-body{flex:1;padding:24px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:20px 24px;display:flex}.admin-toast{z-index:600;min-height:0;color:var(--hard);font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.practice-actions{flex-wrap:wrap;gap:10px;display:flex}.sidebar-nav-item{cursor:pointer;background:0 0;border-top:0;border-bottom:0;border-right:0;width:100%}.card-task-shell{width:min(760px,100% - 32px);min-height:100vh;margin:auto;padding:20px 0 54px}.card-scene{perspective:1200px;height:520px;margin:20px auto}.study-card{width:100%;height:100%;transform-style:preserve-3d;color:var(--text);background:0 0;border:0;padding:0;transition:transform .5s cubic-bezier(.4,.2,.2,1);position:relative}.study-card.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--card-shadow);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:42px;display:flex;position:absolute;inset:0}.card-back{text-align:left;align-items:stretch;gap:26px;transform:rotateY(180deg)}.card-badges{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:28px 30px auto}.card-badges b{background:var(--accent-glow);color:var(--accent);border-radius:99px;padding:5px 9px;font-size:12px}.card-badges em{color:var(--text-muted);font-size:12px;font-style:normal}.card-word{font-size:clamp(76px,15vw,128px);line-height:1.15}.card-pinyin{color:var(--accent);letter-spacing:.08em;margin-top:15px;font-size:20px}.card-audio{border:1px solid var(--border);color:var(--text-muted);border-radius:99px;margin-top:24px;padding:9px 14px;font-size:13px}.card-face small{color:var(--text-muted);position:absolute;bottom:28px}.back-section{flex-direction:column;gap:10px;display:flex}.back-section>b{color:var(--accent);letter-spacing:.15em;font-size:12px}.back-section>strong{font-size:28px;line-height:1.6}.back-section>span{font-size:20px;line-height:1.7}.back-note{border-left:3px solid var(--accent);background:var(--surface-2);color:var(--text-muted);border-radius:6px;padding:12px 15px}.srs-actions{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.srs-actions button{border:1px solid var(--border);background:var(--surface);min-height:70px;color:var(--text);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.srs-actions button span{color:var(--text-muted);font-size:11px}.srs-actions button:hover{transform:translateY(-2px)}.srs-again b{color:var(--hard)}.srs-hard b{color:var(--medium)}.srs-good b,.srs-easy b{color:var(--accent)}.flip-hint{text-align:center;color:var(--text-muted);min-height:70px;padding:20px}body.vocab-task-body{--task-topbar-height:54px;--task-card-top:154px;--vocab-card-width:400px;--vocab-card-height:480px;--vocab-bottom-gap:max(24px,env(safe-area-inset-bottom));background:var(--bg);height:100vh;overflow:hidden}.vocab-page-shell{width:100%;height:100vh;min-height:100vh;padding:var(--task-card-top) 12px var(--vocab-bottom-gap);background:var(--bg);scrollbar-width:none;position:relative;overflow:hidden auto}.vocab-page-shell::-webkit-scrollbar{display:none}.vocab-app-header{z-index:20;height:var(--task-card-top);background:var(--bg);position:absolute;inset:0 0 auto}.vocab-app-header:after{content:"";background:color-mix(in srgb,var(--accent) 20%,transparent);height:1px;position:absolute;top:53px;left:0;right:0}.vocab-header-top{height:var(--task-topbar-height);padding:0 max(12px,env(safe-area-inset-right)) 0 max(4px,env(safe-area-inset-left));align-items:center;display:flex}.vocab-back-btn{width:44px;height:54px;color:var(--accent);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.vocab-back-btn:hover{background:var(--accent-glow);box-shadow:0 0 20px var(--accent-glow)}.vocab-orientation-notice{color:var(--text-muted);opacity:.7;white-space:nowrap;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.vocab-header-right{align-items:center;margin-left:auto;display:flex}.vocab-theme-toggle{width:44px;height:54px}.vocab-progress-section{width:min(100vw - 36px,420px);min-height:calc(var(--task-card-top) - 54px);flex-direction:column;justify-content:center;gap:10px;display:flex;position:absolute;top:54px;left:50%;transform:translate(-50%)}.vocab-progress-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.vocab-progress-label{color:var(--text-muted);letter-spacing:.08em;font-size:12px;font-weight:700}.vocab-progress-counter{border:1px solid var(--border);background:var(--surface);min-width:58px;height:25px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font:700 12px/1 Roboto Mono,monospace;display:inline-flex}.vocab-progress-track{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 85%,#000),var(--surface-2));border-radius:999px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #00000038}.vocab-progress-fill{z-index:1;background:linear-gradient(90deg,var(--accent),#f4c95d);max-width:calc(100% - 4px);box-shadow:0 0 13px var(--accent-glow);border-radius:999px;transition:width .3s;position:absolute;top:2px;bottom:2px;left:2px}.vocab-progress-ticks{z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--progress-segment) - 1px),color-mix(in srgb,var(--bg) 42%,transparent) calc(var(--progress-segment) - 1px),color-mix(in srgb,var(--bg) 42%,transparent) var(--progress-segment));position:absolute;inset:0}.vocab-learning-view{flex-direction:column;align-items:center;width:100%;display:flex}.vocab-task-body .card-scene{width:100%;max-width:var(--vocab-card-width);perspective:1200px;height:auto;margin:0}.vocab-task-body .study-card{height:var(--vocab-card-height)}.vocab-control-slot{width:100%;min-height:112px}.vocab-task-body .srs-actions{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:352px;margin:56px auto 0}.vocab-task-body .srs-actions button{border-radius:22px;min-height:68px;transition:transform .15s,border-color .15s,background .15s;box-shadow:0 8px 22px #0000001f}.vocab-task-body .srs-actions button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--surface) 90%,var(--accent));transform:translateY(-2px)}.vocab-task-body .srs-actions button:disabled{opacity:.55;transform:none}.srs-caption{text-align:center;color:var(--text-muted);margin:10px 0 0;font-size:11px}.vocab-task-body .flip-hint{min-height:68px;color:var(--text-muted);margin:34px 0 0;padding:22px 10px;font-size:12px}.vocab-task-status{text-align:center;min-height:20px;margin:8px 0 0}.vocab-settlement-theme{z-index:30;width:40px;height:40px;position:fixed;top:15px;right:16px}[data-theme=light] .vocab-progress-track{background:linear-gradient(#dce4e8,#eef3f5);box-shadow:inset 0 2px 4px #2d3e4824}@media (width<=520px){body.vocab-task-body{--task-card-top:150px;--vocab-card-width:400px;--vocab-card-height:476px}.vocab-page-shell{padding-left:10px;padding-right:10px}.vocab-progress-section{width:min(100vw - 24px,400px)}.vocab-task-body .srs-actions{grid-template-columns:repeat(4,1fr);gap:8px;max-width:400px;margin-top:34px}.vocab-task-body .srs-actions button{border-radius:18px;min-width:0;min-height:58px;padding:5px 2px}.vocab-task-body .srs-actions button b{font-size:13px}.vocab-task-body .srs-actions button span{font-size:9px}.vocab-task-body .flip-hint{margin-top:24px}.srs-caption{margin-top:8px}}@media (width>=768px){body.vocab-task-body{--task-card-top:178px;--vocab-card-width:560px;--vocab-card-height:540px}.vocab-progress-section{width:min(100vw - 36px,560px)}.vocab-task-body .srs-actions{grid-template-columns:repeat(4,1fr);max-width:504px;margin-top:44px}.vocab-task-body .srs-actions button{min-height:80px}}.content-admin{grid-template-columns:1.3fr .7fr;gap:18px;display:grid}.content-summary{grid-column:1/-1}.content-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.content-summary-grid article,.import-panel,.dataset-list{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:20px}.content-summary-grid article{flex-direction:column;gap:8px;display:flex}.content-summary-grid span,.import-panel>p,.dataset-list>p{color:var(--text-muted);font-size:13px}.import-panel h2{margin:15px 0 5px}.import-panel form{flex-direction:column;gap:16px;margin-top:20px;display:flex}.import-drop{border:1px dashed var(--accent);color:var(--text-muted);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:30px;display:flex;position:relative}.import-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-drop strong{color:var(--accent)}.import-progress>div{background:var(--surface-2);border-radius:99px;height:7px;margin-top:18px;overflow:hidden}.import-progress span{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.import-progress p{color:var(--text-muted);font-size:13px}.dataset-list article{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.dataset-list article div{flex-direction:column;gap:4px;display:flex}.dataset-list article span{color:var(--text-muted);font-size:11px}.dataset-list article b{color:var(--accent);font-size:12px}body.dashboard-body{height:auto;min-height:100vh;display:block;overflow:hidden}.db-shell{min-height:100vh;display:flex}.db-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;width:160px;display:flex;position:fixed;inset:0 auto 0 0}.db-sidebar-logo{border-bottom:1px solid var(--border);height:72px;min-height:72px;color:var(--accent);letter-spacing:.1em;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:800;display:flex}.db-sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.db-nav-item{width:100%;color:var(--text-muted);background:0 0;border:0;border-left:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 8px;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:flex}.db-nav-item:hover{color:var(--text);background:var(--accent-glow)}.db-nav-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-glow);font-weight:600}.db-nav-icon{justify-content:center;align-items:center;min-height:20px;font-size:19px;display:flex}.db-sidebar-bottom{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:10px;padding:14px 16px;display:flex}.db-sidebar-bottom .btn-logout{justify-content:center;align-items:center;display:flex}.db-main{background:var(--bg);scroll-behavior:smooth;flex-direction:column;flex:1;height:100vh;margin-left:160px;display:flex;overflow:auto}.db-profile-bar{z-index:80;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:0 32px;display:flex;position:sticky;top:0}.db-profile-left,.db-profile-right,.db-xp-wrap{align-items:center;gap:12px;display:flex}.db-profile-avatar{background:var(--accent-glow);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;font-weight:800;display:grid}.db-profile-name{font-size:17px;font-weight:700}.rank-badge{background:var(--accent-glow);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:999px;padding:4px 11px;display:inline-flex}.rank-badge-name{color:var(--accent);font-size:12px;font-weight:700}.db-xp-bar-track{background:#ffffff14;border-radius:999px;width:120px;height:5px;overflow:hidden}.db-xp-bar-fill{border-radius:inherit;background:linear-gradient(90deg,var(--accent),#34d399);height:100%}.db-xp-value{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:700}.db-content{flex:1;padding:28px 32px 36px}.db-insights{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.db-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px}.db-card-title{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:700}.db-forecast-head,.db-leaderboard-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.db-forecast-head .db-card-title,.db-leaderboard-head .db-card-title{margin:0}.db-forecast-status{color:var(--accent);font-size:12px;font-weight:700}.db-forecast-status.busy{color:var(--medium)}.db-forecast-chart{justify-content:space-around;align-items:flex-end;gap:8px;height:110px;display:flex}.db-forecast-bar-wrap{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.db-forecast-bar-count{font-size:15px;font-weight:700}.db-forecast-bar-count.zero{color:var(--text-muted);font-size:13px}.db-forecast-bar{border-radius:6px 6px 3px 3px;width:100%;min-height:4px}.db-forecast-bar.day0{background:var(--accent)}.db-forecast-bar.day1{background:#5eead48c}.db-forecast-bar.day2{background:#5eead447}.db-forecast-bar.day0.urgent{background:var(--medium)}.db-forecast-bar-label{color:var(--text-muted);font-size:11px;font-weight:600}.db-weekly-badge{background:var(--accent-glow);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);border-radius:999px;align-items:center;gap:5px;margin-top:14px;padding:4px 10px;font-size:12px;display:inline-flex}.db-weekly-badge-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.db-rank-note{color:var(--text-muted);font-size:11px}.db-leaderboard-list{flex-direction:column;gap:10px;display:flex}.db-lb-row{grid-template-columns:28px minmax(70px,.8fr) minmax(70px,1fr) 40px;align-items:center;gap:8px;font-size:12px;display:grid}.db-lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-lb-row.me .db-lb-name,.db-lb-row.me .db-lb-xp{color:var(--accent)}.db-lb-bar-track{background:var(--surface-2);border-radius:99px;height:4px;overflow:hidden}.db-lb-bar-fill{border-radius:inherit;background:#5eead459;height:100%}.db-lb-row.me .db-lb-bar-fill{background:linear-gradient(90deg,var(--accent),#34d399)}.db-lb-xp{color:var(--text-muted);text-align:right;font-size:11px;font-weight:700}.db-lb-loading{color:var(--text-muted);text-align:center;padding:20px;font-size:12px}.db-module-placeholders{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;scroll-margin-top:90px;display:grid}.db-feature-card,.db-task-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:18px 20px;display:flex}.db-feature-card>div:nth-child(2){flex:1;min-width:0}.db-feature-icon,.db-task-card-icon{background:var(--accent-glow);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.db-feature-icon.dictation{color:#fb923c;background:#fb923c1f}.db-task-card-title{font-size:14px;font-weight:700}.db-task-card-sub{color:var(--text-muted);margin-top:3px;font-size:12px}.db-coming-soon{color:var(--text-muted);background:var(--surface-2);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.db-task-btn{background:var(--accent);color:#0a0e17;white-space:nowrap;border:0;border-radius:9px;padding:8px 18px;font-size:13px;font-weight:700}.db-task-btn.btn-new,.db-task-btn-secondary{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent);background:0 0}.db-task-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.db-reader-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0 0 20px;padding:16px;scroll-margin-top:90px}.db-reader-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.db-reader-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:12px;font-weight:600}.db-reader-empty{color:var(--text-muted);font-size:13px;line-height:1.7}.db-settings-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin:0 0 20px;padding:18px 20px;scroll-margin-top:90px;display:none}.db-settings-card:target{display:block}.db-settings-card form{grid-template-columns:repeat(3,1fr) auto;align-items:end;gap:12px;display:grid}.db-settings-card label{color:var(--text-muted);gap:7px;font-size:12px;font-weight:700;display:grid}.db-tasks-section{flex-direction:column;gap:12px;display:flex}.db-vocab-task-card{grid-template-columns:minmax(0,1fr) auto minmax(120px,1fr);align-items:center;display:grid}.db-task-card-left{align-items:center;gap:14px;min-width:0;display:flex}.db-vocab-task-card>.db-task-btn{justify-self:end}.db-vocab-count-switch{--dot-y:14px;align-items:center;gap:14px;min-width:116px;height:36px;padding:0 7px;display:flex;position:relative}.db-vocab-count-switch:before{content:"";background:var(--border);height:2px;position:absolute;top:13px;left:19px;right:19px}.db-vocab-count-opt{z-index:1;width:24px;height:34px;color:var(--text-muted);background:0 0;border:0;padding:0;position:relative}.db-vocab-count-dot{background:var(--surface);border:2px solid color-mix(in srgb,var(--text-muted) 58%,transparent);border-radius:50%;width:10px;height:10px;position:absolute;top:14px;left:50%;transform:translate(-50%,-50%)}.db-vocab-count-num{font-size:10px;font-weight:800;position:absolute;top:25px;left:50%;transform:translate(-50%)}.db-vocab-count-opt.active .db-vocab-count-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);transform:translate(-50%,-50%)scale(1.6)}.db-vocab-count-opt.active .db-vocab-count-num{color:var(--accent)}.db-vocab-count-opt:disabled{opacity:.62}.db-vocab-count-switch.locked{opacity:.72}.admin-login-hint{text-align:center;color:var(--text-muted);letter-spacing:.08em;margin-top:-12px;font-size:12px}[data-theme=light] .btn-primary{color:#fff}@media (width<=900px){.db-sidebar{width:82px}.db-sidebar-logo{padding:0 4px;font-size:10px}.db-main{margin-left:82px}.db-profile-bar{padding:0 20px}.db-content{padding:22px 20px 32px}.db-insights{grid-template-columns:1fr}.db-nav-item{padding:11px 3px;font-size:11px}.db-module-placeholders{grid-template-columns:1fr}.db-settings-card form{grid-template-columns:1fr 1fr}.db-vocab-task-card{grid-template-columns:minmax(0,1fr) auto}.db-vocab-task-card>.db-task-btn{grid-column:1/-1;width:100%}.users-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.db-profile-bar{padding:0 14px}.db-profile-avatar,.rank-badge,.db-xp-bar-track{display:none}.db-profile-name{font-size:15px}.db-content{padding:16px 12px 28px}.db-card{padding:17px}.db-feature-card{padding:15px 13px}.db-feature-card .db-task-btn{padding:7px 10px}.db-vocab-task-card{flex-wrap:wrap;align-items:flex-start;display:flex}.db-vocab-count-switch{margin-left:auto}.db-vocab-task-card>.db-task-btn{width:100%}.db-settings-card form{grid-template-columns:1fr}.db-sidebar-bottom{padding:10px 7px}.db-sidebar-bottom .btn-logout{padding:7px 3px;font-size:10px}}@media (width<=760px){.login-overlay{padding:20px 16px}.login-theme-toggle{top:18px;right:18px}.login-robot-wrap{width:184px;height:158px;top:-42px;right:-62px}.dashboard-grid{grid-template-columns:1fr}.practice-panel{grid-row:auto;min-height:340px}.welcome{min-height:260px}.day-seal{display:none}.stats article,.stats strong,.stats span{display:block}.dictation-card{min-height:calc(100vh - 120px);padding:28px 20px}.sound-button{width:150px;height:150px;margin-top:34px}.admin-sidebar{width:78px}.sidebar-logo{padding:0 5px;font-size:11px}.admin-content{margin-left:78px}.admin-topbar{padding:0 14px;left:78px}.admin-topbar-home{display:none}.admin-topbar-right{gap:6px}.search-input{min-width:0}.admin-sections-wrap{padding:80px 14px 24px}.users-grid{grid-template-columns:1fr}.user-drawer{width:min(400px,100vw)}.form-row{grid-template-columns:1fr}}