:root,:root[data-theme=light]{--primary: #5B5BD6;--primary-dark: #4646B8;--primary-container: #E5E5FA;--primary-muted: #8A8AE0;--bg: #FBFBFD;--surface: #FFFFFF;--surface-variant: #F2F2F6;--outline: #D7D7E0;--on-surface: #16161A;--on-surface-variant: #5A5A66;--success: #2E9E6B;--warning: #E0A100;--error: #D6455B;--r-sm: 8px;--r-md: 14px;--r-lg: 22px}:root[data-theme=dark]{--primary: #8A8AE0;--primary-dark: #6E6EE0;--primary-container: #2A2A55;--primary-muted: #55557A;--bg: #0E0E12;--surface: #17171D;--surface-variant: #1F1F27;--outline: #33333D;--on-surface: #ECECF2;--on-surface-variant: #A2A2B0;--success: #49C78D;--warning: #F0B83A;--error: #E76A7E}body{transition:background .25s ease,color .25s ease}:root{--aur-1: rgba(91, 91, 214, .42);--aur-2: rgba(124, 92, 214, .34);--aur-3: rgba(76, 194, 255, .32);--aur-4: rgba(46, 158, 107, .2);--grid-line: rgba(91, 91, 214, .11);--grid-size: 44px}:root[data-theme=dark]{--aur-1: rgba(120, 120, 240, .26);--aur-2: rgba(150, 90, 230, .22);--aur-3: rgba(60, 180, 255, .18);--aur-4: rgba(73, 199, 141, .12);--grid-line: rgba(138, 138, 224, .07)}body:before{content:"";position:fixed;top:-20%;right:-10%;bottom:-10%;left:-10%;z-index:-2;background:radial-gradient(38% 42% at 18% 22%,var(--aur-1),transparent 70%),radial-gradient(34% 40% at 82% 18%,var(--aur-2),transparent 70%),radial-gradient(46% 46% at 72% 82%,var(--aur-3),transparent 72%),radial-gradient(40% 40% at 12% 84%,var(--aur-4),transparent 72%);filter:blur(28px) saturate(115%);animation:aurora-drift 26s ease-in-out infinite alternate;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);-webkit-mask-image:radial-gradient(120% 90% at 50% 30%,#000 55%,transparent 100%);mask-image:radial-gradient(120% 90% at 50% 30%,#000 55%,transparent 100%);pointer-events:none}@keyframes aurora-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-2%,2%,0) scale(1.06)}to{transform:translate3d(2%,-1%,0) scale(1.03)}}@media (prefers-reduced-motion: reduce){body:before{animation:none}}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);transition:background .25s ease}body{font-family:Inter,system-ui,sans-serif;background:transparent;color:var(--on-surface);font-size:16px;line-height:1.55}.wrap{max-width:760px;margin:0 auto;padding:24px 16px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.topbar .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.topbar .brand img{width:36px;height:36px}.topbar .brand b{font-size:18px}.topbar .brand span{color:var(--primary)}h1{font-size:28px;font-weight:700}h2{font-size:22px;font-weight:700}h3{font-size:17px;font-weight:600}.muted{color:var(--on-surface-variant);font-size:14px}.small{font-size:13px}.card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--r-md);padding:20px;margin-bottom:12px}.card.click{cursor:pointer;transition:transform .2s cubic-bezier(.33,1,.68,1),border-color .2s}.card.click:hover{transform:translateY(-2px);border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--r-md);border:1px solid var(--primary);background:var(--primary);color:#fff;font:600 14px Inter,sans-serif;letter-spacing:.2px;cursor:pointer;text-decoration:none;transition:background .15s}.btn:hover:not(:disabled){background:var(--primary-dark)}.btn:disabled{background:var(--primary-muted);border-color:var(--primary-muted);cursor:not-allowed}.btn.secondary{background:transparent;color:var(--primary);border-color:var(--outline)}.btn.ghost{background:transparent;color:var(--primary);border-color:transparent}.btn.danger{background:var(--error);border-color:var(--error)}.progressbar{height:8px;background:var(--surface-variant);border-radius:var(--r-sm);overflow:hidden}.progressbar>div{height:100%;background:var(--primary);border-radius:var(--r-sm);transition:width .3s cubic-bezier(.33,1,.68,1)}.lesson-row{display:flex;align-items:center;gap:12px;padding:12px 8px;border-radius:var(--r-sm);cursor:pointer}.lesson-row:hover{background:var(--surface-variant)}.lesson-row.locked{cursor:default;color:var(--on-surface-variant)}.lesson-row .ico{font-size:20px;width:28px;text-align:center}.option{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;margin-bottom:8px;border:1px solid var(--outline);border-radius:var(--r-sm);background:var(--surface);color:inherit;text-align:left;font:400 16px Inter,sans-serif;cursor:pointer}.option.selected{border-color:var(--primary);background:var(--primary-container);border-width:1.5px}.option.correct{border-color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.option.wrong{border-color:var(--error);background:color-mix(in srgb,var(--error) 10%,transparent)}.panel{border-radius:var(--r-sm);padding:12px 14px;margin-top:12px;border:1px solid var(--outline);background:var(--surface-variant)}.panel.good{border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 8%,transparent)}.panel.hint{border-color:color-mix(in srgb,var(--warning) 40%,transparent);background:color-mix(in srgb,var(--warning) 8%,transparent)}.panel.ai{border-color:color-mix(in srgb,var(--primary) 40%,transparent);background:color-mix(in srgb,var(--primary) 8%,transparent)}textarea,input{width:100%;padding:12px;font:400 16px Inter,sans-serif;border:1px solid var(--outline);border-radius:var(--r-sm);background:var(--surface-variant);color:var(--on-surface)}textarea:focus,input:focus{outline:2px solid var(--primary);outline-offset:-1px}textarea{resize:vertical;min-height:96px}label{display:block;font-size:13px;font-weight:600;margin:12px 0 4px}.md p{margin-bottom:10px}.md ul,.md ol{margin:0 0 10px 20px}.md code{background:var(--surface-variant);padding:1px 5px;border-radius:4px;font-size:14px}.md pre{background:var(--surface-variant);padding:12px;border-radius:var(--r-sm);overflow-x:auto;margin-bottom:10px}.md strong{font-weight:600}.footerline{text-align:center;color:var(--on-surface-variant);font-size:12px;margin-top:48px}.center{text-align:center}.row{display:flex;gap:12px;align-items:center}.row.between{justify-content:space-between}.grow{flex:1}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--primary-container);color:var(--primary);font-size:13px;font-weight:600}.chip svg{flex-shrink:0}.mentor-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.mentor-row .ava{width:40px;height:40px;border-radius:50%;background:var(--primary-container);display:grid;place-items:center;font-size:20px;flex-shrink:0}.mentor-row .bubble{background:var(--surface-variant);border:1px solid var(--outline);border-left:3px solid var(--primary);border-radius:4px 14px 14px;padding:10px 14px;font-size:14.5px}.mentor-row .who{font:600 11px JetBrains Mono,monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);margin-bottom:3px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:50}.modal{width:100%;max-width:420px;background:var(--surface);border-radius:var(--r-lg);padding:24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .25s cubic-bezier(.33,1,.68,1)}@media (prefers-reduced-motion: reduce){.fade-up{animation:none}.card.click,.progressbar>div{transition:none}}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.ach{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--r-md);border:1px solid var(--outline);background:var(--surface-variant);opacity:.72;transition:opacity .2s,border-color .2s}.ach.earned{opacity:1;border-color:color-mix(in srgb,var(--primary) 55%,var(--outline))}.ach-medal{width:46px;height:46px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--outline);color:var(--on-surface-variant);background:var(--surface)}.ach.earned .ach-medal{color:#fff;border-color:transparent;background:linear-gradient(140deg,var(--primary),var(--primary-dark));box-shadow:0 2px 10px color-mix(in srgb,var(--primary) 40%,transparent)}.ach-body{display:flex;flex-direction:column;gap:3px;min-width:0}.ach-title{font-size:14.5px}.ach-date{color:var(--success);font-weight:600}.ach-bar{position:relative;display:block;height:6px;border-radius:4px;background:var(--outline);overflow:visible;margin-top:6px}.ach-bar>span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));transition:width .3s ease}.ach-bar>i{position:absolute;right:0;top:9px;font-style:normal;color:var(--on-surface-variant)}.cert-list{display:flex;flex-direction:column;gap:10px}.cert-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--outline);background:var(--surface-variant)}.cert-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.cert-bar{max-width:320px;margin-top:4px}