@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--surface:#0d0c11;--surface-raised:#18161e;--surface-panel:#15131b;--line:#292631;--text:#f4f2f8;--muted:#85808f;--accent:#a77df3}:root[data-theme=light]{color-scheme:light;--surface:#f3f1f7;--surface-raised:#fff;--surface-panel:#f8f6fb;--line:#ddd7e7;--text:#282330;--muted:#70697d;--accent:#7650c5}:root{scrollbar-color:#51436d var(--surface)}*{scrollbar-width:thin;scrollbar-color:#51436d transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:10px;background:#51436d;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#8062b1;background-clip:padding-box}:root{font-family:Manrope,sans-serif;color:#f4f2f8;background:#0d0c11;font-synthesis:none;--interface-font-scale:1}html[data-font-size=small]{--interface-font-scale:.92}html[data-font-size=large]{--interface-font-scale:1.08}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0d0c11}button,a{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 70% -10%,#252035 0,transparent 34%),#0d0c11}.main-content,.sidebar{font-size:calc(1rem * var(--interface-font-scale))}.sidebar{width:248px;min-height:100vh;padding:28px 18px 20px;border-right:1px solid #25232d;display:flex;flex-direction:column;background:rgba(13,12,17,.78);flex:0 0 248px;z-index:20}.sidebar-scrim,.mobile-menu-button{display:none}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 43px}.brand-mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#17131e;background:linear-gradient(135deg,#c6a8ff,#8663ee);font-weight:800}.brand strong{display:block;font-size:15px;letter-spacing:-.4px}.brand strong span{color:#a887fa}.brand small,.profile-button small{display:block;color:#777382;font-size:10px;margin-top:2px}.sidebar-nav{display:grid;gap:6px}.nav-item{color:#8d8997;text-decoration:none;padding:11px 12px;border-radius:8px;font-size:12px;font-weight:600;min-height:42px;white-space:nowrap}.nav-item>span{display:inline-block}.nav-item>.nav-icon{width:22px;flex:0 0 22px;color:#686371;font-size:15px}.nav-item.active,.nav-item:hover{color:#f5f2fb;background:#201d29}.nav-item.active span{color:#b38eff}.sidebar-footer{margin-top:auto}.streak-card{display:flex;gap:10px;padding:13px 10px;margin-bottom:25px;border:1px solid #2b2734;border-radius:10px;background:#17151d}.flame{color:#ff9e73;font-size:17px}.streak-card strong,.profile-button strong{display:block;font-size:11px}.streak-card small{display:block;color:#777382;font-size:10px;margin-top:4px}.profile-button{width:100%;display:flex;align-items:center;gap:9px;padding:9px 8px;color:#f4f2f8;background:transparent;border:0;text-align:left}.profile-button>span:last-child{margin-left:auto;color:#777382}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#473c69;color:#cebaff;font-size:12px}.account-menu-block{margin-top:auto;padding-top:14px;border-top:1px solid #25232d}.account-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.account-menu-actions button{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 5px;border:1px solid #302c39;border-radius:6px;color:#9992a4;background:#15131b;font-size:9px}.account-menu-actions button:hover{border-color:#8062b1;color:#dbcaff;background:#211b2c}.account-menu-actions button:last-child:hover{border-color:#714252;color:#ffb4c1;background:#2b1c25}.main-content{position:relative;width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:0 48px 60px}.topbar{height:76px;border-bottom:1px solid #25232d;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{color:#777382;font-size:11px}.breadcrumbs span{margin:0 8px;color:#45414e}.topbar-actions{display:flex;gap:9px}.icon-button,.help-button{width:29px;height:29px;border:1px solid #302c39;border-radius:7px;color:#aaa5b4;background:#15131b}.help-button{border-radius:50%;font-size:11px}.welcome-section{display:flex;align-items:end;justify-content:space-between;padding:48px 0 33px}.eyebrow{margin:0 0 10px;color:#807a8d;font:500 9px DM Mono,monospace;letter-spacing:1.3px}.welcome-section h1{margin:0;font-size:32px;letter-spacing:-1.5px}.welcome-section h1 span{color:#b999ff}.muted{color:#8a8692;font-size:12px;margin:10px 0 0}.primary-button{border:0;border-radius:7px;padding:12px 16px;background:#a77df3;color:#17121f;font-size:11px;font-weight:800;box-shadow:0 7px 25px #7147b333}.primary-button:hover{background:#b895ff}.stats-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:12px}.stat-card,.panel,.module-card{border:1px solid #292631;background:linear-gradient(145deg,#18161e,#14131a);border-radius:10px}.stat-card{min-height:133px;padding:18px}.stat-label{color:#918b9b;font-size:10px}.stat-label span{float:right;color:#7ccaa3}.stat-card strong{display:block;margin-top:13px;font-size:26px;letter-spacing:-1px}.stat-card small{display:block;color:#777382;font-size:10px;margin-top:9px}.stat-card small b{color:#beb9c6}.positive{color:#7ccaa3!important}.mini-bars{height:25px;display:flex;gap:4px;align-items:end;margin-top:9px}.mini-bars i{width:12px;border-radius:2px;background:#5d4b83}.mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:60%}.mini-bars i:nth-child(3){height:45%}.mini-bars i:nth-child(4){height:80%;background:#a77df3}.mini-bars i:nth-child(5){height:55%}.mini-bars i:nth-child(6){height:93%;background:#a77df3}.mini-bars i:nth-child(7){height:72%;background:#a77df3}.level-progress,.progress-track{height:4px;border-radius:5px;background:#302c39;overflow:hidden}.level-progress{margin-top:20px}.level-progress span,.progress-track span{display:block;height:100%;border-radius:5px;background:#a77df3}.level-progress span{width:68%}.content-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:12px}.panel{padding:21px}.panel-heading{display:flex;justify-content:space-between;align-items:start}.panel-heading h2{font-size:15px;letter-spacing:-.4px;margin:0}.text-button{padding:0;border:0;color:#a88af2;background:transparent;font-size:10px}.next-card{display:flex;align-items:center;gap:15px;margin-top:22px;padding:17px;border:1px solid #3b3154;border-radius:8px;background:linear-gradient(100deg,#211b2c,#191721)}.next-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;color:#c6a9ff;background:#453462;font-size:20px}.next-copy{min-width:0;flex:1}.tag,.module-status{color:#a98be8;font:500 8px DM Mono,monospace;letter-spacing:1px}.next-copy h3{margin:7px 0 5px;font-size:13px}.next-copy p,.module-card p{color:#85808f;font-size:10px;margin:0}.next-meta{display:flex;align-items:center;gap:10px;margin-top:14px;color:#85808f;font-size:9px}.next-meta .progress-track{width:90px}.round-arrow{width:28px;height:28px;border:1px solid #534270;border-radius:50%;color:#c3a7ff;background:transparent}.activity-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #27242e}.activity-row:last-child{border:0;padding-bottom:0}.activity-dot{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:11px}.activity-dot.green{color:#7fd3a9;background:#203a31}.activity-dot.purple{color:#bd9eff;background:#34284d}.activity-dot.orange{color:#ffc08c;background:#493325}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:11px}.activity-row small,.activity-row time{color:#777382;font-size:9px;margin-top:3px}.activity-row time{margin-left:auto;align-self:start}.activity-list{display:grid;margin-top:10px}.modules-section{margin-top:34px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.module-card{position:relative;padding:18px;min-height:175px;cursor:pointer}.module-card:focus-visible{outline:2px solid #c6a8ff;outline-offset:3px}.module-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:16px;font-weight:700;margin-bottom:18px}.module-icon.violet{color:#c7adff;background:#3c2d58}.module-icon.cyan{color:#8ee0e2;background:#1e4244}.module-icon.orange{color:#ffc28b;background:#503729}.module-card h3{font-size:12px;margin:7px 0 5px;max-width:190px}.module-icon.purple{color:#d2b4ff;background:#3d2d58}.module-icon.blue{color:#9bbdff;background:#273b5e}.module-icon.pink{color:#ffafd2;background:#502d43}.module-card p{line-height:1.5;max-width:210px}.module-progress{margin-top:20px}.module-progress>div:first-child{display:flex;justify-content:space-between;color:#777382;font-size:9px;margin-bottom:7px}.module-progress b{color:#c9c4d0;font-weight:500}.module-progress .progress-track{height:3px}.module-arrow{position:absolute;right:17px;top:18px;width:24px;height:24px;border:1px solid #383340;border-radius:50%;color:#97909f;background:transparent;font-size:12px}@media (max-width:900px){.sidebar{width:190px}.main-content{padding:0 25px 45px}.stats-grid{grid-template-columns:repeat(2,1fr)}.module-grid,.content-grid{grid-template-columns:1fr}}@media (max-width:620px){.sidebar{display:none}.main-content{padding:0 17px 35px}.welcome-section{display:block}.primary-button{margin-top:22px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:13px;min-height:115px}.stat-card strong{font-size:20px}.welcome-section h1{font-size:27px}.content-grid{display:block}.activity-panel{margin-top:12px}}.nav-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left}.nav-item .nav-icon{width:22px;flex:0 0 22px;display:inline-block;color:#686371;font-size:15px}.nav-icon,.module-icon,.next-icon,.flame,.admin-nav,.primary-button,.secondary-button,.text-button,.round-arrow,.module-arrow,.suggestion-next{display:inline-flex;align-items:center;justify-content:center;gap:6px}.nav-icon svg,.module-icon svg,.next-icon svg,.flame svg,.admin-nav svg,.primary-button svg,.secondary-button svg,.text-button svg,.round-arrow svg,.module-arrow svg{width:18px;height:18px;max-width:22px;max-height:22px;flex:0 0 auto}.module-icon{width:38px;height:38px;max-width:38px;max-height:38px;font-size:0}.next-icon{font-size:0}.primary-button,.secondary-button,.text-button{white-space:nowrap}.nav-item .nav-copy{width:auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.1}.nav-item .nav-title{display:block;width:auto;color:inherit;font-size:12px;font-weight:600;white-space:nowrap}.nav-item .nav-status{display:block;color:#716b7b;font:500 8px DM Mono,monospace;letter-spacing:.2px;white-space:nowrap}.nav-item.active .nav-icon{color:#b38eff}.profile-active{background:#201d29}.sidebar-nav,.sidebar-services,.sidebar-footer{flex:0 0 auto}.sidebar-services{margin-top:22px;padding-top:14px;border-top:1px solid #25232d}.sidebar-section-label{display:block;padding:0 12px 7px;color:#625d6a;font:500 8px DM Mono,monospace;letter-spacing:1.2px}.service-nav-item{color:#777382}.service-nav-item .nav-status{color:#625d6a}.notice{display:flex;justify-content:space-between;align-items:center;margin:18px 0 -8px;padding:11px 14px;border:1px solid #4b3b6c;border-radius:8px;background:#211a30;color:#cdbaff;font-size:11px}.notice button{border:0;background:transparent;color:#cdbaff;font-size:16px}.icon-button{position:relative}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:15px;height:15px;padding:0 4px;display:grid;place-items:center;border:2px solid #0d0c11;border-radius:10px;color:#17121f;background:#a77df3;font:700 8px DM Mono,monospace}.icon-button.has-notifications{border-color:#8062b1;color:#d5c1ff}.notification-settings{max-width:680px;display:grid;grid-template-columns:1fr auto;gap:0 18px;margin-top:28px;padding:4px 18px;border:1px solid #292631;border-radius:10px;background:linear-gradient(145deg,#18161e,#14131a)}.notification-settings>div{padding:16px 0;border-bottom:1px solid #292631}.notification-settings>div:nth-of-type(2){border-bottom:0}.notification-settings strong,.notification-settings small{display:block}.notification-settings strong{font-size:12px}.notification-settings small{margin-top:5px;color:#85808f;font-size:10px;line-height:1.5}.notification-settings .toggle{align-self:center}.notification-heading{display:flex;justify-content:space-between;align-items:center;max-width:680px;margin-top:30px}.notification-heading h2{margin:0;font-size:16px}.notification-heading .text-button:disabled{opacity:.45;cursor:not-allowed}.notification-list{display:grid;gap:8px;max-width:680px;margin-top:14px}.notification-item{display:flex;gap:11px;padding:13px;border:1px solid #3b3154;border-radius:8px;background:#211b2c}.notification-item.read{border-color:#292631;background:#18161e;opacity:.75}.notification-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;font-size:14px}.notification-icon.achievement{color:#d0b6ff;background:#3c2d58}.notification-icon.pomodoro{color:#ffc08c;background:#493325}.notification-item strong{font-size:11px}.notification-item p{margin:4px 0;color:#aaa3b2;font-size:10px;line-height:1.5}.notification-item time{color:#777382;font-size:9px}.empty-state{margin-top:20px;padding:30px 15px;border:1px dashed #393442;border-radius:8px;text-align:center;color:#777382;font-size:11px}.service-page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.service-page-icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #4a3964;border-radius:14px;color:#c9afff;background:#2a203b}.card-heading-with-icon{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px}.card-heading-with-icon h2{margin:0 0 5px}.card-heading-with-icon p{margin:0;color:#85808f;font-size:10px;line-height:1.5}.service-icon{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:8px;color:#cbb0ff;background:#3c2d58}.service-icon svg{width:16px;height:16px}.service-icon.cyan{color:#8ee0e2;background:#1e4244}.service-icon.purple{color:#d2b4ff;background:#3d2d58}.service-icon.blue{color:#9bbdff;background:#273b5e}.service-icon.orange{color:#ffc28b;background:#503729}.service-icon.pink{color:#ffafd2;background:#502d43}.import-module-row{display:flex;align-items:center;gap:10px}.import-module-row>span:last-child{display:grid;gap:4px;min-width:0}.import-module-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker{display:flex;align-items:center;gap:7px;width:max-content;padding:9px 11px;border:1px dashed #51436d;border-radius:6px;color:#c5b5dc;background:#211d29;font-size:10px;cursor:pointer}.file-picker:hover{border-color:#a77df3;background:#302347}.file-picker input{display:none}.service-help{margin-top:20px;padding:12px;border:1px solid #302c39;border-radius:7px;background:#15131b}.service-help strong{font-size:10px;color:#cbb8e8}.service-help p{margin:5px 0 0;color:#85808f;font-size:10px;line-height:1.5}.certificate-key{display:block;margin:10px 0;padding:10px;border:1px dashed #8062b1;border-radius:6px;color:#d6c3ff;background:#211b2c;font:500 11px DM Mono,monospace;letter-spacing:.5px;word-break:break-all}.certificate-key.compact{margin:9px 0 0;padding:7px;font-size:8px}.certificate-panel{max-width:520px;margin-top:20px;padding:16px;border:1px solid #60458a;border-radius:8px;background:#211b2c}.certificate-panel h3{margin:7px 0 0;font-size:13px}.certificate-panel small{color:#aaa3b2;font-size:10px}.locked-action{opacity:.58}.locked-action:hover{opacity:.8}.view-page{padding:48px 0 30px}.view-page h1{margin:0;font-size:32px;letter-spacing:-1.5px}.view-page>.muted{max-width:560px}.placeholder-page{max-width:680px}.placeholder-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:24px;border:1px solid #3b3545;border-radius:16px;color:#777382;background:#18161e}.placeholder-card{display:flex;align-items:flex-start;gap:12px;margin:28px 0 16px;padding:16px;border:1px solid #302c39;border-radius:9px;color:#8f8998;background:#15131b}.placeholder-card svg{flex:0 0 auto;margin-top:1px}.placeholder-card strong{display:block;color:#aaa3b2;font-size:12px}.placeholder-card p{margin:5px 0 0;color:#777382;font-size:10px;line-height:1.5}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.action-card{min-height:190px;display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid #292631;border-radius:10px;background:linear-gradient(145deg,#18161e,#14131a);color:#f4f2f8;text-align:left}.action-card:hover{border-color:#6d559a;transform:translateY(-2px)}.action-card .module-icon{margin-bottom:14px}.action-card h3{margin:0 0 7px;font-size:13px;line-height:1.3}.action-card p{min-height:35px;color:#85808f;font-size:10px;line-height:1.5}.action-card .text-button{display:inline-flex;margin-top:auto;padding-top:17px;align-items:center;gap:6px}.action-card .text-button svg{width:12px;height:12px}.settings-card{display:flex;align-items:center;gap:16px;max-width:600px;margin-top:30px;padding:22px;border:1px solid #292631;border-radius:10px;background:#18161e}.settings-card h2{margin:0;font-size:16px}.settings-card p{margin:5px 0 0;color:#85808f;font-size:11px}.avatar.large{width:48px;height:48px;font-size:18px}.danger-button{margin-left:auto;padding:9px 13px;border:1px solid #6b3c4b;border-radius:7px;color:#ffadbc;background:#2b1c25;font-size:10px}.interface-font-setting{display:grid;gap:7px;color:#c9c1d2;font-size:10px}.interface-font-setting select{min-height:37px;padding:9px 11px;border:1px solid #3b3447;border-radius:6px;outline:0;color:#f4f2f8;background:#211d29;font:inherit}.interface-font-setting select:focus{border-color:#a77df3;box-shadow:0 0 0 3px #a77df326}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#0d0c11}.auth-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:42px 9%;overflow:hidden;background:radial-gradient(circle at 50% 45%,#2c2045 0,transparent 42%),linear-gradient(145deg,#171321,#0e0d13)}.auth-art:after{position:absolute;top:16%;right:-15%;bottom:-10%;left:10%;border:1px solid #483665;border-radius:50%;content:"";opacity:.5;transform:rotate(-20deg)}.auth-brand{padding:0;z-index:1}.auth-art-copy{max-width:480px;z-index:1}.auth-art-copy h1{margin:16px 0;font-size:54px;line-height:1.03;letter-spacing:-3px}.auth-art-copy h1 span{color:#b999ff}.auth-art-copy>p:last-child{max-width:380px;color:#9b95a6;font-size:14px;line-height:1.7}.auth-quote{z-index:1;max-width:340px;color:#d0c6de;font-size:13px;line-height:1.6}.auth-quote small{display:block;margin-top:8px;color:#787183;font-size:10px}.auth-panel{display:grid;place-items:center;padding:30px}.auth-card{width:min(390px,100%);transition:transform .4s cubic-bezier(.22,1,.36,1),max-width .4s ease}.auth-card-login{max-width:360px}.auth-card-register{max-width:390px}.auth-tabs{display:flex;gap:20px;margin-bottom:48px;border-bottom:1px solid #292631}.auth-tabs button{padding:0 0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#777382;font-size:12px;transition:color .2s ease,border-color .2s ease,transform .2s ease}.auth-tabs button:hover{color:#d7c9eb;transform:translateY(-1px)}.auth-tabs button.selected{border-color:#a77df3;color:#f4f2f8}.auth-form-content{animation:auth-content-in .38s cubic-bezier(.22,1,.36,1) both}.auth-card h2{margin:0;font-size:27px;letter-spacing:-1px}.auth-muted{color:#85808f;font-size:11px;margin:9px 0 27px}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:7px;color:#aaa4b4;font-size:10px;font-weight:600}.auth-card input{width:100%;padding:12px 13px;border:1px solid #35313d;border-radius:7px;outline:none;background:#17151d;color:#f4f2f8;font-size:12px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.auth-card input:focus{border-color:#8e69d2;box-shadow:0 0 0 3px #8e69d21c;transform:translateY(-1px)}.auth-submit{width:100%;margin-top:7px}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-error{margin:0;padding:10px;border-radius:6px;background:#321d29;color:#ffadbc;font-size:10px}.auth-footnote{margin-top:25px;color:#625d6a;text-align:center;font-size:9px}@keyframes auth-content-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.auth-card-register .auth-tabs{margin-bottom:40px}.auth-card-login .auth-tabs{margin-bottom:48px}@media (max-width:760px){.auth-panel{padding:28px 20px}.auth-card{width:100%}.auth-card-register{max-width:390px}.auth-art{transition:min-height .4s ease}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-form-content,.auth-tabs button,.auth-card input{animation:none!important;transition:none!important}}@media (max-width:760px){.auth-shell{display:block}.auth-art{min-height:310px;padding:28px 24px}.auth-art-copy h1{font-size:38px;letter-spacing:-2px}.auth-quote{display:none}.auth-panel{padding:35px 24px}.action-grid{grid-template-columns:1fr}.settings-card{align-items:flex-start;flex-wrap:wrap}.danger-button{margin-left:64px}}.development-lock{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:3px 6px;border:1px solid #4a4652;border-radius:4px;color:#777382;background:#211f27;font:500 8px DM Mono,monospace;white-space:nowrap}.locked-nav{opacity:.62}.locked-nav:hover{opacity:.8}.locked-nav .nav-status{color:#8b7182}.admin-nav{width:100%;margin:0 0 12px;padding:9px 12px;border:1px solid #433750;border-radius:7px;color:#c5a9ff;background:#211b2c;text-align:left;font-size:10px}.admin-nav.active,.admin-nav:hover{border-color:#a77df3;background:#302347}.admin-panel{max-width:680px;margin-top:28px;padding:22px;border:1px solid #292631;border-radius:10px;background:linear-gradient(145deg,#18161e,#14131a)}.admin-panel-heading{display:flex;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #292631}.admin-panel h2{margin:0;font-size:16px}.admin-panel-heading p{margin:6px 0 0;color:#85808f;font-size:10px}.admin-feature{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #292631}.admin-feature:last-child{border-bottom:0;padding-bottom:0}.admin-feature strong,.admin-feature small{display:block}.admin-feature strong{font-size:12px}.admin-feature small{margin-top:5px;color:#85808f;font-size:10px}.toggle{width:40px;height:22px;padding:2px;border:1px solid #4a4652;border-radius:20px;background:#292631}.toggle span{display:block;width:16px;height:16px;border-radius:50%;background:#777382;transition:transform .15s}.toggle.on{border-color:#7d5fc0;background:#604495}.toggle.on span{background:#f2eaff;transform:translate(16px)}.workspace-page{padding:45px 0 30px}.workspace-page h1{margin:0;font-size:32px;letter-spacing:-1.5px}.workspace-page code{color:#c6a9ff;font-family:DM Mono,monospace}.workspace-grid,.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.workspace-card,.mentor-card{padding:21px;border:1px solid #292631;border-radius:10px;background:linear-gradient(145deg,#18161e,#14131a)}.workspace-card h2{margin:0 0 16px;font-size:16px}.schedule-form,.account-form{display:grid;gap:10px}.schedule-form input,.account-form input,.mentor-form textarea,.notes-editor{width:100%;padding:10px 11px;border:1px solid #3b3447;border-radius:6px;outline:0;background:#211d29;color:#f4f2f8;font-size:11px}.schedule-form input:focus,.account-form input:focus,.mentor-form textarea:focus,.notes-editor:focus{border-color:#9370d5}.schedule-form .primary-button,.account-form .primary-button{justify-self:start;padding:9px 12px}.schedule-list{display:grid;margin-top:18px}.schedule-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #292631}.schedule-item strong,.schedule-item small{display:block}.schedule-item strong{font-size:11px}.schedule-item small{margin-top:4px;color:#85808f;font-size:9px}.notes-editor{height:270px;resize:vertical;line-height:1.6}.saved-label{display:block;margin-top:10px;color:#78caa1;font-size:10px}.danger-zone{display:grid;align-content:start;gap:12px}.danger-zone p{margin:0;color:#85808f;font-size:11px;line-height:1.6}.danger-zone .text-button{justify-self:start}.mentor-card{max-width:850px;margin-top:28px}.mentor-messages{min-height:250px;max-height:500px;overflow:auto;display:grid;gap:12px}.mentor-message{width:fit-content;max-width:85%;padding:12px 14px;border-radius:8px;background:#211b2c;overflow-wrap:anywhere}.mentor-message.user{justify-self:end;background:#302347}.mentor-message:not(.user){justify-self:start}.mentor-message strong{font-size:9px;color:#b999ff}.mentor-content{margin-top:6px;color:#d0c9da;font-size:11px;line-height:1.6}.mentor-content p{margin:0 0 10px;white-space:pre-wrap}.mentor-content p:last-child{margin-bottom:0}.mentor-content .mentor-heading{margin:18px 0 8px;color:#f2eaff;line-height:1.25;letter-spacing:-.2px}.mentor-content h1.mentor-heading{font-size:17px}.mentor-content h2.mentor-heading{font-size:15px}.mentor-content h3.mentor-heading{font-size:13px}.mentor-content h4.mentor-heading{font-size:12px}.mentor-strong{color:#f0e6ff;font-weight:800}.mentor-emphasis{color:#d6c2ff}.mentor-del{color:#9d95a8;text-decoration-color:#a77df3}.mentor-link{color:#c3a5ff;text-decoration:underline;text-decoration-color:#7556a8;text-underline-offset:2px}.mentor-link:hover{color:#f0e7ff}.mentor-inline-code{padding:2px 4px;border:1px solid #4b3b66;border-radius:4px;color:#e0cfff;background:#17131f;font:500 10px DM Mono,monospace}.mentor-list{display:grid;gap:6px;margin:8px 0 14px;padding-left:21px}.mentor-list li{padding-left:3px}.mentor-list li::marker{color:#a77df3;font-weight:700}.mentor-list ol li::marker{font-family:DM Mono,monospace}.mentor-quote{margin:10px 0 14px;padding:9px 12px;border-left:2px solid #a77df3;color:#bfb1d0;background:#211b2c}.mentor-divider{margin:16px 0;border:0;border-top:1px solid #44355e}.mentor-code-block{margin:11px 0;overflow:hidden;border:1px solid #44355e;border-radius:7px;background:#100e16;box-shadow:inset 3px 0 #a77df3}.mentor-code-header{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-bottom:1px solid #30263f;color:#9f91b5;background:#191521;font:500 8px DM Mono,monospace;text-transform:uppercase;letter-spacing:.7px}.mentor-code-header button{padding:3px 6px;border:1px solid #4b3b66;border-radius:4px;color:#cbb8e9;background:#211b2c;font:500 8px DM Mono,monospace}.mentor-code-header button:hover{border-color:#a77df3;color:#f0e7ff}.mentor-code-block pre{margin:0;padding:12px;overflow:auto;color:#e5dff0;font:10px/1.7 DM Mono,monospace;-moz-tab-size:2;tab-size:2}.mentor-editor-shell{min-width:0;flex:1;border:1px solid #3b3447;border-radius:7px;background:#17131f;box-shadow:inset 3px 0 #8062b1}.mentor-editor-label{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid #30263f;color:#8f879c;font:500 8px DM Mono,monospace;letter-spacing:.6px}.mentor-shortcut-hint{margin-left:8px;color:#bda6e8}.mentor-editor-shell textarea{display:block;width:100%;min-height:76px;padding:11px 12px;border:0;border-radius:0;background:#211d29;color:#f4f2f8;font:11px/1.6 DM Mono,monospace;resize:vertical}.mentor-editor-shell textarea:focus{outline:0;background:#241f2e}.mentor-suggestion-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding:9px 0 0}.suggestion-label{color:#8f879c;font:500 8px DM Mono,monospace;letter-spacing:.8px}.suggestion-next{padding:0;border:0;color:#a88af2;background:transparent;font-size:9px}.mentor-form{display:flex;gap:10px;align-items:end;margin-top:8px}.mentor-form textarea{min-height:75px;resize:vertical}.mentor-actions{display:flex;gap:8px;align-items:center}.clear-button{padding:9px 11px;border:1px solid #3b3447;border-radius:6px;color:#aaa4b4;background:#211d29;font-size:10px}.clear-button:hover:not(:disabled){border-color:#a77df3;color:#dfd2ff}.clear-button:disabled{cursor:not-allowed;opacity:.45}.mentor-form .primary-button{white-space:nowrap}.mentor-card .auth-error{margin-top:12px}.game-card{transform-style:preserve-3d;transition:transform .2s ease,box-shadow .2s ease}.module-card,.action-card{transition:transform .2s ease,box-shadow .2s ease;transform-style:preserve-3d}.module-card:hover,.action-card:hover{box-shadow:10px 12px #0a090d;transform:translateY(-3px) rotateX(1deg) rotateY(-1deg)}@media (max-width:760px){.workspace-grid,.account-layout{grid-template-columns:1fr}.mentor-form{display:grid}.mentor-form .primary-button{justify-self:start}.mentor-actions{justify-content:flex-start}}.restore-button{justify-self:start;padding:8px 10px;border:1px solid #426f5c;border-radius:6px;color:#8bd9ae;background:#1d322a;font-size:10px}.restore-button:hover{background:#274739}.avatar-picker{display:flex;gap:8px;margin-top:7px}.avatar-option{width:34px;height:34px;border:1px solid #3b3447;border-radius:8px;color:#c6a8ff;background:#211d29;font-size:16px}.avatar-option:hover,.avatar-option.selected{border-color:#a77df3;background:#302347;box-shadow:0 0 0 2px #a77df333}.backup-recovery{display:grid;gap:4px;padding:10px;border:1px solid #426f5c;border-radius:7px;background:#1d322a}.backup-recovery strong{color:#8bd9ae;font-size:10px}.backup-recovery small,.backup-empty{color:#8c8696;font-size:9px;line-height:1.5}.avatar-upload{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:12px;margin-top:7px}.avatar-upload input[type=file]{width:100%;padding:8px;border:1px dashed #51436d;border-radius:6px;color:#bdb1ca;background:#211d29;font-size:10px}.avatar-upload small{grid-column:2;display:block;margin-top:-6px;color:#85808f;font-size:9px;line-height:1.5}.account-form label>small{display:block;color:#85808f;font-size:9px;line-height:1.5}.avatar-preview{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border:2px solid #a77df3;border-radius:50%;color:#cebaff;background:#473c69;font-size:16px}.avatar-preview img,.profile-button .avatar img{width:100%;height:100%;object-fit:cover}.field-error{display:block;color:#ffadbc;font-size:9px;line-height:1.4}.account-form input[type=range]{accent-color:#a77df3;padding:0;border:0;background:transparent}.curriculum-import-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:28px}.local-model-button{display:flex;align-items:center;gap:7px;width:100%;margin-top:18px;padding:10px 12px;border:1px solid #60458a;border-radius:6px;color:#e2d4ff;background:#2a203b;font-size:10px;font-weight:700;text-align:left}.local-model-button:hover:not(:disabled){border-color:#a77df3;background:#382851;transform:translateY(-1px)}.local-model-button:disabled{cursor:wait;opacity:.6}.local-model-note{display:block;margin-top:7px;color:#85808f;font-size:9px;line-height:1.5}.curriculum-editor{width:100%;min-height:330px;padding:13px;border:1px solid #3b3447;border-radius:7px;resize:vertical;outline:0;background:#110f15;color:#d2c7e5;font:11px/1.6 DM Mono,monospace}.curriculum-editor:focus{border-color:#9370d5}.import-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.secondary-button{padding:9px 12px;border:1px solid #3b3447;border-radius:6px;color:#c5b5dc;background:#211d29;font-size:10px}.secondary-button:hover{border-color:#a77df3;background:#302347}.import-module-list{display:grid;margin-top:15px}.import-module-row{display:grid;gap:4px;padding:11px 0;border-top:1px solid #292631}.import-module-row strong{font-size:11px}.import-module-row small{color:#85808f;font-size:9px}.import-help-title{margin-top:28px!important}.import-help{color:#85808f!important;font-size:10px!important;line-height:1.6!important}.import-help code{color:#c6a9ff;font-family:DM Mono,monospace}@media (max-width:760px){.curriculum-import-grid{grid-template-columns:1fr}}.backup-load{display:grid;gap:5px;padding:10px 0;border-top:1px solid #292631;color:#c9c1d2;font-size:10px}.backup-load input[type=file]{width:100%;font-size:9px;color:#aaa1b2}.backup-load small{color:#85808f;font-size:9px;line-height:1.4}.avatar-size-control{display:grid;gap:6px!important}.avatar-size-floating{margin:0 -5px;padding:10px 11px;border:1px solid #51436d;border-radius:8px;background:linear-gradient(145deg,#211b2c,#181620);box-shadow:0 8px 18px #0004}.avatar-size-control>span{display:flex;align-items:center;justify-content:space-between}.avatar-size-control output{padding:2px 6px;border:1px solid #4b3a65;border-radius:4px;color:#c6a9ff;background:#211b2c;font:500 9px DM Mono,monospace}.avatar-size-control input[type=range]{width:100%;height:3px;margin:1px 0 0;padding:0;border:0;background:#302c39;accent-color:#a77df3}.resource-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid #292631}.resource-account-actions span{grid-column:1/-1;color:#85808f;font:500 8px DM Mono,monospace;letter-spacing:.7px;text-transform:uppercase}.resource-account-actions button{padding:8px 5px;border:1px solid #302c39;border-radius:6px;color:#aaa2b1;background:#15131b;font-size:9px}.resource-account-actions button:hover{border-color:#8062b1;color:#dbcaff;background:#211b2c}.resource-account-actions button:last-child:hover{border-color:#714252;color:#ffb4c1;background:#2b1c25}.account-form,.schedule-form,.mentor-form,.curriculum-import-grid form{gap:12px}.account-form label,.schedule-form label,.mentor-form label,.backup-load{color:#c9c1d2;font-size:10px;line-height:1.35}.account-form input:not([type=range]):not([type=file]),.schedule-form input,.schedule-form select,.schedule-form textarea,.mentor-form textarea,.notes-editor,.curriculum-editor,.curriculum-import-grid input[type=file],.backup-load input[type=file]{font:11px/1.45 Manrope,sans-serif;color:#f4f2f8;background:#211d29;border:1px solid #3b3447;border-radius:6px;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.account-form input:not([type=range]):not([type=file]),.schedule-form input,.schedule-form select{min-height:37px}.account-form input:not([type=range]):not([type=file]),.schedule-form input,.schedule-form select,.schedule-form textarea,.mentor-form textarea,.notes-editor{padding:10px 11px}.account-form input::placeholder,.schedule-form input::placeholder,.mentor-form textarea::placeholder,.notes-editor::placeholder,.curriculum-editor::placeholder{color:#777382}.account-form input:not([type=range]):not([type=file]):focus,.schedule-form input:focus,.schedule-form select:focus,.schedule-form textarea:focus,.mentor-form textarea:focus,.notes-editor:focus,.curriculum-editor:focus,.curriculum-import-grid input[type=file]:focus,.backup-load input[type=file]:focus{border-color:#a77df3;box-shadow:0 0 0 3px #a77df326;background:#241f2e}.account-form input:disabled,.schedule-form input:disabled,.mentor-form textarea:disabled{cursor:not-allowed;opacity:.55}.account-form input[type=file],.curriculum-import-grid input[type=file],.backup-load input[type=file]{display:block;width:100%;padding:9px;cursor:pointer}.account-form input[type=file]::file-selector-button,.curriculum-import-grid input[type=file]::file-selector-button,.backup-load input[type=file]::file-selector-button{margin-right:8px;padding:6px 9px;border:1px solid #5b477c;border-radius:5px;color:#d9caff;background:#302347;font-size:9px;cursor:pointer}.account-form input[type=range]{width:100%;height:5px;margin:8px 0 2px}.account-form small,.schedule-form small,.backup-load small{color:#85808f;font-size:9px;line-height:1.5}.field-error,.auth-error{padding:7px 9px;border-left:2px solid #c45d72;color:#ffadbc;background:#2b1c25;font-size:9px;line-height:1.5}.saved-label{padding:7px 9px;border-left:2px solid #4d9b75;background:#1d322a}.primary-button,.secondary-button,.restore-button,.danger-button,.clear-button{transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.primary-button:focus-visible,.secondary-button:focus-visible,.restore-button:focus-visible,.danger-button:focus-visible,.clear-button:focus-visible,.text-button:focus-visible,.account-menu-actions button:focus-visible,.keyboard-help-toggle:focus-visible{outline:2px solid #c6a8ff;outline-offset:2px}.primary-button:disabled,.secondary-button:disabled,.restore-button:disabled,.danger-button:disabled,.clear-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.restore-button:hover:not(:disabled),.danger-button:hover:not(:disabled),.clear-button:hover:not(:disabled){transform:translateY(-1px)}.schedule-form .primary-button,.account-form .primary-button{margin-top:2px}.import-actions{align-items:center}.mentor-actions{flex-wrap:wrap}.mentor-actions .primary-button,.mentor-actions .clear-button{min-height:35px}.keyboard-help-toggle{width:35px;height:35px;padding:0;border:1px solid #3b3447;border-radius:6px;color:#aaa4b4;background:#211d29;font:600 12px DM Mono,monospace;transition:transform .18s ease,background .18s ease,border-color .18s ease}.keyboard-help-toggle:hover,.keyboard-help-toggle.active{border-color:#8062b1;color:#dbcaff;background:#302347;transform:translateY(-1px)}.mentor-input-hint{display:flex;align-items:center;gap:5px;margin:0;color:#85808f;font:500 9px/1.4 DM Mono,monospace;letter-spacing:.1px}.keycap{display:inline-grid;min-width:22px;height:20px;padding:0 5px;place-items:center;border:1px solid #51436d;border-bottom-width:2px;border-radius:4px;color:#d8c8f6;background:linear-gradient(180deg,#302347,#211b2c);box-shadow:0 2px #100d15;font:600 8px/1 DM Mono,monospace}.keycap-wide{min-width:31px}.hint-separator{margin:0 1px;color:#5f576c;font-size:12px}.mobile-menu-button{position:fixed;top:14px;left:14px;width:38px;height:38px;border:1px solid #51436d;border-radius:10px;color:#e7dcff;background:#211b2c;box-shadow:0 8px 24px #0006;font-size:20px;z-index:40;transition:transform .2s ease,background .2s ease}.mobile-menu-button:hover{background:#302347;transform:translateY(-2px) rotate(-3deg)}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#050408b8;z-index:15;animation:fade-in .2s ease}.app-shell{animation:page-in .35s ease both}.nav-item,.primary-button,.icon-button,.help-button,.round-arrow{transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-item:hover{transform:translate(4px)}.nav-item:active,.primary-button:active,.round-arrow:active{transform:scale(.96)}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:620px){.mobile-menu-button{display:block}.sidebar{display:flex;position:fixed;top:0;bottom:0;left:0;width:min(84vw,300px);padding:23px 18px 20px;transform:translate(-105%);transition:transform .28s cubic-bezier(.22,1,.36,1);box-shadow:18px 0 45px #0008}.menu-open .sidebar{transform:translate(0)}.main-content{width:100%;padding:0 14px 35px}.topbar{height:66px;padding-left:54px}.breadcrumbs{max-width:calc(100vw - 125px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-section{padding-top:34px}.workspace-page{padding-top:32px}.workspace-page h1{font-size:27px}.module-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-width:0}.content-grid{grid-template-columns:1fr}.mentor-card{padding:15px}.next-card{gap:9px}.next-copy h3{font-size:12px}.sidebar-nav{gap:4px}.nav-item{padding:12px 10px}.brand{padding-bottom:30px}.sidebar-footer{padding-bottom:4px}}@media (min-width:621px){.app-shell{overflow-x:hidden}}@media (max-width:900px){.main-content{padding-left:28px;padding-right:28px}.welcome-section{gap:20px}.module-grid,.action-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.main-content{padding-left:14px;padding-right:14px}.welcome-section{display:block}.welcome-section h1{font-size:28px;line-height:1.1}.welcome-section .primary-button{width:100%;justify-content:center;margin-top:18px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:20px}.content-grid,.action-grid,.module-grid,.workspace-grid,.account-layout,.curriculum-import-grid{grid-template-columns:1fr}.panel{padding:16px}.panel-heading{gap:12px}.panel-heading h2{font-size:14px}.module-card,.action-card{min-height:0;padding:16px}.module-card h3,.action-card h3{font-size:12px}.module-card p,.action-card p{font-size:10px}.next-card{align-items:flex-start;padding:14px}.next-card .round-arrow{margin-left:auto}.topbar-actions{gap:6px}.icon-button,.help-button{width:34px;height:34px}.mobile-menu-button{width:40px;height:40px}.view-page{padding-top:32px}.streak-card{margin-bottom:16px}.account-menu-actions{grid-template-columns:1fr}.profile-button{align-items:flex-start}.admin-nav{width:100%;justify-content:flex-start}}@media (min-width:621px) and (max-width:900px){.sidebar{width:210px;flex-basis:210px}.main-content{padding-left:28px;padding-right:28px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.app-shell{height:100vh;min-height:0;overflow:hidden}.sidebar{height:100vh;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#403452 transparent}.main-content{height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.profile-button{border:1px solid transparent;border-radius:10px;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.profile-button:hover,.profile-button.profile-active{border-color:#50406c;background:linear-gradient(135deg,#211b2c,#17151d);box-shadow:0 10px 24px #0005;transform:translateY(-2px)}.profile-button .avatar{width:30px;height:30px;min-width:30px;aspect-ratio:1 / 1;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;line-height:1;font-family:Arial,sans-serif}.profile-button .avatar img{display:block;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}.profile-button>span:nth-child(2){min-width:0;flex:1}.profile-button strong,.profile-button small,.profile-button em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button em{margin-top:4px;color:#9d86d1;font-size:8px;font-style:normal}.pomodoro-card{padding:12px;margin-bottom:12px;border:1px solid #332b43;border-radius:10px;background:linear-gradient(145deg,#1e1929,#17151d);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.pomodoro-card:hover{border-color:#7658a5;box-shadow:0 9px 22px #0004;transform:translateY(-2px)}.pomodoro-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.pomodoro-heading b,.pomodoro-heading small{display:block}.pomodoro-heading b{font-size:10px}.pomodoro-heading small,.pomodoro-stat{margin-top:3px;color:#85808f;font-size:8px}.pomodoro-heading>strong{color:#c7a9ff;font:600 14px DM Mono,monospace}.pomodoro-actions{display:flex;gap:6px;margin-top:10px}.pomodoro-actions button{flex:1;padding:6px 5px;border:1px solid #4b3a65;border-radius:5px;color:#c8b4e8;background:#282039;font-size:9px}.pomodoro-actions button:hover{background:#382b50}.pomodoro-stat{display:block;margin-top:9px}.module-card,.action-card{isolation:isolate;will-change:transform}.module-card:hover,.action-card:hover{z-index:2}.module-card .module-arrow,.action-card .text-button{position:relative;z-index:3}.module-card:hover .module-arrow,.action-card:hover .text-button{transform:none}.module-card:nth-child(odd),.action-card:nth-child(odd){animation:float-card 7s ease-in-out infinite}.module-card:nth-child(2n),.action-card:nth-child(2n){animation:float-card 8s ease-in-out 1.2s infinite}.module-card:hover,.action-card:hover{animation-play-state:paused}@keyframes float-card{0%,to{translate:0 0}50%{translate:0 -3px}}@media (max-width:620px){.app-shell{height:100dvh}.main-content{height:100dvh;overflow-y:auto}.sidebar{height:100dvh;max-height:100dvh;overflow-y:auto}.module-card:nth-child(n),.action-card:nth-child(n){animation-duration:9s}}.google-auth-divider{display:flex;align-items:center;gap:10px;margin:21px 0 12px;color:#625d6a;font-size:10px}.google-auth-divider:before,.google-auth-divider:after{height:1px;flex:1;background:#292631;content:""}.google-button{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #35313d;border-radius:7px;color:#777382;background:#17151d;font-size:10px;text-align:left;cursor:not-allowed}.google-g{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#302c39;color:#aaa5b4;font-size:11px;font-weight:800}.auth-config-note{margin:9px 0 0;color:#625d6a;font-size:9px;line-height:1.5}.account-menu-block{position:relative;margin-top:0}.floating-focus-card{position:absolute;right:0;bottom:calc(100% + 25px);width:212px;margin:0;padding:12px 12px 20px;z-index:30;box-shadow:0 16px 35px #0008;transform-origin:bottom right;animation:focus-widget-in .2s cubic-bezier(.22,1,.36,1) both}.floating-focus-card .pomodoro-heading{position:relative}.focus-session-toggle{position:relative;z-index:31;display:flex;align-items:center;gap:6px;width:100%;margin-bottom:6px;padding:7px 8px;border:1px solid #302c39;border-radius:6px;color:#aaa2b1;background:#15131b;font-size:9px;text-align:left}.focus-session-toggle strong{margin-left:auto;color:#cbb5f2;font:500 9px DM Mono,monospace}.focus-session-toggle:hover,.focus-session-toggle.active{border-color:#8062b1;color:#dbcaff;background:#211b2c}.focus-session-toggle svg{flex:0 0 auto}.focus-widget-arrow{position:absolute;bottom:-1px;left:50%;display:grid;place-items:center;width:30px;height:18px;padding:0;border:1px solid #594575;border-bottom:0;border-radius:7px 7px 0 0;color:#cbb5f2;background:#211b2c;transform:translate(-50%)}.focus-widget-arrow:hover{border-color:#a77df3;color:#f0e7ff;background:#302347}@keyframes focus-widget-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}.planner-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:14px;margin-top:28px}.workspace-tile{padding:21px;border:1px solid #292631;border-radius:10px;background:linear-gradient(145deg,#18161e,#14131a)}.workspace-tile-header{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px}.workspace-tile-header h2{margin:0;font-size:16px}.workspace-tile-header p{margin:5px 0 0;color:#85808f;font-size:10px}.workspace-tile-icon{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#cbb0ff;background:#3c2d58}.workspace-tile-icon.cyan{color:#8ee0e2;background:#1e4244}.workspace-tile-icon.orange{color:#ffc28b;background:#503729}.workspace-tile-icon.blue{color:#9bbdff;background:#273b5e}.workspace-tile-icon.pink{color:#ffafd2;background:#502d43}.workspace-tile-action{margin-left:auto}.calendar-card,.planner-quiz-card,.notes-card{min-width:0}.calendar-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.calendar-page-heading .muted{max-width:560px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-toolbar h2{margin:0;font-size:16px}.calendar-toolbar p,.calendar-hint{margin:5px 0 0;color:#85808f;font-size:10px}.calendar-hint{font:500 8px DM Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.calendar-controls{display:flex;align-items:center;gap:8px;color:#85808f;font:500 8px DM Mono,monospace}.calendar-controls strong{color:#cbb5f2;font:600 10px DM Mono,monospace;letter-spacing:.3px}.calendar-controls button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid #3b3447;border-radius:6px;color:#cbb5f2;background:#211d29}.calendar-controls button:hover{border-color:#a77df3;color:#f0e7ff;background:#302347}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:18px}.calendar-weekdays span{padding:0 8px;color:#777382;font:500 8px DM Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:7px}.calendar-month-label{display:flex;align-items:baseline;gap:9px;margin-top:17px}.calendar-month-label span{color:#f0eaff;font-size:13px;font-weight:700}.calendar-month-label small{color:#777382;font-size:9px}.calendar-day{min-height:82px;padding:7px;border:1px solid #292631;border-radius:7px;background:#15131b;color:#f4f2f8;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease;animation:calendar-day-in .4s cubic-bezier(.22,1,.36,1) both}.calendar-day:hover{border-color:#8062b1;background:#211b2c;transform:translateY(-2px)}.calendar-day:disabled{cursor:not-allowed}.calendar-day.outside-month:disabled:hover{border-color:#292631;background:#15131b;transform:none;opacity:.38}.calendar-day.has-session{border-color:#60458a;background:#211b2c}.calendar-day.outside-month{opacity:.38}.calendar-day.outside-month:hover{opacity:.7}.calendar-day>small,.calendar-day>strong{display:block}.calendar-day>small{color:#777382;font:500 7px DM Mono,monospace;text-transform:uppercase}.calendar-day>strong{margin-top:3px;font-size:13px}.calendar-day>strong,.calendar-status,.calendar-event small,.calendar-controls strong,.calendar-month-label span,.calendar-month-label small,.calendar-weekdays span,.calendar-event button,.timer-badge,.game-best strong,.typing-stats strong,.stat-card strong,.level-progress,.progress-track{font-variant-numeric:tabular-nums lining-nums}.calendar-day>strong,.calendar-status,.calendar-event small,.calendar-controls strong,.game-best strong,.typing-stats strong,.stat-card strong{font-family:DM Mono,monospace}.calendar-status{display:block;margin-top:5px;font:500 7px DM Mono,monospace;letter-spacing:.2px}.calendar-status.open{color:#72c49b}.calendar-status.booked{color:#e6b17f}.calendar-event{position:relative;display:grid;gap:2px;margin-top:8px;padding:5px 17px 5px 6px;border-radius:4px;color:#d8c8f6;background:#3c2d58;font-size:8px}.calendar-event span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event small{color:#bca8d9;font-size:7px}.calendar-event button{position:absolute;top:3px;right:3px;padding:0;border:0;color:#cdb7eb;background:transparent;font-size:11px}.calendar-event button:hover{color:#fff}.compact-schedule-form{display:grid;grid-template-columns:1.5fr 1.2fr .55fr auto;margin-top:16px}.planner-quiz{display:grid;gap:12px}.planner-quiz label{display:grid;gap:6px;color:#c9c1d2;font-size:10px}.planner-quiz input,.planner-quiz select{min-height:35px;padding:9px 10px;border:1px solid #3b3447;border-radius:6px;color:#f4f2f8;background:#211d29;font-size:11px}.planner-quiz fieldset{display:grid;gap:8px;margin:0;padding:10px;border:1px solid #302c39;border-radius:7px}.planner-quiz legend{padding:0 4px;color:#aaa2b1;font-size:10px}.planner-quiz .strength-option{display:flex;grid-template-columns:none;align-items:center;gap:7px;color:#aaa2b1}.planner-quiz .strength-option input{min-height:0;accent-color:#a77df3}.notes-card{margin-top:14px}.notes-card .panel-heading{align-items:center}.notes-card .saved-label{margin:0;padding:4px 7px;font-size:8px}.planner-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;width:100vw;height:100dvh;min-height:100vh;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:auto;background:#08070dcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .2s ease both}.planner-modal{position:relative;width:min(620px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));overflow:auto;padding:28px;overscroll-behavior:contain;border:1px solid #4a3964;border-radius:14px;background:linear-gradient(145deg,#211b2c,#15131b);box-shadow:0 24px 70px #000b;animation:content-in .25s cubic-bezier(.22,1,.36,1) both}.planner-modal h2{margin:0;font-size:22px;letter-spacing:-.6px}.planner-modal>.muted{margin:8px 0 20px}.planner-modal-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #3b3447;border-radius:7px;color:#aaa2b1;background:#15131b}.planner-modal-close:hover{border-color:#a77df3;color:#f0e7ff}.planner-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.plan-review{display:grid;gap:12px}.plan-review-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.plan-review-heading strong{font-size:13px}.plan-review-heading span{padding:4px 7px;border:1px solid #60458a;border-radius:5px;color:#cbb0ff;background:#302347;font:500 8px DM Mono,monospace}.plan-review-list{display:grid;gap:7px;max-height:260px;overflow:auto;padding-right:3px}.plan-review-item{display:grid;gap:3px;padding:9px 10px;border:1px solid #3b3154;border-radius:6px;background:#211b2c}.plan-review-item strong{font-size:10px}.plan-review-item span{color:#aaa2b1;font-size:9px}@media (max-width:900px){.planner-layout{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(7,minmax(70px,1fr));overflow-x:auto}.calendar-day{min-width:70px}}@media (max-width:620px){.calendar-page-heading{display:block}.calendar-page-heading .primary-button{width:100%;justify-content:center;margin-top:18px}.compact-schedule-form{grid-template-columns:1fr 1fr}.compact-schedule-form input:first-child,.compact-schedule-form button{grid-column:1/-1}.calendar-grid{padding-bottom:4px}.planner-modal-backdrop{place-items:start center;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.planner-modal{width:100%;max-height:calc(100dvh - 24px);padding:22px 18px;border-radius:12px}.planner-modal-actions{flex-direction:column-reverse}.planner-modal-actions button{width:100%;justify-content:center}}@media (max-width:620px){.calendar-card{padding:15px;overflow:hidden}.calendar-toolbar{align-items:flex-start}.calendar-controls span{display:none}.calendar-weekdays,.calendar-grid{min-width:680px}.calendar-grid{overflow:visible}.calendar-card{overflow-x:auto}.calendar-day{min-height:76px}}@media (max-width:620px){.planner-open .calendar-card{width:100%;transform:none}.planner-modal{top:72px;right:10px;width:calc(100% - 20px);height:min(520px,calc(100% - 94px));max-height:calc(100% - 94px);border-radius:12px}}html[data-theme=light] body,html[data-theme=light] .app-shell{color:var(--text);background:var(--surface)}html[data-theme=light] .sidebar{background:#eeeaf4;border-color:var(--line)}html[data-theme=light] .main-content{background:var(--surface)}html[data-theme=light] .stat-card,html[data-theme=light] .panel,html[data-theme=light] .module-card,html[data-theme=light] .workspace-card,html[data-theme=light] .workspace-tile,html[data-theme=light] .mentor-card,html[data-theme=light] .admin-panel{border-color:var(--line);background:var(--surface-raised)}html[data-theme=light] .nav-item{color:#6e6878}html[data-theme=light] .nav-item.active,html[data-theme=light] .nav-item:hover{color:#2d2637;background:#e2d9f1}html[data-theme=light] .muted,html[data-theme=light] .module-card p,html[data-theme=light] .stat-card small,html[data-theme=light] .calendar-toolbar p,html[data-theme=light] .calendar-hint{color:var(--muted)}html[data-theme=light] .icon-button,html[data-theme=light] .help-button,html[data-theme=light] .focus-session-toggle,html[data-theme=light] .account-menu-actions button{border-color:var(--line);color:#625a70;background:#fff}html[data-theme=light] .calendar-day{border-color:var(--line);color:var(--text);background:#fbfaff}html[data-theme=light] .calendar-day:hover,html[data-theme=light] .calendar-day.has-session{background:#eee5fa;border-color:#b59bdf}html[data-theme=light] .planner-modal{border-color:#b59bdf;background:#fff;box-shadow:0 24px 70px #3b2b5540,0 0 0 1px #8a6ac044}.calendar-card{margin-top:28px}.app-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;width:100%;min-height:100%;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:auto;background:#08070dcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .2s ease both}.app-modal{position:relative;width:min(620px,100%);max-height:min(760px,100%);overflow:auto;padding:36px 32px 30px;border:1px solid #4a3964;border-radius:14px;background:linear-gradient(145deg,#211b2c,#15131b);box-shadow:0 24px 70px #000b;animation:content-in .25s cubic-bezier(.22,1,.36,1) both}.app-modal-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #3b3447;border-radius:7px;color:#aaa2b1;background:#15131b}.app-modal-close:hover{border-color:#a77df3;color:#f0e7ff}.app-modal.planner-modal{position:relative;top:auto;right:auto;bottom:auto;width:min(620px,calc(100vw - 32px));height:auto;max-height:min(760px,calc(100dvh - 32px));overflow:auto;border-radius:14px;box-shadow:0 24px 70px #000b}html[data-theme=light] .app-modal{border-color:#b59bdf;background:#fff;box-shadow:0 24px 70px #3b2b5540}@media (max-width:620px){.calendar-card{margin-top:22px}.app-modal-backdrop{place-items:start center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.app-modal,.app-modal.planner-modal{width:100%;max-height:100%;padding:32px 20px 22px;border-radius:12px}}@keyframes calendar-day-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.calendar-workspace{position:relative;min-height:calc(100dvh - 76px)}.calendar-card{width:100%;transition:transform .3s ease}.planner-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;padding:0;display:block;overflow:visible;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}.planner-modal{position:absolute;top:104px;right:14px;width:min(430px,calc(100% - 28px));height:min(560px,calc(100% - 132px));max-height:calc(100% - 132px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;pointer-events:auto;border-radius:14px;background:linear-gradient(145deg,#211b2c,#15131b);box-shadow:0 24px 70px #000b,0 0 0 1px #8a6ac044;animation:planner-slide-in .42s cubic-bezier(.22,1,.36,1) both}.planner-open .calendar-card{transform:none}@keyframes planner-slide-in{0%{opacity:0;transform:translate(40px) scale(.98)}to{opacity:1;transform:none}}.main-content>.topbar{animation:topbar-in .45s ease both}.main-content>.view-page,.main-content>.workspace-page,.main-content>section:not(.modules-section){animation:content-in .42s cubic-bezier(.22,1,.36,1) both}.welcome-section{animation:content-in .45s cubic-bezier(.22,1,.36,1) both}.stat-card,.panel,.workspace-card,.mentor-card,.admin-panel,.notification-item,.placeholder-card,.study-module{animation:card-in .45s cubic-bezier(.22,1,.36,1) both}.stats-grid .stat-card:nth-child(2),.content-grid .panel:nth-child(2),.workspace-grid>*:nth-child(2),.account-layout>*:nth-child(2),.notification-item:nth-child(2){animation-delay:.06s}.stats-grid .stat-card:nth-child(3),.notification-item:nth-child(3){animation-delay:.12s}.stats-grid .stat-card:nth-child(4),.notification-item:nth-child(4){animation-delay:.18s}.module-card,.action-card{animation-name:card-in,float-card;animation-duration:.45s,7s;animation-timing-function:cubic-bezier(.22,1,.36,1),ease-in-out;animation-iteration-count:1,infinite}.module-card:nth-child(2),.action-card:nth-child(2){animation-delay:.06s,1.2s}.module-card:nth-child(3),.action-card:nth-child(3){animation-delay:.12s,2.4s}.module-card:nth-child(4),.action-card:nth-child(4){animation-delay:.18s,3.6s}.module-card:nth-child(5),.action-card:nth-child(5){animation-delay:.24s,4.8s}.module-card:nth-child(6),.action-card:nth-child(6){animation-delay:.3s,6s}.nav-item,.account-menu-actions button,.focus-session-toggle,.profile-button,.icon-button,.help-button,.toggle,.lesson-row,.round-arrow,.text-button{transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.nav-item:active,.account-menu-actions button:active,.focus-session-toggle:active,.profile-button:active,.icon-button:active,.help-button:active,.toggle:active,.lesson-row:active,.round-arrow:active{transform:scale(.97)}.icon-button.has-notifications{animation:notification-pulse 2.8s ease-in-out infinite}.notice{animation:notice-in .3s cubic-bezier(.22,1,.36,1) both}.sidebar-services{animation:sidebar-in .5s .18s ease both}.sidebar-footer{animation:sidebar-in .5s .24s ease both}@keyframes topbar-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes content-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes sidebar-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes notice-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes notification-pulse{0%,to{box-shadow:0 0 #a77df300}45%{box-shadow:0 0 0 4px #a77df31c}}@media (prefers-reduced-motion:reduce){.main-content>.topbar,.main-content>.view-page,.main-content>.workspace-page,.main-content>section:not(.modules-section),.welcome-section,.stat-card,.panel,.workspace-card,.mentor-card,.admin-panel,.notification-item,.placeholder-card,.study-module,.module-card,.action-card,.notice,.sidebar-services,.sidebar-footer,.icon-button.has-notifications{animation:none!important}.module-card:hover,.action-card:hover{transform:none!important}*{scroll-behavior:auto!important;transition-duration:.01ms!important}}.sidebar{position:fixed;top:0;left:0;bottom:0;overflow-y:auto}.main-content{margin-left:248px;width:calc(100% - 248px)}@media (max-width:900px) and (min-width:621px){.main-content{margin-left:210px;width:calc(100% - 210px)}}@media (max-width:620px){.sidebar{position:fixed;left:0;bottom:0}.main-content{margin-left:0;width:100%}}.study-module{max-width:760px;margin-top:28px;padding:22px;border:1px solid #292631;border-radius:10px;background:linear-gradient(145deg,#18161e,#14131a)}.back-button{margin-bottom:22px}.study-header{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #292631}.study-header h2{margin:5px 0;font-size:18px}.study-header p{margin:0;color:#85808f;font-size:11px}.lesson-list{display:grid;margin-top:12px}.lesson-row{display:flex;align-items:center;gap:12px;padding:14px 4px;border:0;border-bottom:1px solid #292631;background:transparent;color:#f4f2f8;text-align:left}.lesson-row:last-child{border-bottom:0}.lesson-row:not(.complete):hover{background:#201b2b}.lesson-row.complete{color:#8d8997}.lesson-number{width:26px;height:26px;display:grid;place-items:center;border:1px solid #433750;border-radius:50%;color:#c5a9ff;font-size:10px}.lesson-row.complete .lesson-number{border-color:#387053;background:#1c382d;color:#83d7aa}.lesson-row strong,.lesson-row small{display:block}.lesson-row strong{font-size:11px}.lesson-row small{margin-top:3px;color:#777382;font-size:9px}.lesson-action{margin-left:auto;color:#a88af2;font-size:10px}.algorithm-workspace{margin-top:28px}.workspace-heading{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:22px}.workspace-heading h2{margin:6px 0;font-size:22px}.workspace-heading p{margin:0;color:#85808f;font-size:11px}.workspace-state{padding:7px 9px;border:1px solid #624d36;border-radius:6px;color:#ffc18b;background:#31251d;font:500 8px DM Mono,monospace;white-space:nowrap}.workspace-state.ready{border-color:#386c53;color:#83d7aa;background:#1b352b}.theory-card,.problem-card,.editor-card{border:1px solid #292631;border-radius:10px;background:linear-gradient(145deg,#18161e,#14131a)}.theory-card{max-width:620px;padding:23px}.theory-card h3{margin:0 0 8px;font-size:16px}.theory-card p{color:#85808f;font-size:11px}.theory-card code,.problem-card code,.test-toolbar code{color:#c5a9ff;font-family:DM Mono,monospace}.theory-options{display:flex;gap:8px;margin:20px 0}.theory-options button,.secondary-button{padding:9px 12px;border:1px solid #3b3447;border-radius:6px;color:#aaa4b4;background:#211d29;font-size:10px}.theory-options button.chosen,.theory-options button:hover{border-color:#a77df3;color:#dfd2ff;background:#302347}.problem-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(400px,1.2fr);gap:14px}.problem-card{padding:21px}.problem-card-heading{display:flex;justify-content:space-between;align-items:start}.problem-card h3{margin:7px 0 16px;font-size:16px}.problem-card>p,.problem-card li{color:#9b95a6;font-size:11px;line-height:1.7}.problem-card ul{padding-left:20px}.timer-badge{padding:5px 8px;border-radius:5px;background:#292333;color:#bfa6ff;font:500 8px DM Mono,monospace}.example-box{display:grid;gap:8px;margin:20px 0;padding:13px;border-left:2px solid #a77df3;background:#211b2c}.example-box span{color:#a98be8;font:500 8px DM Mono,monospace}.example-box strong,.example-box b{font:10px DM Mono,monospace}.example-box b{color:#83d7aa}.hint-button{padding:0;border:0;color:#c5a9ff;background:transparent;font-size:10px}.hint-copy{padding:10px!important;border-radius:5px;background:#211b2c;color:#c4b7dc!important;font-size:10px!important}.editor-card{overflow:hidden}.editor-toolbar,.test-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;color:#898292;border-bottom:1px solid #292631;font:500 8px DM Mono,monospace;letter-spacing:.6px}.algorithm-editor{display:block;width:100%;height:200px;padding:17px;border:0;resize:vertical;outline:0;background:#110f15;color:#d2c7e5;font:12px/1.6 DM Mono,monospace}.test-toolbar{font-family:Manrope,sans-serif;font-size:10px;letter-spacing:0}.answer-row{display:flex;align-items:end;gap:9px;padding:14px 15px}.answer-row label{display:grid;gap:6px;color:#898292;font-size:9px}.answer-row input{width:130px;padding:9px;border:1px solid #3b3447;border-radius:5px;outline:0;background:#211d29;color:#f4f2f8;font:11px DM Mono,monospace}.answer-row .primary-button{padding:9px 12px}.workspace-result{display:flex;justify-content:space-between;align-items:center;margin:0 15px 15px;padding:10px;border-radius:6px;background:#32212b;color:#ffb3c1;font-size:10px}.workspace-result.success{background:#1e382d;color:#8bd9ae}.workspace-result button{border:0;background:transparent;color:inherit;font-size:10px}.reflection-card{margin:10px 15px 15px;padding:15px;border:1px solid #3d3150;border-radius:7px;background:#201a2c}.reflection-card h3{margin:8px 0;font-size:12px}.reflection-card textarea{width:100%;height:70px;margin:4px 0 10px;padding:9px;border:1px solid #3b3447;border-radius:5px;resize:vertical;background:#15121c;color:#f4f2f8;font:11px/1.5 Manrope,sans-serif}.workspace-footer{display:flex;justify-content:space-between;margin-top:16px;color:#686371;font-size:9px}@media (max-width:800px){.problem-layout{grid-template-columns:1fr}.workspace-heading{display:block}.workspace-state{display:inline-block;margin-top:13px}}.typing-game{max-width:800px;margin-top:20px;padding:25px;border:1px solid #382d4d;border-radius:14px;background:linear-gradient(145deg,#1d1927,#14121a);box-shadow:18px 18px #0a090d,0 25px 55px #0005;transform:perspective(900px) rotateX(1deg)}.game-header,.game-title-row,.typing-stats,.typing-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.game-title-row{margin-top:22px}.game-title-row h2{margin:0;font-size:24px}.game-title-row p{margin:7px 0 0;color:#898292;font-size:11px}.game-best{display:grid;min-width:70px;padding:10px;border:1px solid #413656;border-radius:8px;text-align:center}.game-best span,.game-best small{color:#847c90;font:500 8px DM Mono,monospace}.game-best strong{margin:3px 0;color:#c8aaff;font-size:20px}.typing-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0 14px}.typing-stats div{padding:11px;border-right:1px solid #30283d}.typing-stats div:last-child{border:0}.typing-stats span,.typing-stats small{display:block;color:#81798c;font-size:9px}.typing-stats strong{display:block;margin-top:5px;font-size:17px}.typing-prompt{min-height:104px;padding:20px;border:1px solid #342d41;border-radius:9px;background:#100e15;color:#70687a;font:16px/1.9 DM Mono,monospace}.typing-prompt span.correct{color:#8bd9ae}.typing-prompt span.incorrect{color:#ff91a8;background:#512437}.typing-input{width:100%;min-height:95px;margin-top:12px;padding:15px;border:1px solid #3b3447;border-radius:9px;outline:0;resize:vertical;background:#211b2c;color:#f3eefb;font:13px/1.6 DM Mono,monospace}.typing-input:focus{border-color:#9b75e7;box-shadow:0 0 0 3px #9b75e71c}.typing-actions{justify-content:flex-start;min-height:44px;margin-top:14px}.typing-result{color:#8bd9ae;font-size:11px}.game-card{border-color:#4b3863}.game-card:hover{box-shadow:8px 8px #0c0912;transform:translateY(-3px) rotateX(2deg)}@media (max-width:620px){.typing-game{padding:17px;box-shadow:8px 8px #0a090d}.typing-stats{gap:4px}.typing-stats div{padding:7px 4px}.typing-stats strong{font-size:14px}.typing-prompt{font-size:12px}.game-title-row h2{font-size:20px}}
