:root{--bg:#0c1020;--sidebar:#101426;--panel:#161b2d;--panel2:#1c2237;--surface:#171c2d;--text:#f5f6ff;--muted:#a4abc4;--faint:#707993;--border:#2b3146;--border2:#353c54;--purple:#9186ff;--mint:#a7f3d0;--green:#54dcb5;--red:#ff8893;--orange:#f8ba77;--shadow:0 18px 60px #0000001f}:root[data-theme=light]{--bg:#f5f7ff;--sidebar:#fff;--panel:#fff;--panel2:#f1f3fc;--surface:#fff;--text:#1c2341;--muted:#5f6884;--faint:#8190ad;--border:#e3e7f2;--border2:#d3d9e8;--purple:#695be5;--mint:#198f72;--green:#198f72;--red:#db546c;--orange:#bd7e2a;--shadow:0 16px 50px #2d31640f}body{color:var(--text);background:var(--bg);transition:background .2s,color .2s}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:-.035em;font-family:Outfit,DM Sans,sans-serif}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.app-shell{min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:30;flex-direction:column;width:258px;padding:32px 17px 22px;display:flex;position:fixed;inset:0 auto 0 0}.logo-lockup{color:var(--text);text-align:left;background:0 0;align-items:center;gap:10px;margin:0 0 60px 13px;padding:0;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#7a73fa 0%,#a8a0ff 100%);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:inline-flex;box-shadow:0 7px 18px #7066ff33}.logo-word{letter-spacing:-1.6px;font-family:Outfit,sans-serif;font-size:25px;font-weight:800}.logo-word>span:first-child{font-weight:500}.logo-period,.heading-dot{color:var(--green)}.nav-group-label,.panel-kicker,.overline{letter-spacing:.17em;color:var(--faint);font-size:10px;font-weight:800}.nav-group-label{margin:0 12px 13px}.side-nav{flex-direction:column;gap:6px;display:flex}.nav-link{text-align:left;width:100%;height:47px;color:var(--muted);background:0 0;border-radius:12px;align-items:center;gap:12px;padding:0 13px;font-size:13.5px;font-weight:700;transition:background .15s,color .15s;display:flex;position:relative}.nav-link:hover{color:var(--text);background:var(--panel2)}.nav-link.active{color:#a9a0ff;background:#9186ff21}.nav-link.active:before{content:"";background:#998eff;border-radius:0 4px 4px 0;width:3px;position:absolute;top:13px;bottom:13px;left:0}.unread-dot{background:#f8b876;border-radius:100%;width:6px;height:6px;margin-left:auto}.side-spacer{flex:1}.side-premium{color:#fff;background:radial-gradient(circle at 100% 0,#886cf359,#0000 55%),linear-gradient(160deg,#27244a,#1e263d);border:1px solid #aea0ff36;border-radius:16px;margin:8px 2px 20px;padding:19px}.premium-shimmer{color:#beb7ff;margin-bottom:15px}.side-premium strong{font-family:Outfit,sans-serif;font-size:17px;line-height:1.18;display:block}.side-premium p{color:#b7b5d1;margin:8px 0 15px;font-size:12px;line-height:1.65}.side-premium button{color:#14142d;background:#9c92ff;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:37px;font-size:12px;font-weight:800;display:flex}.settings-link{margin-top:2px}.sidebar-foot{color:var(--faint);white-space:nowrap;align-items:center;gap:8px;padding:20px 8px 0;font-size:10px;display:flex}.app-main{min-height:100vh;margin-left:258px}.topbar{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;height:85px;padding:0 clamp(24px,4vw,64px);display:flex}.breadcrumb{color:var(--faint);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb strong{color:var(--text);font-weight:700}.top-actions,.top-left{align-items:center;gap:20px;display:flex}.top-date{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.icon-btn{background:var(--panel);border:1px solid var(--border);width:37px;height:37px;color:var(--muted);border-radius:11px;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);border-color:var(--purple)}.icon-btn.minimal{background:0 0;border-color:#0000;width:30px;height:30px}.icon-btn.minimal:hover{background:var(--panel2)}.icon-btn.danger:hover{color:var(--red)}.avatar{color:#292545;background:linear-gradient(135deg,#b8abff,#adf2d8);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.mobile-menu{display:none}.content{max-width:1570px;margin:auto;padding:35px clamp(24px,4vw,64px) 20px}.demo-banner{background:#9782ff1a;border:1px solid #9782ff3d;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;padding:12px 18px;display:flex}.demo-banner>div{color:var(--muted);align-items:center;gap:11px;font-size:12px;line-height:1.5;display:flex}.demo-banner svg{color:var(--purple);flex-shrink:0}.demo-banner b{color:var(--text)}.demo-banner button{color:var(--purple);white-space:nowrap;background:0 0;align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex}.hero-card{color:#fff;background:radial-gradient(at 82% 40%,#352e75 0%,#0000 40%),radial-gradient(at 25% 90%,#2056545e,#0000 50%),linear-gradient(112deg,#1b2040,#202448 70%,#292558);border:1px solid #a195ff42;border-radius:23px;align-items:center;min-height:315px;padding:40px clamp(29px,5%,65px);display:flex;position:relative;overflow:hidden}.hero-grid{opacity:.25;background-image:linear-gradient(#aca9ff1a 1px,#0000 1px),linear-gradient(90deg,#aca9ff1a 1px,#0000 1px);background-size:31px 31px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 34%,#000 100%);mask-image:linear-gradient(90deg,#0000 34%,#000 100%)}.hero-text{z-index:2;flex:1;max-width:620px;position:relative}.eyebrow{letter-spacing:.18em;color:#b8f0db;align-items:center;gap:9px;font-size:10px;font-weight:900;display:flex}.live-dot{background:#82f4be;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #82f4be21}.hero-card h1{margin:18px 0 15px;font-size:clamp(38px,4vw,58px);font-weight:800;line-height:1.06}.hero-card h1 span,.gradient-text{color:#0000;background:linear-gradient(90deg,#a1eecf,#b2b0ff);-webkit-background-clip:text;background-clip:text}.hero-card p{color:#c7cae1;max-width:455px;font-size:13px;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:23px;display:flex}.primary-btn,.ghost-btn,.outlined-btn,.soft-btn{border-radius:10px;justify-content:center;align-items:center;gap:9px;height:41px;padding:0 17px;font-size:12px;font-weight:800;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.primary-btn{color:#131a2d;background:#aaf0ce}.primary-btn:hover{background:#c0ffdf;transform:translateY(-1px)}.ghost-btn{color:#eeeaff;background:#ffffff13;border:1px solid #ffffff2e}.ghost-btn:hover{background:#ffffff1f}.hero-illustration{z-index:1;place-items:center;width:34%;min-width:260px;height:245px;display:grid;position:relative}.orbit{border:1px dashed #c2b1ff59;border-radius:50%;position:absolute;transform:rotate(-20deg)}.orbit-one{width:235px;height:235px}.orbit-two{width:320px;height:165px}.hero-number{color:#fff;letter-spacing:-4px;background:linear-gradient(160deg,#5755a5,#292d62);border:1px solid #d1ceff57;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:177px;height:177px;font-family:Outfit,sans-serif;font-size:68px;font-weight:800;display:flex;position:relative;transform:rotate(-7deg);box-shadow:0 25px 70px #15123d91}.hero-number small{letter-spacing:.18em;color:#b4b6e0;font-family:DM Sans,sans-serif;font-size:9px;font-weight:800}.floating-star{color:#e4c3ff;position:absolute}.star-1{top:8px;right:20%}.star-2{bottom:32px;left:1%}.floating-badge{color:#243944;background:#cfffe7;border-radius:9px;align-items:center;gap:7px;padding:10px 12px;font-size:10px;font-weight:900;display:flex;position:absolute;bottom:11px;right:-4px;transform:rotate(6deg);box-shadow:0 12px 28px #080a2045}.section-heading{justify-content:space-between;align-items:end;margin:35px 0 17px;display:flex}.section-heading h2{margin-top:5px;font-size:26px}.subtle-note{color:var(--faint);padding-bottom:5px;font-size:11px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;min-height:152px;padding:20px 19px}.stat-head{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.stat-icon,.round-icon{background:var(--panel2);width:38px;height:38px;color:var(--purple);border-radius:12px;place-items:center;display:grid}.stat-icon.violet{color:#a299ff;background:#9284ff24}.stat-icon.mint{color:#6fdcba;background:#4ad7a81f}.stat-icon.amber{color:#f5bd80;background:#fbb56921}.stat-icon.pink{color:#eea0bd;background:#f589b421}.stat-value{letter-spacing:-1px;margin-top:13px;font:800 36px/1.15 Outfit,sans-serif}.stat-value small{color:var(--faint);letter-spacing:0;margin-left:6px;font:600 12px DM Sans,sans-serif}.stat-card>p{color:var(--faint);margin-top:9px;font-size:11px}.dashboard-columns{grid-template-columns:minmax(0,1.4fr) minmax(285px,1fr);gap:18px;margin-top:18px;display:grid}.surface{background:var(--surface);border:1px solid var(--border);border-radius:18px;min-width:0;padding:23px}.card-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:23px;display:flex}.card-title-row h3{font-size:18px;font-weight:700;line-height:1.2}.card-title-row p{color:var(--faint);margin-top:5px;font-size:11px}.text-action{color:var(--purple);white-space:nowrap;background:0 0;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.text-action:hover{text-decoration:underline}.subject-list{flex-direction:column;display:flex}.subject-row{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:12px;align-items:center;gap:13px;padding:13px 5px;display:flex}.subject-row+.subject-row{border-top:1px solid var(--border);border-radius:0}.subject-row:hover{background:var(--panel2)}.subject-initial{background:color-mix(in srgb,var(--accent) 18%,transparent);width:39px;height:39px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;font-family:Outfit,sans-serif;font-size:15px;font-weight:800;display:grid}.subject-main{flex:1;min-width:0}.subject-row-title{justify-content:space-between;align-items:center;gap:5px;margin-bottom:10px;display:flex}.subject-row-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mini-status{white-space:nowrap;font-size:9px;font-weight:800}.mini-status.good,.pill.good{color:#65d9b5}.mini-status.warning,.pill.warning{color:#f4a4a4}.mini-status.muted,.pill.muted{color:var(--faint)}.progress-track{background:var(--panel2);border-radius:99px;width:100%;height:5px;overflow:hidden}.progress-track span{border-radius:99px;height:100%;transition:width .3s;display:block}.subject-score{margin-left:10px;font:700 15px Outfit,sans-serif}.faint-chevron{color:var(--faint)}.right-stack{flex-direction:column;gap:18px;display:flex}.next-move .card-title-row{margin-bottom:16px}.pill{letter-spacing:.09em;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:900;display:inline-flex}.pill.coral{color:#fa9595;background:#fa837f21}.pill.green{color:#7ce2ba;background:#5bd1a524}.next-move h4{margin:14px 0 8px;font-size:20px;line-height:1.22}.next-move>p{color:var(--muted);margin-bottom:18px;font-size:11px;line-height:1.65}.outlined-btn{border:1px solid var(--border2);color:var(--text);background:0 0;height:37px}.outlined-btn:hover{border-color:var(--purple);background:#978bff12}.daily-challenge-teaser{background:linear-gradient(120deg,#9067ff1a,transparent),var(--surface);flex:1;align-items:center;gap:17px;display:flex}.daily-orb{color:#ad99ff;background:#977ffc2e;border-radius:17px;flex-shrink:0;place-items:center;width:63px;height:63px;display:grid}.daily-challenge-teaser .eyebrow{color:var(--purple);font-size:9px}.daily-challenge-teaser h4{margin:9px 0 5px;font-size:17px}.daily-challenge-teaser p{color:var(--muted);font-size:11px;line-height:1.55}.daily-challenge-teaser .text-action{padding:10px 0 0}.bottom-columns{margin-top:18px}.round-icon.click{border:1px solid var(--border);cursor:pointer}.task-row{border-bottom:1px solid var(--border);align-items:center;gap:13px;min-height:64px;display:flex}.task-row:last-child{border-bottom:0}.task-toggle{border:1.5px solid var(--border2);color:#102620;background:0 0;border-radius:7px;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.task-toggle.checked{background:#81e4be;border-color:#81e4be}.task-toggle:hover{border-color:var(--green)}.task-info{flex:1;min-width:0}.task-info strong{font-size:12px;line-height:1.5;display:block}.task-info>span{color:var(--faint);margin-top:4px;font-size:10px;display:block}.task-done .task-info strong{opacity:.55;text-decoration:line-through}.mid-dot{color:var(--faint);padding:0 5px}.overdue{color:var(--red)}.empty-line{color:var(--faint);padding:15px 0;font-size:12px;line-height:1.6}.tips-card{background:linear-gradient(150deg,#50c79b14,transparent 60%),var(--surface);align-items:flex-start;gap:18px;display:flex}.tip-icon{width:47px;height:47px;color:var(--green);background:#54dab01f;border-radius:13px;flex-shrink:0;place-items:center;display:grid}.tips-card h3{margin:10px 0 8px;font-size:19px}.tips-card p{color:var(--muted);margin-bottom:13px;font-size:11px;line-height:1.7}.footer{border-top:1px solid var(--border);color:var(--faint);justify-content:space-between;gap:14px;margin-top:36px;padding:28px 0 10px;font-size:10px;display:flex}.footer>span{align-items:center;gap:6px;display:flex}.footer>span:first-child svg{color:var(--purple)}.footer>span:last-child svg{color:#f29ab3}.page-intro{justify-content:space-between;align-items:center;gap:20px;margin:4px 0 28px;display:flex}.page-intro h1{margin-top:7px;font-size:clamp(32px,3.2vw,43px);line-height:1.16}.page-intro p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.55}.grades-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:17px;display:grid}.subjects-panel{padding:17px 12px}.panel-kicker{margin:3px 8px 15px}.subject-option{text-align:left;width:100%;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;margin-bottom:5px;padding:8px 7px;display:flex}.subject-option:hover{background:var(--panel2)}.subject-option.selected{color:var(--text);background:#9489ff1a;border-color:#9489ff38}.subject-option .subject-initial{border-radius:10px;width:33px;height:33px;font-size:13px}.subject-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.subject-option strong{color:var(--text);font-size:12px}.subject-option>svg{color:var(--faint)}.add-inline{color:var(--purple);border-top:1px solid var(--border);background:0 0;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px 8px;font-size:12px;font-weight:800;display:flex}.detail-column{flex-direction:column;gap:16px;display:flex}.subject-details{padding:28px}.subject-detail-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.subject-detail-header h2{margin:6px 0 12px;font-size:31px}.subject-detail-header .pill{background:var(--panel2)}.detail-right{text-align:right}.big-score{letter-spacing:-2px;font:800 49px Outfit,sans-serif}.big-score small{color:var(--faint);letter-spacing:0;font-size:17px;font-weight:500}.detail-right>span{color:var(--faint);font-size:10px}.detail-progress{margin-top:28px}.progress-track.large{height:8px}.detail-progress>div:last-child{color:var(--faint);justify-content:space-between;margin:10px 0 0;font-size:10px;display:flex}.rule-note{color:var(--muted);background:var(--panel2);border-radius:10px;align-items:flex-start;gap:8px;margin-top:22px;padding:12px 13px;font-size:10px;line-height:1.55;display:flex}.rule-note svg{color:var(--purple);flex-shrink:0}.count-chip{background:var(--panel2);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:7px 10px;font-size:10px}.grades-table{margin-top:-8px}.grade-item{border-bottom:1px solid var(--border);align-items:center;gap:11px;min-height:64px;display:flex}.grade-bullet{border-radius:50%;flex-shrink:0;width:8px;height:8px}.grade-item>div{flex:1;min-width:0}.grade-item>div strong{font-size:12px;display:block}.grade-item>div small{color:var(--faint);margin-top:5px;font-size:10px;display:block}.grade-number{font-family:Outfit;font-size:15px}.grade-form{flex-wrap:wrap;align-items:end;gap:10px;padding-top:23px;display:flex}.input-group{flex-direction:column;gap:8px;min-width:0;display:flex}.input-group.grow{flex:1;min-width:155px}.input-group.small{width:84px}.input-group.tiny{width:75px}.input-group label{color:var(--muted);font-size:11px;font-weight:800}.input-group input,.input-group select{border:1px solid var(--border2);background:var(--panel2);height:41px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:9px;outline:none;width:100%;padding:0 12px}.input-group input:focus,.input-group select:focus{border-color:var(--purple)}.input-group input::placeholder{color:var(--faint)}:root[data-theme=light] .input-group input,:root[data-theme=light] .input-group select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.primary-btn.compact{padding:0 13px}.simulator-card{background:radial-gradient(circle at 100% 0,#9485ff21,transparent 40%),var(--surface)}.simulator-head{align-items:center;gap:15px;display:flex}.sim-icon{width:46px;height:46px;color:var(--purple);background:#9184ff26;border-radius:12px;place-items:center;display:grid}.simulator-head h3{margin:3px 0;font-size:19px}.simulator-head p{color:var(--faint);font-size:11px}.simulator-grid{grid-template-columns:1fr 1fr 1.25fr;align-items:end;gap:13px;margin-top:23px;display:grid}.result-block{background:#8878f81f;border:1px solid #8878f838;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;min-height:63px;padding:11px 15px;display:flex}.result-block span{color:var(--muted);font-size:10px;font-weight:700}.result-block strong{color:var(--purple);font:800 28px Outfit,sans-serif}.required-line{background:var(--panel2);border-radius:12px;align-items:flex-start;gap:11px;margin-top:21px;padding:16px;display:flex}.required-line>svg{color:var(--green);flex-shrink:0}.required-line strong{font-size:12px}.required-line p{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6}.disclaimer{color:var(--faint);margin-top:16px;font-size:10px;line-height:1.6}.delete-subject{color:var(--red);background:0 0;align-self:flex-end;align-items:center;gap:7px;margin:0 5px;font-size:11px;font-weight:700;display:flex}.delete-subject:hover{text-decoration:underline}.big-empty{text-align:center;flex-direction:column;align-items:center;padding:65px 25px;display:flex}.big-empty>svg{color:var(--purple);margin-bottom:18px}.big-empty h2{font-size:26px}.big-empty p{color:var(--muted);max-width:400px;margin:10px 0 22px;font-size:12px;line-height:1.7}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;padding:22px;display:flex}.empty-state>svg{color:var(--purple);margin-bottom:5px}.empty-state strong{font-size:14px}.empty-state span{color:var(--faint);font-size:11px}.soft-btn{color:var(--purple);background:#9186ff1f;margin-top:12px}.planner-summary{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.plan-stat{padding:23px}.plan-stat span{color:var(--muted);font-size:12px;font-weight:700}.plan-stat strong{margin:8px 0;font:800 37px Outfit,sans-serif;display:block}.plan-stat p{color:var(--faint);font-size:11px}.planner-board{min-height:290px;margin-top:17px}.filter-tabs{background:var(--panel2);border-radius:10px;align-items:center;gap:3px;padding:4px;display:flex}.filter-tabs button{color:var(--faint);background:0 0;border-radius:7px;padding:8px 12px;font-size:10px;font-weight:800}.filter-tabs button.chosen{background:var(--surface);box-shadow:var(--shadow);color:var(--text)}.tasks-list{margin-top:-5px}.info-banner{color:var(--muted);align-items:flex-start;gap:12px;margin-top:19px;font-size:12px;line-height:1.7;display:flex}.info-banner>svg{color:var(--purple);flex-shrink:0}.info-banner strong{color:var(--text)}.focus-layout{grid-template-columns:minmax(0,1.35fr) minmax(250px,.7fr);gap:18px;display:grid}.timer-card{flex-direction:column;align-items:center;padding:30px 24px;display:flex}.focus-mark{color:var(--purple);letter-spacing:.13em;align-items:center;gap:9px;font-size:10px;font-weight:900;display:flex}.timer-rings{aspect-ratio:1;width:min(280px,90%);margin:20px 0 10px;position:relative}.timer-rings svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-rings circle{fill:none;stroke-width:7px}.timer-bg{stroke:var(--border)}.timer-fg{stroke:#ab9eff;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timer-text span{color:var(--faint);letter-spacing:.15em;font-size:10px;font-weight:900}.timer-text strong{letter-spacing:-2px;margin:3px 0;font:800 clamp(50px,6vw,74px) Outfit,sans-serif}.timer-text small{color:var(--faint);font-size:11px}.timer-actions{align-items:center;gap:9px;display:flex}.timer-primary{height:46px;padding:0 28px}.outline-square{border:1px solid var(--border2);width:46px;height:46px;color:var(--muted);background:0 0;border-radius:11px;place-items:center;display:grid}.timer-presets{gap:9px;margin-top:20px;display:flex}.timer-presets button{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:700}.timer-presets button.active{color:var(--purple);border-color:var(--purple);background:#9285ff1a}.timer-card .disclaimer{text-align:center;max-width:320px}.focus-side{flex-direction:column;gap:18px;display:flex}.focus-metrics{grid-template-columns:1fr 1fr;margin-top:33px;display:grid}.focus-metrics>div{flex-direction:column;gap:5px;display:flex}.focus-metrics strong{font:800 34px Outfit,sans-serif}.focus-metrics span{color:var(--faint);font-size:11px}.focus-side .surface:nth-child(2) h3{margin:7px 0 20px;font-size:20px}.howto-step{border-top:1px solid var(--border);align-items:start;gap:14px;padding:13px 0;display:flex}.howto-step span{color:var(--purple);font-size:12px;font-weight:800}.howto-step p{color:var(--muted);font-size:12px;line-height:1.6}.challenge-layout{grid-template-columns:minmax(0,1.5fr) minmax(225px,.6fr);gap:18px;display:grid}.quiz-card{padding:30px clamp(20px,4vw,40px)}.quiz-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.quiz-pill{color:var(--purple);letter-spacing:.09em;align-items:center;gap:7px;font-size:10px;font-weight:900;display:flex}.quiz-date{color:var(--faint);font-size:11px}.quiz-art{place-items:center;height:140px;margin:12px 0;display:grid;position:relative}.quiz-art>span{color:#fff;background:radial-gradient(circle at 30% 20%,#ada1ff,#6b5ab5);border-radius:32px;place-items:center;width:112px;height:112px;display:grid;transform:rotate(-9deg);box-shadow:0 21px 35px #5c4eb145}.quiz-art>span svg{transform:rotate(9deg)}.starlet{color:var(--purple);font-size:28px;font-style:normal;position:absolute}.starlet-1{top:2px;left:24%}.starlet-2{font-size:19px;bottom:5px;right:24%}.quiz-card>h2{text-align:center;max-width:550px;margin:0 auto;font-size:27px;line-height:1.25}.quiz-card>p{text-align:center;color:var(--faint);margin:9px 0 23px;font-size:12px}.answers{grid-template-columns:1fr 1fr;gap:11px;display:grid}.answer-option{background:var(--panel2);color:var(--text);border:1px solid var(--border);text-align:left;border-radius:12px;align-items:center;gap:11px;min-height:56px;padding:11px;font-size:12px;font-weight:700;display:flex}.answer-option:not(:disabled):hover{border-color:var(--purple)}.answer-letter{border:1px solid var(--border2);width:29px;height:29px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.answer-option>span:nth-child(2){flex:1}.answer-option.correct{background:#54dab01a;border-color:#54dab099}.answer-option.correct>svg{color:var(--green)}.answer-option.incorrect{background:#ff878e1a;border-color:#ff878ea6}.answer-option:disabled{opacity:1}.quiz-feedback{background:#54dab014;border:1px solid #54dab045;border-radius:13px;align-items:flex-start;gap:13px;margin-top:22px;padding:18px;display:flex}.quiz-feedback-icon{color:var(--green)}.quiz-feedback strong{font-size:13px}.quiz-feedback p{color:var(--muted);margin:7px 0;font-size:12px;line-height:1.6}.quiz-feedback small{color:var(--faint)}.challenge-side{flex-direction:column;gap:18px;display:flex}.streak-box{flex-direction:column;align-items:start;display:flex}.round-icon.peach{color:var(--orange);background:#f5b57a21}.streak-box>strong{margin-top:20px;font:800 58px Outfit,sans-serif}.streak-box>span{font-size:12px;font-weight:800}.streak-box>p,.curious-box>p{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.7}.curious-box{background:linear-gradient(155deg,#9180ff21,transparent 75%),var(--surface)}.curious-box>svg{color:var(--purple)}.curious-box h3{margin-top:13px;font-size:22px}.settings-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.settings-card{padding:26px}.settings-title{align-items:flex-start;gap:13px;display:flex}.settings-title>svg{color:var(--purple)}.settings-title h3{font-size:19px}.settings-title p{color:var(--faint);margin-top:6px;font-size:11px;line-height:1.4}.settings-fields{flex-direction:column;gap:19px;margin-top:23px;display:flex}.settings-fields .rule-note{margin-top:2px}.settings-explain{color:var(--muted);margin:23px 0;font-size:12px;line-height:1.8}.settings-actions{flex-wrap:wrap;gap:9px;display:flex}.danger-link{color:var(--red);background:0 0;align-items:center;gap:8px;margin-top:22px;font-size:11px;font-weight:800;display:flex}.danger-link:hover{text-decoration:underline}.theme-options{gap:9px;margin-top:25px;display:flex}.theme-options button{background:var(--panel2);border:1px solid var(--border);color:var(--muted);border-radius:11px;align-items:center;gap:10px;padding:11px 13px;font-size:12px;font-weight:700;display:flex}.theme-options button.selected{color:var(--purple);border-color:var(--purple)}.theme-options button>svg:last-child:not(:first-child){margin-left:4px}.about-card{background:radial-gradient(circle at 100% 0,#6f67e521,transparent 60%),var(--surface)}.about-card h3{max-width:260px;margin:19px 0 8px;font-size:21px}.about-card p{color:var(--muted);font-size:11px;line-height:1.8}.about-card>span{color:var(--faint);letter-spacing:.13em;margin-top:20px;font-size:9px;font-weight:800;display:block}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03050fbd;justify-content:center;align-items:center;padding:17px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:20px;width:min(100%,455px);max-height:min(92vh,780px);padding:32px;position:relative;overflow-y:auto;box-shadow:0 28px 90px #0006}.modal-close{background:var(--panel2);width:32px;height:32px;color:var(--muted);border-radius:10px;place-items:center;display:grid;position:absolute;top:20px;right:20px}.modal h2{margin:9px 0;font-size:29px}.modal>p{color:var(--muted);margin-bottom:25px;font-size:12px;line-height:1.7}.modal form{flex-direction:column;gap:19px;display:flex}.color-picker{flex-wrap:wrap;gap:11px;display:flex}.color-picker button{color:#16192c;border:3px solid #0000;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.color-picker button.picked{outline:2px solid var(--purple);outline-offset:3px}.modal-submit{width:100%;height:46px;margin-top:7px}.modal-buttons{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.pro-emblem{width:55px;height:55px;color:var(--purple);background:#9486ff2e;border-radius:18px;place-items:center;margin-bottom:18px;display:grid}.pro-feature{align-items:flex-start;gap:12px;margin:18px 0;display:flex}.pro-feature>svg{color:var(--purple);flex-shrink:0}.pro-feature strong{font-size:13px;display:block}.pro-feature span{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.6;display:block}.pro-disclaimer{background:var(--panel2);color:var(--muted);border-radius:11px;align-items:start;gap:10px;margin-top:21px;padding:13px;font-size:11px;line-height:1.6;display:flex}.pro-disclaimer svg{color:var(--orange);flex-shrink:0}.pro-disclaimer strong{color:var(--text)}.toast{z-index:100;color:#f2fff6;background:#222c3e;border:1px solid #4c6e73;border-radius:13px;align-items:center;gap:10px;max-width:min(440px,100vw - 30px);padding:14px 17px;font-size:12px;line-height:1.5;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 18px 60px #0006}.toast>svg{color:#a8f3ce;flex-shrink:0}.toast button{color:#b9c5cb;background:0 0;margin-left:10px}.visually-hidden{opacity:0;clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.mobile-overlay{display:none}@media (width>=1450px){.sidebar{width:280px;padding-left:23px;padding-right:23px}.app-main{margin-left:280px}.content{padding-top:42px}.hero-card{min-height:354px}}@media (width<=1190px){.sidebar{width:225px;padding-left:12px;padding-right:12px}.app-main{margin-left:225px}.content,.topbar{padding-left:25px;padding-right:25px}.stats-grid{gap:9px}.stat-card{padding:17px 14px}.hero-illustration{min-width:215px}.dashboard-columns{grid-template-columns:minmax(0,1.2fr) minmax(275px,1fr)}.grades-layout{grid-template-columns:205px minmax(0,1fr)}.simulator-grid{grid-template-columns:1fr 1fr}.result-block{grid-column:1/-1}}@media (width<=900px){.sidebar{width:258px;box-shadow:var(--shadow);transition:transform .23s;transform:translate(-110%)}.sidebar.mobile-open{transform:translate(0)}.mobile-overlay{z-index:20;background:#0009;display:block;position:fixed;inset:0}.app-main{margin-left:0}.mobile-menu{display:grid}.content{padding:23px 20px}.topbar{height:66px;padding:0 20px}.hero-illustration{min-width:215px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr;display:grid}.grades-layout{grid-template-columns:205px minmax(0,1fr)}.settings-grid{grid-template-columns:1fr 1fr}}@media (width<=660px){.top-date{display:none}.content{padding:19px 14px}.breadcrumb{font-size:11px}.top-actions{gap:9px}.demo-banner{flex-direction:column;align-items:flex-start;gap:9px}.hero-card{min-height:auto;padding:29px 23px}.hero-card h1{font-size:41px}.hero-card p{max-width:310px}.hero-illustration{opacity:.24;pointer-events:none;width:250px;min-width:0;position:absolute;top:35px;right:-95px}.hero-text{z-index:2}.hero-buttons{gap:8px}.hero-buttons .primary-btn,.hero-buttons .ghost-btn{padding:0 11px;font-size:11px}.section-heading{margin:28px 2px 15px}.section-heading h2{font-size:23px}.stat-card{min-height:138px}.stat-value{font-size:32px}.stat-head{font-size:10px}.stat-icon{width:32px;height:32px}.right-stack{grid-template-columns:1fr}.surface{padding:18px}.dashboard-columns{gap:13px;margin-top:13px}.bottom-columns{margin-top:13px}.footer{flex-direction:column;gap:11px}.page-intro{flex-direction:column;align-items:flex-start;gap:15px;margin:7px 0 23px}.page-intro h1{font-size:34px}.grades-layout{grid-template-columns:1fr}.subjects-panel{scrollbar-width:thin;align-items:center;gap:6px;padding:9px;display:flex;overflow-x:auto}.panel-kicker{display:none}.subject-option{width:auto;min-width:125px;margin:0}.subject-option .subject-initial{width:28px;height:28px}.subject-option>svg{display:none}.add-inline{white-space:nowrap;border:0;flex-shrink:0;width:auto;margin:0;padding:10px 8px}.subject-option-name{font-size:10px}.subject-option strong{font-size:11px}.subject-detail-header h2{font-size:27px}.big-score{font-size:39px}.subject-details{padding:21px}.grade-form{gap:9px}.grade-form .input-group.grow{flex:auto;width:100%}.grade-form .input-group.small,.grade-form .input-group.tiny{flex:1;width:auto}.grade-form .primary-btn{margin-left:auto}.simulator-grid{grid-template-columns:1fr 1fr}.result-block{grid-column:1/-1}.planner-summary{gap:8px}.plan-stat{padding:15px 12px}.plan-stat strong{font-size:31px}.plan-stat>span,.plan-stat p{font-size:10px}.card-title-row{gap:9px}.planner-board .card-title-row{flex-direction:column}.filter-tabs{max-width:100%}.focus-layout,.challenge-layout,.settings-grid{grid-template-columns:1fr}.focus-side{grid-template-columns:1fr;display:grid}.answers{grid-template-columns:1fr}.quiz-card>h2{font-size:24px}.settings-actions{flex-direction:column}.settings-actions button{width:100%}.subtle-note{display:none}.modal{padding:25px 22px}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}.toast{bottom:15px;right:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.52}::selection{color:#102a22;background:#a6f3c0}