:root{--bg:#0d1117;--bg-2:#11161f;--panel:#151b26;--panel-2:#1a2230;--line:#232c3b;--txt:#e6ebf2;--txt-2:#9aa6b8;--muted:#6b7689;--accent:#7c6cff;--accent-2:#9b8cff;--accent-soft:#7c6cff24;--accent-line:#7c6cff59;--green:#34d399;--amber:#f6c453;--red:#f87171;--radius:16px;--radius-s:11px;--shadow:0 8px 30px #00000059;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.micro{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.accent{color:var(--accent-2)}.center-screen{background:radial-gradient(900px 500px at 50% -10%,#7c6cff2e,transparent),var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:420px;max-width:94vw;box-shadow:var(--shadow);padding:34px 30px}.brand{letter-spacing:-.02em;justify-content:center;align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.brand .dot{color:var(--accent-2)}.logo-mark{background:linear-gradient(135deg,var(--accent),#5b4bd6);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.auth-card h1{text-align:center;letter-spacing:-.02em;margin:20px 0 6px;font-size:23px}.auth-card p.sub{text-align:center;color:var(--txt-2);margin-bottom:22px;font-size:13.5px}.seg{background:var(--bg-2);border:1px solid var(--line);border-radius:11px;margin-bottom:18px;padding:4px;display:flex}.seg button{color:var(--txt-2);border-radius:8px;flex:1;padding:9px;font-size:13px;font-weight:600}.seg button.on{background:var(--panel-2);color:var(--txt)}label.fl{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:11px;font-weight:600;display:block}.inp{background:var(--bg-2);border:1px solid var(--line);width:100%;color:var(--txt);border-radius:10px;padding:12px 13px;font-size:14px}.inp:focus{border-color:var(--accent-line);outline:none}textarea.inp{resize:vertical;min-height:84px;line-height:1.5}.two-col{gap:12px;display:flex}.two-col>div{flex:1}.btn-primary{background:linear-gradient(135deg,var(--accent),#5b4bd6);color:#fff;border-radius:11px;width:100%;margin-top:22px;padding:13px;font-size:14.5px;font-weight:700;transition:all .15s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:none}.auth-card .forgot{text-align:center;color:var(--txt-2);cursor:pointer;margin-top:14px;font-size:12.5px;display:block}.auth-foot{text-align:center;color:var(--muted);margin-top:26px;font-size:11px}.err{color:#fca5a5;background:#f871711a;border:1px solid #f871714d;border-radius:9px;margin-top:14px;padding:9px 12px;font-size:12.5px}.ok-banner{color:var(--txt);background:#34d3991f;border:1px solid #34d3994d;border-radius:9px;margin-top:14px;padding:9px 12px;font-size:12.5px}.shell{min-height:100vh;display:flex}.side{background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:235px;height:100vh;display:flex;position:sticky;top:0}.side .top{padding:20px 18px 14px}.nav{flex:1;padding:6px 12px}.nav a{color:var(--txt-2);cursor:pointer;border-radius:10px;align-items:center;gap:11px;margin-bottom:3px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .12s;display:flex}.nav a .ic{text-align:center;opacity:.9;width:18px}.nav a:hover{background:var(--panel);color:var(--txt)}.nav a.active{background:var(--accent-soft);color:var(--accent-2);font-weight:600}.nav .sep{background:var(--line);height:1px;margin:10px 8px}.logout-link{color:var(--txt-2);cursor:pointer;border-top:1px solid var(--line);align-items:center;gap:11px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .12s;display:flex}.logout-link:hover{background:var(--panel);color:var(--red)}.logout-link .ic{text-align:center;width:18px}.side .user{border-top:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.avatar{background:linear-gradient(135deg,var(--accent),#5b4bd6);color:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.user .meta{font-size:12px}.user .meta b{font-size:13px;display:block}.user .meta span{color:var(--muted)}.main{background:radial-gradient(700px 360px at 80% -5%,#7c6cff12,#0000);flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding:13px 30px;font-size:12px;display:flex}.topbar .pill{background:var(--panel);border:1px solid var(--line);color:var(--txt-2);border-radius:20px;align-items:center;gap:7px;margin-left:auto;padding:6px 11px;font-size:12px;display:flex}.wrap{max-width:980px;padding:30px 34px 80px}.fade{animation:.25s fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}h2.page{letter-spacing:-.03em;margin-bottom:3px;font-size:27px;font-weight:800}h2.page em{color:var(--accent-2);font-style:normal}.page-sub{color:var(--txt-2);margin-bottom:24px;font-size:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.card.pad-lg{padding:22px 24px}.grid{gap:16px;display:grid}.g2{grid-template-columns:1fr 1fr}.mb16{margin-bottom:16px}.mb22{margin-bottom:22px}.mb26{margin-bottom:26px}.mobile-nav{display:none}@media (width<=780px){.g2{grid-template-columns:1fr}.side{display:none}.wrap{padding:22px 18px 90px}.mobile-nav{z-index:40;background:var(--bg-2);border-top:1px solid var(--line);padding:8px 6px;padding-bottom:max(8px,env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--muted);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;font-size:10px;display:flex}.mobile-nav a.active{color:var(--accent-2)}.mobile-nav a .ic{font-size:17px}}.mood{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.mood button{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:90px;padding:16px 8px;transition:all .15s;display:flex}.mood button .emo{font-size:26px}.mood button .lb{color:var(--txt-2);font-size:11px}.mood button:hover{border-color:var(--accent-line);transform:translateY(-2px)}.mood button.sel{background:var(--accent-soft);border-color:var(--accent-line)}.mood button.sel .lb{color:var(--accent-2)}.row-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-s);cursor:pointer;text-align:left;align-items:center;gap:14px;width:100%;margin-bottom:11px;padding:15px 17px;transition:all .14s;display:flex}.row-card:hover{border-color:var(--accent-line);background:var(--panel-2)}.row-ic{background:var(--accent-soft);border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.row-card .t{flex:1;min-width:0}.row-card .t b{font-size:14.5px;font-weight:600;display:block}.row-card .t span{color:var(--txt-2);font-size:12.5px}.row-card .arr{color:var(--muted);font-size:18px}.chip{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;padding:5px 11px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.chip.done{color:#5ee0ad;background:#34d3992e}.chip.prog{color:#b9aeff;background:#7c6cff3d}.chip.todo{background:var(--panel-2);color:var(--txt-2)}.chip.lock{background:var(--panel-2);color:var(--muted)}.stat{align-items:baseline;gap:6px;display:flex}.stat .big{letter-spacing:-.03em;font-size:30px;font-weight:800}.stat .u{color:var(--muted);font-size:14px}.prog{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;height:8px;margin-top:12px;overflow:hidden}.prog i{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:20px;height:100%;transition:width .4s;display:block}.cta{border:1px solid var(--accent-line);border-radius:var(--radius);background:linear-gradient(120deg,#7c6cff29,#7c6cff0a);align-items:center;gap:16px;padding:18px 22px;display:flex}.cta .t{flex:1}.cta .t b{font-size:15px}.cta .t span{color:var(--txt-2);margin-top:2px;font-size:13px;display:block}.btn-acc{background:var(--accent);color:#fff;white-space:nowrap;border-radius:10px;margin-left:auto;padding:10px 18px;font-size:13.5px;font-weight:600}.btn-acc.ghost{border:1px solid var(--accent-line);color:var(--accent-2);background:0 0}.chapter{text-align:center;color:var(--muted);margin:26px 0 12px}.chapter .ico{font-size:20px}.chapter h3{color:var(--txt);letter-spacing:-.01em;margin-top:4px;font-size:16px;font-weight:700}.mod{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-s);margin-bottom:11px;overflow:hidden}.mod-head{cursor:pointer;align-items:center;gap:14px;padding:15px 17px;display:flex}.mod-head:hover{background:var(--panel-2)}.mod-num{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.mod-head .t{flex:1;min-width:0}.mod-head .t b{font-size:14.5px;display:block}.mod-head .t span{color:var(--txt-2);font-size:12.5px}.mod-head .toggle{color:var(--muted);margin-left:auto;transition:all .2s}.mod.open .toggle{color:var(--accent-2);transform:rotate(90deg)}.mod-body{border-top:1px solid var(--line);padding:4px 17px 16px 71px;display:none}.mod.open .mod-body{display:block}.ex{border-bottom:1px dashed var(--line);color:var(--txt-2);cursor:pointer;align-items:center;gap:11px;padding:9px 0;font-size:13.5px;display:flex}.ex:last-child{border-bottom:none}.ex .box{border:1.5px solid var(--line);color:#fff;border-radius:5px;flex-shrink:0;place-items:center;width:17px;height:17px;font-size:11px;display:grid}.ex.ok .box{background:var(--green);border-color:var(--green)}.ex.ok{color:var(--txt);text-decoration:line-through;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}@media (width<=780px){.mod-body{padding-left:17px}}.quiz-row{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:11px;align-items:center;gap:12px;margin-top:14px;padding:13px 14px;display:flex}.quiz-row .qt{color:var(--txt-2);flex:1;font-size:12.5px}.quiz-row .qt b{color:var(--txt);font-size:13.5px;display:block}.quiz-btn{background:var(--accent);color:#fff;white-space:nowrap;border-radius:9px;padding:9px 15px;font-size:13px;font-weight:600}.quiz-btn.passed{color:var(--green);background:#34d39926;border:1px solid #34d3994d}.mod.locked{opacity:.62}.mod.locked .mod-head{cursor:not-allowed}.modal{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080db8;justify-content:center;align-items:center;padding:20px;animation:.2s fade;display:flex;position:fixed;inset:0}.quiz-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:540px;max-width:96vw;max-height:88vh;box-shadow:var(--shadow);overflow:auto}.quiz-hd{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:20px 24px;display:flex}.quiz-hd .t b{font-size:15px;display:block}.quiz-hd .t span{color:var(--txt-2);font-size:12.5px}.quiz-hd .x{color:var(--muted);cursor:pointer;margin-left:auto;font-size:22px;line-height:1}.quiz-bd{padding:18px 24px 8px}.q{margin-bottom:20px}.q .qq{margin-bottom:11px;font-size:14.5px;font-weight:600;line-height:1.45}.q .qq .n{color:var(--accent-2);margin-right:6px}.opt{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:11px;margin-bottom:8px;padding:11px 13px;font-size:13.5px;transition:all .12s;display:flex}.opt:hover{border-color:var(--accent-line)}.opt .mk{border:1.5px solid var(--muted);border-radius:50%;flex-shrink:0;width:18px;height:18px}.opt.sel{background:var(--accent-soft);border-color:var(--accent-line)}.opt.sel .mk{border-color:var(--accent-2);background:var(--accent-2);box-shadow:inset 0 0 0 3px var(--panel)}.opt.correct{background:#34d3991f;border-color:#34d39966}.opt.wrong{background:#f871711a;border-color:#f8717166}.quiz-ft{border-top:1px solid var(--line);align-items:center;gap:14px;padding:16px 24px 22px;display:flex}.quiz-ft .res{font-size:13.5px;font-weight:600}.quiz-ft .res.ok{color:var(--green)}.quiz-ft .res.ko{color:var(--red)}.result-banner{border-radius:11px;margin:0 24px 16px;padding:14px 16px;font-size:13.5px;line-height:1.5}.result-banner.ok{color:var(--txt);background:#34d3991f;border:1px solid #34d3994d}.result-banner.ko{color:var(--txt);background:#f871711a;border:1px solid #f871714d}.doc-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}@media (width<=680px){.doc-grid{grid-template-columns:1fr}}.journal-entry{border-bottom:1px solid var(--line);gap:13px;padding:13px 0;display:flex}.journal-entry:last-child{border-bottom:none}.journal-entry .d{text-align:center;flex-shrink:0;width:46px}.journal-entry .d b{font-size:18px;display:block}.journal-entry .d span{color:var(--muted);text-transform:uppercase;font-size:10px}.journal-entry .c{color:var(--txt-2);flex:1;font-size:13.5px}.journal-entry .c b{color:var(--txt);font-weight:600}.tag{background:var(--panel-2);color:var(--txt-2);border-radius:6px;margin-top:4px;margin-right:5px;padding:2px 8px;font-size:10.5px;display:inline-block}.ladder{flex-direction:column;gap:11px;display:flex}.rung{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--panel);align-items:center;gap:14px;padding:15px 17px;display:flex}.rung.cur{border-color:var(--accent-line);background:var(--accent-soft)}.rung .px{white-space:nowrap;font-size:15px;font-weight:800}.rung .t{flex:1}.rung .t b{font-size:14.5px}.rung .t span{color:var(--txt-2);font-size:12.5px;display:block}.toast{background:var(--panel-2);border:1px solid var(--accent-line);color:var(--txt);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:80;border-radius:12px;padding:11px 18px;font-size:13.5px;transition:all .25s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.note{color:var(--muted);background:var(--bg-2);border:1px dashed var(--line);border-radius:8px;margin-bottom:18px;padding:6px 10px;font-size:11.5px;display:inline-block}.stepper{gap:6px;margin-bottom:22px;display:flex}.stepper i{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;flex:1;height:5px}.stepper i.on{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-color:#0000}.q-step h2{letter-spacing:-.02em;margin-bottom:6px;font-size:20px}.q-step .help{color:var(--txt-2);margin-bottom:18px;font-size:13px;line-height:1.5}.choice{border:1px solid var(--line);cursor:pointer;border-radius:11px;align-items:center;gap:11px;margin-bottom:9px;padding:13px 15px;font-size:14px;transition:all .12s;display:flex}.choice:hover{border-color:var(--accent-line)}.choice.sel{background:var(--accent-soft);border-color:var(--accent-line)}.choice .mk{border:1.5px solid var(--muted);border-radius:50%;flex-shrink:0;width:18px;height:18px}.choice.sel .mk{border-color:var(--accent-2);background:var(--accent-2);box-shadow:inset 0 0 0 3px var(--panel)}.scale{gap:8px;margin-bottom:8px;display:flex}.scale button{aspect-ratio:1;border:1px solid var(--line);background:var(--bg-2);max-height:54px;color:var(--txt-2);border-radius:11px;flex:1;font-size:16px;font-weight:700;transition:all .12s}.scale button:hover{border-color:var(--accent-line)}.scale button.sel{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-2)}.scale-labels{color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.bipolar .pole{color:var(--txt-2);margin:3px 0;font-size:13px;line-height:1.45}.bipolar .pole.right{text-align:right}.bipolar .scale{margin:12px 0}.step-nav{gap:12px;margin-top:24px;display:flex}.step-nav button{border-radius:11px;flex:1;padding:12px;font-size:14px;font-weight:600}.step-nav .back{background:var(--bg-2);border:1px solid var(--line);color:var(--txt-2)}.step-nav .next{background:linear-gradient(135deg,var(--accent),#5b4bd6);color:#fff}.step-nav .next:disabled{opacity:.5;cursor:not-allowed}.loading{min-height:100vh;color:var(--muted);place-items:center;font-size:14px;display:grid}.lesson h2{letter-spacing:-.01em;margin:20px 0 8px;font-size:18px}.lesson h2:first-child{margin-top:0}.lesson h3{color:var(--accent-2);margin:16px 0 6px;font-size:15px}.lesson p{color:var(--txt-2);margin-bottom:12px;font-size:14.5px;line-height:1.7}.lesson strong{color:var(--txt);font-weight:700}.lesson em{color:var(--txt);font-style:italic}.lesson ul,.lesson ol{margin:0 0 12px 20px}.lesson li{color:var(--txt-2);margin-bottom:6px;font-size:14.5px;line-height:1.6}.lesson li::marker{color:var(--accent-2)}.lesson blockquote{border-left:3px solid var(--accent-line);color:var(--txt-2);margin:0 0 12px;padding-left:14px}.slides{flex-direction:column;gap:14px;display:flex}.slide{position:relative}.slide-emoji{margin-bottom:10px;font-size:30px;line-height:1}.slide-title{color:var(--txt);margin:0 0 8px;font-size:16px;font-weight:700}.slide-text{color:var(--txt-2);margin:0;font-size:15px;line-height:1.65}.slide-bullets{margin:4px 0 0 18px}.slide-bullets li{color:var(--txt-2);margin-bottom:7px;font-size:14.5px;line-height:1.6}.slide-bullets li::marker{color:var(--accent-2)}.slide-hl{border-color:var(--accent-line);background:linear-gradient(120deg,#7c6cff29,#7c6cff0a)}.slide-hl .slide-title{color:var(--accent-2)}.slide-hl .slide-text{color:var(--txt);font-weight:600}.player{max-width:680px;margin:0 auto}.player-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.player-close{background:var(--panel);border:1px solid var(--line);width:32px;height:32px;color:var(--txt-2);border-radius:8px;flex-shrink:0;font-size:14px}.player-close:hover{color:var(--txt)}.player-prog{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;flex:1;height:7px;overflow:hidden}.player-prog i{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:20px;height:100%;transition:width .3s;display:block}.player-count{color:var(--muted);text-align:right;flex-shrink:0;min-width:34px;font-size:12px;font-weight:600}.player-meta{color:var(--muted);text-align:center;margin-bottom:16px;font-size:12px}.player-stage{justify-content:center;align-items:center;min-height:46vh;display:flex}.slide-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:38px 28px}.slide-card .slide-emoji{margin-bottom:16px;font-size:52px}.slide-card .slide-title{letter-spacing:-.01em;margin-bottom:12px;font-size:21px}.slide-card .slide-text{color:var(--txt);max-width:520px;margin:0 auto;font-size:17px;line-height:1.6}.slide-card .slide-bullets{text-align:left;max-width:480px;margin:6px auto 0;display:inline-block}.slide-card .slide-bullets li{margin-bottom:11px;font-size:15.5px;line-height:1.55}.slide-card.hl{border-color:var(--accent-line);background:linear-gradient(135deg,#7c6cff33,#7c6cff0d)}.slide-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-2);background:var(--accent-soft);border-radius:20px;margin-bottom:16px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.player-nav{gap:12px;margin-top:20px;display:flex}.player-nav button{border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:600}.player-nav .pn-back{background:var(--bg-2);border:1px solid var(--line);color:var(--txt-2)}.player-nav .pn-back:disabled{opacity:.4;cursor:not-allowed}.player-nav .pn-next{background:linear-gradient(135deg,var(--accent),#5b4bd6);color:#fff}.player-nav .pn-next.done{background:linear-gradient(135deg,var(--green),#10b981)}@media (width<=780px){.player-stage{min-height:52vh}.slide-card{padding:30px 18px}.slide-card .slide-text{font-size:16px}}.celebs{flex-wrap:wrap;gap:18px;display:flex}.celeb{text-align:center;flex-direction:column;align-items:center;gap:7px;width:78px;display:flex}.celeb img{background:var(--bg-2);border:1px solid var(--line);object-fit:cover;border-radius:50%;width:58px;height:58px}.celeb span{color:var(--txt-2);font-size:11px;line-height:1.3}