:root{--bg:#fbfaf7;--surface:#fff;--text:#252334;--muted:#73717f;--purple:#6650d5;--purple-dark:#5841c2;--purple-soft:#eeebfa;--border:#eae8ef;--font:"DM Sans Variable", Arial, sans-serif;--heading:"Manrope Variable", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{color:var(--text);background:var(--bg);font-family:var(--font);margin:0;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}img{max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading);letter-spacing:-.04em;line-height:1.2}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #9a87ed}::selection{background:#ddd4ff}button{background:0 0;border:0}input,select,textarea{min-width:0}button svg,a svg{flex-shrink:0}.site-container{width:min(1240px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid #eeeae4;height:96px}.header-inner{justify-content:space-between;align-items:center;gap:28px;height:100%;display:flex}.brand{font-family:var(--heading);letter-spacing:-1px;white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:800;display:inline-flex}.brand-mark{background:var(--purple);color:#fff;border-radius:11px;place-items:center;width:36px;height:38px;display:grid;transform:rotate(-5deg)}.brand-ready{margin-left:3px;font-weight:500}.brand-dot{color:var(--purple)}.site-nav{gap:31px;font-size:13px;font-weight:550;display:flex}.site-nav a{color:#64616f;transition:color .2s}.site-nav a:hover{color:var(--purple)}.button{border-radius:9px;justify-content:center;align-items:center;gap:12px;min-height:49px;padding:13px 22px;font-size:13px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-purple{background:var(--purple);color:#fff;box-shadow:0 5px 14px #6650d51c}.button-purple:hover{background:var(--purple-dark);box-shadow:0 7px 20px #6650d52d}.button-dark{color:#fff;background:#292635}.button-dark:hover{background:#403a51}.header-cta{min-height:42px;padding:11px 18px;font-size:12px}.button-outline{background:0 0;border:1px solid #ddd9e6}.button-outline:hover{background:#f5f3f9}.button-light{color:var(--purple-dark);background:#fff}.button-small{min-height:43px;padding:11px 16px;font-size:12px}.button-danger{color:#aa3042;background:#fff0f2}.text-link{white-space:nowrap;align-items:center;gap:9px;font-size:12px;font-weight:600;display:inline-flex}.text-link:hover{color:var(--purple)}.hero{grid-template-columns:1fr 1.13fr;align-items:center;gap:40px;min-height:720px;padding-block:76px 86px;display:grid}.hero-badge{letter-spacing:1.65px;background:#f0ede6;border:1px solid #eae6dd;border-radius:25px;align-items:center;gap:9px;padding:8px 12px;font-size:9px;font-weight:750;display:inline-flex}.status-dot{background:var(--purple);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-3.3px;margin:24px 0;font-size:clamp(43px,4.25vw,62px);font-weight:750;line-height:1.12}.serif-word{letter-spacing:-.045em;color:var(--purple);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.hero-description{color:#797581;font-size:15px;line-height:1.85}.hero-actions{align-items:center;gap:24px;margin-top:30px;display:flex}.hero-actions .text-link{gap:9px;font-size:11px}.hero-reassurance{color:#8a8591;gap:20px;margin-top:17px;font-size:10px;display:flex}.hero-reassurance span{align-items:center;gap:5px;display:flex}.hero-reassurance svg{color:#6e9283}.hero-note{color:#8f8a95;align-items:center;gap:12px;margin-top:46px;font-size:10px;line-height:1.7;display:flex}.hero-note strong{color:#68626f;font-weight:500}.note-line{background:#d7cdee;width:2px;height:30px}.hero-visual{isolation:isolate;padding:38px 4px 25px 10px;position:relative}.visual-orbit{z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.orbit-one{background:radial-gradient(#e9e4f5aa 0,#f3eff7aa 50%,#0000 72%);width:560px;max-width:100%;height:560px;top:-5px;left:30px}.orbit-two{border:1px solid #e6dfef;width:390px;height:390px;bottom:-30px;right:-24px}.product-preview{background:#fff;border:1px solid #ebe8f0;border-radius:15px;width:100%;display:flex;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 25px 60px #3b315014,0 2px 5px #3b315008}.preview-sidebar{color:#a09baa;background:#faf9fd;border-right:1px solid #eeeaf5;flex-direction:column;flex-shrink:0;align-items:center;gap:27px;width:56px;padding:22px 0;display:flex}.preview-sidebar>svg:first-of-type{color:var(--purple);box-sizing:content-box;background:#ebe7fa;border-radius:9px;padding:8px}.mini-brand{color:var(--purple);align-items:center;gap:3px;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.mini-avatar{width:25px;height:25px;color:var(--purple);background:#e6ddfa;border-radius:50%;place-items:center;margin-top:auto;font-size:8px;display:grid}.preview-main{flex:1;min-width:0;padding:20px 22px 24px}.preview-top{letter-spacing:1.3px;color:#aba5b7;border-bottom:1px solid #f0edf5;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:7px;display:flex}.preview-greeting{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.eyebrow{letter-spacing:1.6px;color:#8d879b;font-size:9px;font-weight:650}.preview-greeting .eyebrow{letter-spacing:1px;font-size:6px}.preview-greeting h3{letter-spacing:-.8px;margin:7px 0;font-size:20px}.preview-greeting p{color:#8b8594;font-size:9px}.wave{color:#e5ac64;margin-left:8px;font-size:22px}.preview-avatar{width:38px;height:38px;color:var(--purple);background:#efeafa;border-radius:14px;place-items:center;font-size:15px;font-weight:700;display:grid;transform:rotate(8deg)}.preview-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px;display:grid}.preview-stats>div{border:1px solid #eeebf3;border-radius:9px;padding:11px}.mini-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.purple{color:#6750cf;background:#efebfc}.orange{color:#a66524;background:#fcf0e3}.blue{color:#3c70b4;background:#eaf1fc}.green{color:#438369;background:#e9f4ee}.pink{color:#a85d82;background:#f8edf3}.preview-stats .mini-icon{border-radius:7px;width:24px;height:24px}.preview-stats strong{letter-spacing:-1px;margin-top:6px;font-size:23px;font-weight:650;line-height:1.3;display:block}.small-unit{letter-spacing:0;color:#8d859a;font-size:10px;font-weight:450}.preview-stats>div>span:last-child{color:#91899c;font-size:7px}.preview-list-title{justify-content:space-between;align-items:center;margin:21px 0 10px;display:flex}.preview-list-title h4{letter-spacing:-.2px;font-size:11px}.preview-list-title span{color:var(--purple);align-items:center;gap:3px;font-size:7px;display:flex}.preview-task{border-top:1px solid #f1eef6;align-items:center;gap:12px;padding:12px 0;display:flex}.preview-task>svg{color:#d4cddd;flex-shrink:0}.preview-task>div{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.subject-label{white-space:nowrap;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:600;line-height:1.35;display:inline-flex}.preview-task .subject-label{padding:2px 5px;font-size:6px}.preview-task strong{font-size:9px;font-weight:600}.preview-task small{color:#9b93a5;font-size:7px}.preview-time{text-align:right;margin-left:auto;font-size:8px;line-height:1.8}.preview-time small{color:#a096ad}.checked-mini{color:#639675;background:#e8f3ea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.completed strong{color:#9c94a7;text-decoration:line-through}.done-label{color:#649779;margin-left:auto;font-size:7px}.preview-bottom{margin-top:10px}.preview-exam{background:#fcf8f2;border:1px solid #f1e7d9;border-radius:8px;align-items:center;gap:9px;padding:11px;display:flex}.preview-exam .mini-icon{width:29px;height:29px}.preview-exam strong{font-size:8px}.preview-exam p{color:#a39382;margin-top:3px;font-size:7px}.preview-exam>svg{color:#b6a78f;margin-left:auto}.preview-progress{margin-top:16px}.preview-progress>span{color:#a298af;justify-content:space-between;font-size:7px;display:flex}.preview-progress strong{color:#6b568d}.preview-progress i{background:#f0ecf6;border-radius:3px;height:4px;margin-top:7px;display:block;overflow:hidden}.preview-progress b{background:#b4a1e7;width:33%;height:100%;display:block}.floating-label{z-index:2;background:#fffffff5;border:1px solid #eeeaf2;border-radius:11px;align-items:center;gap:9px;padding:9px 13px;font-size:10px;display:flex;position:absolute;box-shadow:0 7px 24px #3c295312}.top-label{top:9px;right:15px;transform:rotate(3deg)}.floating-label .mini-icon{border-radius:8px;width:27px;height:27px}.bottom-label{padding:11px 15px;bottom:-1px;left:-14px;transform:rotate(2deg)}.bottom-label strong{font-size:10px;font-weight:600;display:block}.bottom-label small{color:#8f8798;margin-top:2px;font-size:8px;display:block}.visual-caption{text-align:center;letter-spacing:1.4px;color:#aba1b4;width:100%;font-size:7px;display:block;position:absolute;bottom:-32px}.trust-strip{color:#78717e;border-top:1px solid #e9e4de;border-bottom:1px solid #e9e4de;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;font-size:12px;display:flex}.trust-strip>span{color:#9a929d;border-right:1px solid #e5e0df;padding-right:45px;font-size:10px;line-height:1.7}.trust-strip strong{color:#5f5668;font-weight:500}.trust-strip>div{align-items:center;gap:11px;display:flex}.trust-strip svg{color:#8b7e9e;stroke-width:1.4px}.features-section{padding-block:105px}.section-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:36px;display:flex}.section-heading h2,.faq-section h2{letter-spacing:-1.6px;margin-top:14px;font-size:39px;font-weight:650;line-height:1.2}.section-heading>p{color:#8c8592;padding-bottom:4px;font-size:12px;line-height:1.8}.feature-grid{grid-template-columns:1.25fr 1fr;gap:18px;display:grid}.feature-card{background:#fff;border:1px solid #e9e5ee;border-radius:15px;min-height:245px;padding:30px 32px;position:relative;overflow:hidden}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:20px;display:inline-flex}.feature-card h3{letter-spacing:-.6px;margin-bottom:11px;font-size:20px;font-weight:650}.feature-card>p{color:#8e8697;max-width:340px;font-size:12px;line-height:1.8}.feature-index{letter-spacing:1.2px;color:#a89dac;margin-top:28px;font-size:7px;display:block}.feature-large,.feature-exams{min-height:368px}.feature-task{background:#faf9fc;border:1px solid #efebf3;border-radius:8px;align-items:center;gap:12px;margin-top:14px;padding:13px 15px;display:flex}.feature-task>div{flex-direction:column;gap:3px;display:flex}.feature-task strong{font-size:11px;font-weight:550}.feature-task>div>span{color:#a29aa9;font-size:9px}.feature-task>.subject-label{margin-left:auto;font-size:7px}.feature-task>svg{color:#c8bece}.feature-large>p{margin-bottom:20px}.feature-large .feature-index{margin-top:22px}.feature-exams{background:#f5f2fb;border-color:#ebe5f5}.exam-countdown{align-items:center;gap:16px;margin-top:20px;display:flex;position:relative}.exam-countdown>strong{font-family:var(--heading);letter-spacing:-4px;color:#7c65b0;font-size:72px;font-weight:500;line-height:1.1}.exam-countdown>span{letter-spacing:1px;color:#9b8bac;font-size:8px;line-height:1.7}.countdown-dots{gap:4px;display:flex;position:absolute;bottom:12px;right:0}.countdown-dots i{background:#d6cbe9;border-radius:50%;width:8px;height:8px}.countdown-dots i:first-child{background:#8064b5}.how-section{background:#f0ede7;border-block:1px solid #eae5de;padding-block:75px}.how-section .section-heading h2{font-size:34px}.steps{grid-template-columns:repeat(3,1fr);gap:55px;margin-top:50px;display:grid}.steps article>span{color:#aaa09c;margin-bottom:21px;font-family:Georgia,serif;font-size:33px;font-style:italic;display:inline-block}.steps h3{letter-spacing:-.3px;margin-bottom:12px;font-size:16px;font-weight:600}.steps p{color:#8c817f;max-width:280px;font-size:12px;line-height:1.9}.faq-section{grid-template-columns:1fr 1.3fr;gap:90px;padding-block:105px;display:grid}.faq-section>div>p{color:#938a9a;margin-top:16px;font-size:12px}.faq-items details{border-bottom:1px solid #e9e2e9;padding:20px 0}.faq-items details:first-child{padding-top:0}.faq-items summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:25px;font-size:13px;font-weight:550;list-style:none;display:flex}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary>span{color:#9c91ad;font-size:23px;font-weight:400}.faq-items details[open] summary>span{transform:rotate(45deg)}.faq-items details p{color:#8c8297;padding-top:13px;font-size:12px;line-height:1.9}.final-cta{text-align:center;background:#f1edf8;border:1px solid #e8e1f2;border-radius:20px;padding:55px 20px;position:relative;overflow:hidden}.final-cta .hero-badge{color:#827391;background:#e9e2f3;border-color:#e2d9f0;font-size:8px}.final-cta h2{letter-spacing:-2px;margin:22px 0 27px;font-size:47px;font-weight:600;line-height:1.2}.final-cta>p{color:#a297ad;margin-top:13px;font-size:10px}.cta-decoration{color:#dcd0eb;pointer-events:none;font-size:130px;font-weight:200;line-height:1;position:absolute}.decoration-left{bottom:30px;left:70px;transform:rotate(15deg)}.decoration-right{font-size:100px;top:60px;right:75px;transform:rotate(-20deg)}.site-footer{color:#a095a7;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;padding:35px 0;font-size:10px;display:flex}.site-footer .brand{color:var(--text);font-size:16px}.site-footer .brand-mark{border-radius:8px;width:28px;height:29px}.site-footer .brand-mark svg{width:18px}.app-shell{background:#f7f8fb;min-height:100vh}.app-sidebar{border-right:1px solid var(--border);z-index:30;overscroll-behavior:contain;background:#fff;flex-direction:column;width:244px;padding:30px 19px 0;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.app-sidebar>*{flex-shrink:0}.sidebar-brand{padding-inline:5px}.app-sidebar .brand{font-size:20px}.workspace-card{background:#faf9fc;border:1px solid #eeeaf4;border-radius:10px;align-items:center;gap:10px;margin-top:37px;padding:14px 11px;display:flex}.workspace-icon{width:31px;height:31px;color:var(--purple);background:#eee9fb;border-radius:8px;place-items:center;display:grid}.workspace-card strong{font-size:11px;font-weight:600;display:block}.workspace-card small{color:#9a90a7;margin-top:3px;font-size:9px;display:block}.workspace-dot{background:#b7acc6;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-label{letter-spacing:1.5px;color:#a39baa;margin:31px 11px 14px;font-size:8px}.app-sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{text-align:left;color:#8b8396;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:45px;padding:11px 13px;font-size:12px;transition:background .2s,color .2s;display:flex}.nav-item svg{stroke-width:1.6px}.nav-item:hover{color:var(--purple);background:#faf8fd}.nav-item.active{color:var(--purple);background:#f0ecfa;font-weight:600}.nav-count{background:#e6def8;border-radius:5px;margin-left:auto;padding:1px 6px;font-size:9px}.sidebar-bottom{margin-top:auto}.sidebar-tip{background:#f8f6fc;border:1px solid #efeaf6;border-radius:11px;margin:32px 3px 18px;padding:17px 16px}.sidebar-tip>svg{color:#a28bbf;margin-bottom:8px;display:block}.sidebar-tip strong{font-size:11px;font-weight:600}.sidebar-tip p{color:#9e92ab;margin-top:4px;font-size:10px;line-height:1.8}.sidebar-profile{border-top:1px solid #eeeaf3;align-items:center;gap:10px;margin-top:14px;padding:21px 7px;display:flex}.avatar{color:#776292;background:#ece5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:inline-flex}.sidebar-profile strong{font-size:10px;font-weight:600;display:block}.sidebar-profile small{color:#a095ac;margin-top:3px;font-size:8px;display:block}.profile-status{background:#79a48b;border-radius:50%;width:6px;height:6px;margin-left:auto}.app-body{min-height:100vh;margin-left:244px}.app-topbar{border-bottom:1px solid var(--border);background:#ffffffc9;justify-content:space-between;align-items:center;height:78px;padding-inline:40px;display:flex}.app-topbar>div{align-items:center;gap:12px;display:flex}.breadcrumb{color:#a397af;align-items:center;gap:12px;font-size:10px;display:flex}.breadcrumb strong{color:#746980;font-weight:500}.topbar-right{gap:18px!important}.demo-pill{color:#8c78a4;background:#f6f2fa;border:1px solid #eee7f5;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;display:inline-flex}.demo-pill>span{background:#a992c0;border-radius:50%;width:4px;height:4px}.small-avatar{border-radius:10px;width:30px;height:30px;font-size:9px}.app-main{max-width:1280px;margin:auto;padding:27px 40px 0}.demo-notice{color:#8b78a3;background:#f0edf8;border:1px solid #e7e1f2;border-radius:8px;align-items:center;gap:10px;padding:11px 15px;font-size:9px;display:flex}.demo-notice>svg{flex-shrink:0}.demo-notice>button{color:#7d649a;white-space:nowrap;align-items:center;gap:4px;margin-left:auto;padding:5px;font-size:8px;font-weight:600;display:flex}.storage-warning{color:#8a5e24;background:#fff9eb;border:1px solid #e9c88e;border-radius:8px;margin-top:12px;padding:12px;font-size:12px}.app-page-heading{justify-content:space-between;align-items:center;gap:20px;margin:35px 0 28px;display:flex}.app-page-heading .eyebrow{font-size:8px}.app-page-heading h1{letter-spacing:-1.15px;margin-top:11px;font-size:29px;font-weight:650}.app-page-heading p{color:#9a8da5;margin-top:10px;font-size:11px}.greeting-spark{color:#d9b782;margin-left:11px;font-size:27px;font-weight:400}.app-page-heading>.button{min-height:40px;font-size:10px}.app-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e9e5ef;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:13px;padding:20px;display:flex}.stat-card .mini-icon{width:37px;height:37px}.stat-card>div>span{color:#a195ad;margin-bottom:6px;font-size:10px;display:block}.stat-card strong{font-family:var(--heading);letter-spacing:-1.2px;align-items:baseline;gap:8px;font-size:31px;font-weight:650;line-height:1.1;display:flex}.stat-card strong small{color:#a99ab5;font-size:10px;font-family:var(--font);letter-spacing:0;font-weight:400}.stat-caption{color:#b09fba;width:100%;padding-top:5px;font-size:9px}.stat-progress{background:#eef2ee;border-radius:3px;width:100%;height:4px;margin-top:10px;overflow:hidden}.stat-progress i{background:#8bab98;height:100%;transition:width .3s;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:24px;display:grid}.panel{background:#fff;border:1px solid #e9e5ef;border-radius:12px}.panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:22px;display:flex}.panel-heading h2{letter-spacing:-.25px;font-size:14px;font-weight:650}.panel-heading p{color:#a094ab;margin-top:7px;font-size:9px}.panel-heading .text-link{color:#8b74a6;font-size:9px}.list-section-label{letter-spacing:1.2px;color:#ad9dbb;border-bottom:1px solid #f1edf5;justify-content:space-between;padding:5px 22px 13px;font-size:7px;display:flex}.list-section-label>span{letter-spacing:0;font-size:8px}.task-row{border-bottom:1px solid #f0edf5;align-items:center;gap:12px;padding:17px 22px;transition:background .15s;display:flex}.task-row:hover{background:#fdfcfe}.task-checkbox{border:1.5px solid #ded5e8;border-radius:7px;flex-shrink:0;width:22px;height:22px;padding:0;position:relative}.task-checkbox:before{content:"";position:absolute;inset:-11px}.task-checkbox:hover{border-color:var(--purple)}.task-checkbox.is-checked{color:#fff;background:#7ba78b;border-color:#7ba78b;place-items:center;display:grid}.task-content{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:7px;min-width:0;padding:0;display:flex}.task-content strong{font-size:12px;font-weight:550;line-height:1.4}.task-meta{color:#ae9fbc;align-items:center;gap:5px;font-size:8px;display:flex}.task-meta>span{margin-inline:3px}.task-row .subject-label{padding:3px 6px;font-size:7px}.task-due{color:#a290b0;white-space:nowrap;font-size:8px}.task-due.urgent{color:#b08558;background:#fcf4ea;border:1px solid #f1e8d8;border-radius:5px;padding:4px 7px}.task-done strong{color:#a599b0;text-decoration:line-through}.task-done .task-due{color:#649375}.icon-button{color:#a495b4;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover{color:var(--purple);background:#f1edf8}.task-open{width:24px}.panel-footnote{color:#b0a0bd;align-items:center;gap:7px;padding:17px 22px;font-size:8px;display:flex}.panel-footnote svg{color:#8faa99}.dashboard-right{flex-direction:column;gap:18px;display:flex}.focus-card{isolation:isolate;background:#ebe6f5;border:1px solid #e2d9ee;border-radius:12px;padding:23px;position:relative;overflow:hidden}.focus-card .eyebrow{color:#9d89b5;letter-spacing:1.4px;font-size:7px;display:block}.focus-orbit{color:#8e74aa;background:#e4dcef;border:1px solid #d5c7e6;border-radius:50%;place-items:center;width:65px;height:65px;margin:23px auto 22px;display:grid}.focus-card h2{letter-spacing:-.4px;font-size:17px;font-weight:600;line-height:1.45}.focus-card p{color:#9b86ae;margin-top:9px;font-size:10px;line-height:1.8}.focus-card .button{color:#89709e;justify-content:space-between;width:100%;min-height:39px;margin-top:23px;padding:10px 13px;font-size:9px}.focus-decoration{z-index:-1;border:1px solid #ded4ea;border-radius:50%;width:230px;height:230px;position:absolute;top:20px;right:-90px}.quick-note .panel-heading{color:#9580a8;padding-bottom:12px}.quick-note .panel-heading h2{color:var(--text);font-size:12px}.quick-note>p{color:#a698b2;padding:0 22px;font-size:10px;line-height:1.8}.quick-note>button{color:#a391b4;justify-content:space-between;align-items:center;width:calc(100% - 44px);margin:17px 22px 20px;font-size:9px;display:flex}.app-encouragement{color:#aa9ab7;justify-content:center;align-items:center;gap:9px;margin:26px 0 36px;font-size:10px;display:flex}.app-encouragement>span{color:#c7b69c;font-size:20px}.app-encouragement strong{color:#8e7c9e;font-weight:500}.app-footer{color:#b2a2be;border-top:1px solid #e9e2ed;justify-content:space-between;align-items:center;margin-top:35px;padding:20px 0;font-size:8px;display:flex}.app-footer>span:first-child{letter-spacing:-.4px;font-size:10px;font-weight:700}.filter-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.segmented{background:#f5f2f9;border-radius:8px;gap:3px;padding:4px;display:flex}.segmented button{color:#9787a6;border-radius:5px;min-height:35px;padding:7px 14px;font-size:11px}.segmented button.selected{color:var(--purple);background:#fff;font-weight:600;box-shadow:0 1px 4px #33224410}.filter-controls{gap:11px;display:flex}.filter-controls select{color:#9684a8;background:#fff;border:1px solid #e8e0ed;border-radius:7px;max-width:180px;min-height:38px;padding:10px;font-size:10px}.search-field{color:#ab9bb9;background:#fff;border:1px solid #e8e0ed;border-radius:7px;align-items:center;gap:9px;padding:8px 11px;display:flex}.search-field input{width:125px;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.search-field:focus-within{outline-offset:2px;outline:2px solid #9a87ed}.search-field input:focus-visible{outline:0}.full-panel .task-row{padding-block:22px}.full-panel .task-content strong{font-size:14px}.full-panel .task-content .subject-label{font-size:9px}.full-panel .task-meta,.full-panel .task-due{font-size:10px}.empty-state{text-align:center;color:#b0a2bc;padding:55px 24px}.empty-state>svg{color:#a0b9a8;margin-bottom:18px}.empty-state h3{letter-spacing:-.4px;color:#786786;font-size:18px}.empty-state p{margin-top:10px;font-size:12px}.exam-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.exam-card{padding:27px}.exam-card-top{color:#bfaacf;justify-content:space-between;align-items:center;display:flex}.exam-card h2{letter-spacing:-.7px;margin-top:23px;font-size:22px}.exam-card p{color:#92809f;min-height:75px;margin-top:13px;font-size:13px;line-height:1.85}.exam-card-date{color:#a189b3;align-items:center;gap:9px;margin-top:20px;font-size:11px;display:flex}.exam-card-countdown{border-bottom:1px solid #eee7f2;align-items:center;gap:15px;padding:24px 0;display:flex}.exam-card-countdown strong{font-size:50px;font-family:var(--heading);color:#8f71ae;font-weight:500;line-height:1}.exam-card-countdown span{color:#a18caf;font-size:11px}.exam-card>.text-link{color:var(--purple);white-space:normal;margin-top:23px;font-size:11px}.info-card{background:#f0edf7;border:1px solid #e5ddee;border-radius:12px;align-items:center;gap:20px;margin-top:24px;padding:25px;display:flex}.info-card>svg{color:#ac92bc;flex-shrink:0}.info-card h3{font-size:14px}.info-card p{color:#9984ab;margin-top:7px;font-size:11px}.info-card>.button{white-space:nowrap;margin-left:auto;font-size:10px}.calendar-layout{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.calendar-controls{align-items:center;gap:3px;display:flex}.calendar-controls .text-link{padding-inline:7px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:5px;padding:0 20px 20px;display:grid}.calendar-weekday{color:#b5a0c3;text-align:center;padding-bottom:13px;font-size:10px}.calendar-day{color:#9c83b0;border:1px solid #eee6f3;border-radius:8px;flex-direction:column;align-items:flex-start;gap:9px;height:70px;padding:9px;font-size:11px;display:flex}.calendar-day:hover{background:#f7f2fc}.calendar-day.is-today{background:#faf6ff;border-color:#b59bd0}.calendar-day.is-selected{color:#fff;background:#8a71ab;border-color:#8a71ab}.day-event-count{color:#8b71ad;white-space:nowrap;background:#eee4fa;border-radius:3px;padding:2px 4px;font-size:7px}.calendar-legend{color:#a28bb4;justify-content:space-between;align-items:center;gap:12px;padding:0 21px 20px;font-size:9px;display:flex}.calendar-legend>span{align-items:center;gap:5px;display:flex}.calendar-legend i{background:#9d7fb8;border-radius:50%;width:5px;height:5px}.calendar-legend .text-link{white-space:normal;font-size:8px}.agenda-panel{padding-bottom:10px}.agenda-event{border-bottom:1px solid #f0e9f4;gap:11px;margin:0 22px;padding:18px 0;display:flex}.agenda-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.agenda-dot.purple{background:#9c7cc0}.agenda-dot.orange{background:#ccaa7f}.agenda-dot.green{background:#89b098}.agenda-dot.blue{background:#8ea9cf}.agenda-dot.pink{background:#c891ae}.agenda-event>div{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.agenda-event small{color:#b39cc2;font-size:8px}.agenda-event strong{font-size:11px;font-weight:550;line-height:1.5}.notes-toolbar{justify-content:flex-end;margin-bottom:22px;display:flex}.notes-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.note-card{padding:25px}.note-card-top{color:#b69bc5;justify-content:space-between;align-items:center;display:flex}.note-open{text-align:left;width:100%;padding:0;display:block}.note-card h2{letter-spacing:-.5px;margin:23px 0 14px;font-size:19px}.note-card p{white-space:pre-wrap;color:#9e87af;-webkit-line-clamp:7;-webkit-box-orient:vertical;min-height:160px;font-size:12px;line-height:1.9;display:-webkit-box;overflow:hidden}.note-open>span{color:#a285b6;align-items:center;gap:5px;margin-top:20px;font-size:9px;display:flex}.note-card>small{color:#b7a0c4;border-top:1px solid #f0e8f5;margin-top:18px;padding-top:12px;font-size:8px;display:block}.settings-panel{max-width:750px;padding:0 30px}.settings-section{border-bottom:1px solid #eee6f3;padding:30px 0}.settings-section:last-child{border-bottom:0}.settings-section h2{letter-spacing:-.5px;font-size:20px}.settings-section p{color:#94809f;margin:13px 0 22px;font-size:13px;line-height:1.9}.settings-section label{color:#a08aaf;margin-bottom:8px;font-size:12px;display:block}.settings-section select{color:#8a719b;background:#fff;border:1px solid #e1d5e9;border-radius:7px;width:100%;max-width:360px;padding:11px;font-size:12px;display:block}.settings-section .button{font-size:11px}.app-dialog{width:calc(100% - 32px);max-width:570px;color:var(--text);background:#fff;border:1px solid #e8deef;border-radius:17px;max-height:90dvh;padding:26px 30px;overflow:auto;box-shadow:0 24px 100px #30213733}.app-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26202f66}.dialog-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.dialog-header .eyebrow{font-size:8px}.app-dialog h2{letter-spacing:-.8px;margin:12px 0 18px;font-size:25px;font-weight:600;line-height:1.35}.app-dialog label{color:#897398;margin:17px 0 7px;font-size:11px;font-weight:600;display:block}.app-dialog input,.app-dialog select,.app-dialog textarea{color:#6f5b7d;background:#fcfafd;border:1px solid #e4d9ec;border-radius:8px;width:100%;padding:11px 12px;font-size:12px;line-height:1.6}.app-dialog textarea{resize:vertical}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:26px;display:flex}.dialog-actions .button{min-height:43px;padding:11px 15px;font-size:11px}.dialog-actions .button-danger{margin-right:auto}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.app-dialog p{color:#8b749b;font-size:13px;line-height:1.9}.form-hint{background:#f5effa;border-radius:6px;padding:10px;font-size:10px!important}.task-detail h3{letter-spacing:-.2px;margin:25px 0 10px;font-size:13px}.detail-meta{color:#a48ab8;border-bottom:1px solid #f0e7f6;align-items:center;gap:22px;padding-bottom:19px;font-size:11px;display:flex}.detail-meta span{align-items:center;gap:6px;display:flex}.detail-teacher{background:#f7f2fa;border-radius:8px;align-items:center;gap:10px;margin:25px 0;padding:13px;display:flex}.detail-teacher small{color:#b59bc4;font-size:8px;display:block}.detail-teacher strong{color:#897199;font-size:11px;font-weight:550;display:block}.task-detail>.button{width:100%;font-size:12px}.toast{color:#fff;z-index:80;opacity:0;pointer-events:none;background:#332b40;border-radius:10px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 30px);padding:14px 22px;font-size:12px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:25px;left:calc(50% + 122px);transform:translate(-50%,20px);box-shadow:0 8px 30px #35233c25}.toast.visible{opacity:1;transform:translate(-50%)}.toast svg{color:#a7c9b3;flex-shrink:0}.app-loading{flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100vh;display:flex}.app-loading p{color:#a68ab8;font-size:12px}.loading-ring{border:2px solid #ece4f5;border-top-color:var(--purple);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;padding:10px;position:fixed;top:10px;left:260px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.close-sidebar,.mobile-menu-button,.mobile-bottom-nav,.sidebar-backdrop{display:none}.app-shell{--muted:#716579}.app-page-heading p,.panel-heading p,.task-meta,.panel-footnote,.stat-caption,.stat-card>div>span,.stat-card strong small,.demo-notice,.focus-card p,.quick-note>p,.app-encouragement,.app-footer,.sidebar-profile small,.workspace-card small,.sidebar-tip p,.nav-item,.breadcrumb,.demo-pill{color:#756780}.task-content strong{font-size:14px}.task-row .subject-label{font-size:10px}.task-meta,.task-due{font-size:11px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:12px}.panel-heading .text-link,.panel-footnote{font-size:11px}.app-page-heading p{font-size:14px}.stat-card>div>span{font-size:12px}.stat-caption{font-size:11px}.stat-card strong small{font-size:12px}.demo-notice{font-size:11px}.demo-notice>button{font-size:10px}.focus-card p,.quick-note>p{font-size:12px}.quick-note>button,.focus-card .button{color:#745a8a;font-size:11px}.focus-card .eyebrow{color:#79618f}.sidebar-tip p{font-size:11px}.nav-item{font-size:13px}.sidebar-profile strong{font-size:11px}.sidebar-profile small{font-size:10px}.workspace-card strong{font-size:12px}.workspace-card small{font-size:10px}.sidebar-label{color:#81718d}.app-page-heading .eyebrow{color:#80718a;font-size:10px}.app-page-heading>.button{font-size:12px}.task-due.urgent{color:#8a5d25}.list-section-label{color:#82708f;font-size:9px}.list-section-label>span,.app-footer{font-size:10px}.task-row{padding-block:19px}.app-encouragement{font-size:12px}.exam-card p,.info-card p,.note-card p,.settings-section p,.app-dialog p{color:#74617f}.filter-controls select,.search-field input{color:#74617f;font-size:12px}.search-field input::placeholder{color:#84728f}.agenda-event small,.note-card>small{color:#7e648f;font-size:11px}.agenda-event strong{font-size:13px}.agenda-event .subject-label{font-size:10px}.calendar-weekday,.calendar-day{color:#766080;font-size:12px}.day-event-count{color:#6e4b92;font-size:9px}.calendar-legend{color:#79618b;font-size:11px}.calendar-legend .text-link{font-size:10px}.calendar-day.is-selected{color:#fff}.note-open>span{color:#79528e;font-size:11px}.note-card p{font-size:14px}.settings-section label,.settings-section select{color:#755e83;font-size:13px}.app-dialog input,.app-dialog select,.app-dialog textarea,.app-dialog label{color:#685176;font-size:14px}.app-dialog input::placeholder,.app-dialog textarea::placeholder{color:#877292}.detail-meta,.detail-teacher strong{color:#775587}.detail-teacher small{color:#816390;font-size:10px}.detail-teacher strong{font-size:13px}.calendar-day{height:78px}.site-nav a,.hero-description,.section-heading>p,.feature-card>p,.steps p,.faq-items details p{color:#766e7b}.hero-description{font-size:16px}.feature-card>p,.steps p,.faq-items details p{font-size:14px}.hero-reassurance{color:#827988;font-size:11px}.hero-note{font-size:11px}.section-heading>p{font-size:14px}.faq-items summary{font-size:15px}.site-footer{color:#827589}.hero-actions .text-link{font-size:12px}@media (min-width:1600px){.app-main{padding-top:35px}.app-page-heading{margin-top:45px}.app-stats{margin-bottom:30px}.task-row{padding-block:25px}.focus-card{padding:28px}.focus-card h2{font-size:21px}.focus-orbit{margin-block:30px}.dashboard-grid{grid-template-columns:1.85fr 1fr}}@media (max-width:1200px){.site-container{width:calc(100% - 64px)}.hero{gap:25px;min-height:650px}.hero h1{letter-spacing:-2.5px;font-size:48px}.hero-actions{flex-wrap:wrap;gap:16px}.preview-main{padding:17px}.preview-greeting h3{font-size:17px}.preview-sidebar{width:46px}.preview-stats strong{font-size:19px}.preview-stats>div{padding:8px}.trust-strip>span{padding-right:20px}.trust-strip>div{gap:8px;font-size:10px}.app-sidebar{width:220px;padding-inline:14px}.app-body{margin-left:220px}.app-main,.app-topbar{padding-inline:28px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);gap:18px}.stat-card{gap:10px;padding:16px}.task-row{gap:10px;padding-inline:17px}.task-content strong{font-size:12px}.task-meta,.task-due{font-size:10px}.task-open{display:none}.toast{left:calc(50% + 110px)}.calendar-layout{grid-template-columns:1fr}.agenda-panel{display:block}.calendar-day{height:80px}.calendar-grid{gap:8px}}@media (max-width:960px){.site-nav{gap:18px;font-size:11px}.hero{text-align:center;grid-template-columns:minmax(0,1fr);gap:35px;padding-block:60px 90px}.hero h1{letter-spacing:-3px;font-size:60px}.hero-actions,.hero-reassurance,.hero-note{justify-content:center}.hero-note{display:none}.hero-visual{width:590px;min-width:0;max-width:100%;margin:auto}.hero-copy{min-width:0;max-width:100%}.preview-main{text-align:left;padding:25px}.preview-greeting h3{font-size:22px}.preview-sidebar{width:58px}.preview-stats strong{font-size:25px}.preview-task strong{font-size:11px}.preview-task small{font-size:9px}.preview-task .subject-label{font-size:8px}.preview-exam strong{font-size:10px}.preview-exam p{font-size:9px}.trust-strip{flex-wrap:wrap;justify-content:center;gap:25px}.trust-strip>span{text-align:center;border-right:0;width:100%;padding:0;font-size:12px}.section-heading{align-items:flex-start}.section-heading h2{font-size:33px}.section-heading>p{max-width:270px}.faq-section{grid-template-columns:1fr 1.4fr;gap:40px}.decoration-left{font-size:100px;left:20px}.decoration-right{font-size:80px;right:20px}.app-stats{gap:12px}.stat-card{gap:8px;padding:15px}.stat-card .mini-icon{width:30px;height:30px}.stat-card strong{font-size:26px}.stat-card>div>span,.stat-caption{font-size:10px}.dashboard-grid{grid-template-columns:1fr}.dashboard-right{grid-template-columns:1fr 1fr;display:grid}.focus-card{padding:22px}.focus-orbit{width:45px;height:45px;margin:15px 0}.focus-orbit svg{width:25px}.quick-note{align-self:stretch}.quick-note>p{line-height:2}.quick-note .panel-heading{padding-top:30px}.quick-note>button{margin-top:30px}.app-page-heading h1{font-size:26px}.demo-notice>button{display:none}.exam-grid{grid-template-columns:1fr}.exam-card p{min-height:0}.notes-grid{grid-template-columns:1fr}.info-card{flex-wrap:wrap;align-items:flex-start}.info-card>.button{margin-left:42px}.filter-toolbar{flex-direction:column;align-items:flex-start;gap:15px}.filter-controls{width:100%}.search-field{flex:1}.search-field input{width:100%}}@media (max-width:760px){.site-container{width:calc(100% - 40px)}.site-header{height:77px}.site-nav{display:none}.brand{font-size:19px}.brand-mark{width:32px;height:34px}.header-cta{min-height:40px;padding:10px 13px;font-size:11px}.hero{padding-block:50px 80px}.hero h1{letter-spacing:-2.7px;margin:23px 0;font-size:49px}.hero-description{font-size:14px}.hero-badge{letter-spacing:1.3px;font-size:8px}.hero-actions{flex-direction:column;gap:18px;margin-top:25px}.hero-reassurance{gap:15px;font-size:9px}.hero-visual{padding-inline:0;overflow:clip}.hero-visual .visual-orbit{display:none}.hero h1{overflow-wrap:normal;font-size:clamp(35px,11.5vw,49px)}.preview-main{min-width:0}.hero-reassurance{flex-wrap:wrap}.product-preview{transform:rotate(-1.5deg)}.preview-main{padding:15px}.preview-sidebar{gap:23px;width:39px}.mini-brand{font-size:12px}.mini-brand svg{width:13px}.preview-sidebar>svg{width:16px}.preview-sidebar>svg:first-of-type{padding:6px}.preview-top{font-size:6px}.preview-greeting{margin-top:15px}.preview-greeting h3{letter-spacing:-.6px;font-size:17px}.preview-greeting p{font-size:8px}.preview-avatar{border-radius:9px;width:28px;height:28px;font-size:12px}.preview-stats{gap:6px;margin-top:17px}.preview-stats>div{padding:8px}.preview-stats strong{font-size:20px}.preview-stats>div>span:last-child{font-size:6px;line-height:1.5;display:block}.preview-task strong{font-size:8px}.preview-task small{font-size:6px}.preview-task{gap:9px;padding:10px 0}.preview-task .subject-label{font-size:6px}.preview-time{font-size:7px}.preview-list-title{margin-top:17px}.preview-list-title h4{font-size:10px}.preview-exam strong{font-size:8px}.preview-exam p{font-size:6px}.preview-exam{padding:8px}.preview-exam>svg{width:13px}.floating-label{padding:7px 10px;font-size:8px}.top-label{top:13px;right:5px}.bottom-label{bottom:0;left:0}.bottom-label strong{font-size:9px}.bottom-label small{font-size:7px}.visual-caption{letter-spacing:1px;font-size:6px;bottom:-28px}.trust-strip{gap:20px;padding-block:24px}.trust-strip>div{justify-content:center;width:calc(50% - 10px);font-size:10px}.trust-strip svg{width:18px}.features-section{padding-block:65px}.section-heading{flex-direction:column;gap:20px;margin-bottom:27px}.section-heading h2,.faq-section h2{letter-spacing:-1.5px;font-size:33px}.section-heading>p{max-width:none;font-size:13px}.section-heading>p br{display:none}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{min-height:215px;padding:25px}.feature-card h3{font-size:19px}.feature-card>p{font-size:13px}.feature-large{min-height:350px}.feature-exams{min-height:310px}.feature-task>.subject-label{display:none}.feature-index{font-size:8px}.how-section{padding-block:55px}.how-section .section-heading h2{font-size:30px}.steps{grid-template-columns:1fr;gap:26px;margin-top:35px}.steps article{grid-template-columns:45px 1fr;gap:0 14px;display:grid}.steps article>span{grid-row:1/3;margin-bottom:0;font-size:29px}.steps h3{font-size:16px}.steps p{max-width:none;font-size:13px}.faq-section{grid-template-columns:1fr;gap:30px;padding-block:65px}.faq-items summary{font-size:14px}.faq-items details p{font-size:13px}.final-cta{padding:42px 15px}.final-cta h2{letter-spacing:-1.6px;font-size:38px}.final-cta .hero-badge{font-size:7px}.cta-decoration{display:none}.site-footer{text-align:center;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:15px;padding-block:27px}.site-footer>span:nth-child(2){width:100%}.site-footer>span:last-child{font-size:9px}.app-sidebar{visibility:hidden;width:250px;padding-top:22px;transition:transform .2s;transform:translate(-100%)}.app-sidebar.mobile-open{visibility:visible;transform:translate(0)}.sidebar-brand{justify-content:space-between;align-items:center;display:flex}.close-sidebar,.mobile-menu-button{display:inline-flex}.sidebar-backdrop{z-index:25;background:#2c1c3b55;display:block;position:fixed;inset:0}.app-body{margin-left:0}.app-topbar{height:64px;padding-inline:16px}.breadcrumb{gap:8px;font-size:9px}.topbar-right{gap:9px!important}.demo-pill{padding:4px 7px;font-size:8px}.small-avatar{width:27px;height:27px;font-size:8px}.app-main{padding:20px 19px 85px}.demo-notice{padding:10px 12px;font-size:10px;line-height:1.7}.demo-notice>svg{width:14px}.app-page-heading{align-items:flex-start;gap:12px;margin:25px 0 24px}.app-page-heading h1{letter-spacing:-.8px;font-size:24px;line-height:1.35}.app-page-heading .eyebrow{letter-spacing:1px;font-size:8px}.app-page-heading p{margin-top:7px;font-size:12px}.app-page-heading>.button{border-radius:10px;gap:0;min-width:39px;min-height:39px;margin-top:20px;padding:10px;font-size:0}.app-page-heading>.button svg{width:19px;height:19px}.app-stats{gap:8px;margin-bottom:19px}.stat-card{border-radius:10px;gap:9px;padding:12px 10px}.stat-card>.mini-icon{border-radius:8px;width:29px;height:29px}.stat-card .mini-icon svg{width:17px}.stat-card>div{width:100%}.stat-card>div>span{font-size:9px;line-height:1.6}.stat-card strong{gap:5px;font-size:25px}.stat-card strong small{font-size:9px}.stat-caption{padding-top:3px;font-size:8px;line-height:1.6}.stat-progress{margin-top:3px;width:100%!important}.dashboard-grid{gap:17px}.panel-heading{padding:18px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:11px}.panel-heading .text-link{font-size:10px}.list-section-label{padding-inline:18px;font-size:8px}.task-row{gap:11px;padding:17px 18px}.task-content strong{font-size:12px;line-height:1.5}.task-meta{flex-wrap:wrap;gap:4px;font-size:9px}.task-row .subject-label,.task-due{font-size:9px}.task-due.urgent{padding:3px 5px}.task-checkbox{border-radius:6px;width:21px;height:21px}.panel-footnote{padding:15px 18px;font-size:10px;line-height:1.6}.dashboard-right{grid-template-columns:1fr;gap:14px}.focus-card{grid-template-columns:1fr 60px;gap:0 15px;padding:21px;display:grid}.focus-card .eyebrow{grid-column:1}.focus-orbit{grid-area:1/2/4;width:56px;height:56px;margin:8px 0}.focus-card h2{margin-top:12px;font-size:18px}.focus-card p{margin-top:9px;font-size:12px}.focus-card .button{grid-column:1/3;margin-top:19px;font-size:12px}.quick-note .panel-heading{padding-top:20px}.quick-note .panel-heading h2{font-size:14px}.quick-note>p{padding-inline:18px;font-size:12px}.quick-note>button{width:calc(100% - 36px);margin:17px 18px 20px;font-size:12px}.app-encouragement{text-align:center;margin:20px 0 25px;font-size:10px}.app-footer{margin-top:25px;font-size:8px}.app-footer>span:first-child{font-size:9px}.mobile-bottom-nav{z-index:20;padding:9px 12px max(9px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #ece5f1;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav button{color:#9e86af;flex-direction:column;align-items:center;gap:4px;min-width:55px;min-height:43px;font-size:9px;display:flex}.mobile-bottom-nav button.active{color:var(--purple);font-weight:650}.mobile-bottom-nav button.active svg{box-sizing:content-box;background:#f0eafa;border-radius:8px;margin:-5px;padding:5px}.toast{padding:12px 17px;font-size:11px;bottom:85px;left:50%}.skip-link{left:15px}.filter-toolbar{padding:17px}.filter-controls{gap:8px}.filter-controls select{max-width:145px;padding:9px 7px;font-size:11px}.search-field{padding:8px}.search-field input{min-width:0;font-size:11px}.full-panel .task-row{padding-block:19px}.full-panel .task-content strong{font-size:12px}.full-panel .task-meta,.full-panel .task-due{font-size:9px}.calendar-grid{gap:4px;padding:0 12px 15px}.calendar-weekday{font-size:10px}.calendar-day{gap:8px;height:61px;padding:7px 5px;font-size:11px}.day-event-count{padding:1px 4px;font-size:8px}.event-word{display:none}.calendar-legend{padding:0 15px 17px;font-size:9px}.calendar-legend .text-link{font-size:9px}.calendar-panel .panel-heading{padding-inline:16px}.calendar-controls .icon-button{width:29px}.agenda-event{margin-inline:18px;padding-block:17px}.agenda-event strong{font-size:13px}.agenda-event small{font-size:10px}.exam-card{padding:22px}.exam-card h2{font-size:21px}.exam-card p{font-size:13px}.info-card{gap:13px;padding:20px}.info-card p{font-size:12px}.info-card>div{flex:1}.info-card>.button{white-space:normal;margin-left:35px}.note-card{padding:22px}.note-card h2{font-size:21px}.note-card p{font-size:14px}.settings-panel{padding-inline:22px}.settings-section{padding-block:26px}.settings-section h2{font-size:19px}.settings-section p{font-size:13px}.app-dialog{border-radius:13px;width:calc(100% - 24px);max-height:88dvh;padding:20px}.app-dialog h2{font-size:23px}.dialog-header .eyebrow{font-size:7px}.app-dialog input,.app-dialog select,.app-dialog textarea{font-size:16px}.app-dialog label{font-size:12px}.form-grid{gap:12px}.dialog-actions{gap:8px}.dialog-actions .button{padding:11px 12px;font-size:10px}.detail-meta{gap:16px;font-size:11px}.task-detail .button{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.button:hover{transform:none}}.learning-story{grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;padding-bottom:100px;display:grid}.learning-story-art{aspect-ratio:1.4;border:1px solid #e8e0dc;border-radius:18px;position:relative;overflow:hidden}.learning-story-art img{object-fit:cover;width:100%;height:100%;display:block}.art-caption{letter-spacing:1.5px;color:#776a74;background:#fffcf6cf;border-radius:4px;padding:7px 10px;font-size:8px;position:absolute;bottom:18px;left:22px}.learning-story-copy h2{letter-spacing:-1.6px;margin:18px 0 23px;font-size:38px;font-weight:650;line-height:1.22}.learning-story-copy p{color:#827787;max-width:360px;margin-top:14px;font-size:14px;line-height:1.9}.learning-story-copy .text-link{color:var(--purple);margin-top:25px}@media (max-width:960px){.learning-story{gap:30px}.learning-story-copy h2{font-size:31px}.learning-story-copy p{font-size:13px}}@media (max-width:760px){.learning-story{grid-template-columns:1fr;gap:28px;padding-bottom:60px}.learning-story-art{aspect-ratio:1.45}.learning-story-copy h2{font-size:33px}.learning-story-copy p{max-width:none;font-size:14px}.art-caption{font-size:7px;bottom:13px;left:15px}}.icon-button{min-width:44px;min-height:44px}.task-open{min-width:32px}.calendar-controls .icon-button{min-width:40px}.mobile-bottom-nav button{min-height:44px}.subject-label.purple{color:#5e43ac}.subject-label.blue{color:#315e96}.subject-label.orange{color:#8d541f}.subject-label.green{color:#386f53}.subject-label.pink{color:#914766}.toast-undo{color:#ddd2ff;min-height:34px;padding:4px 8px;font-size:11px;font-weight:600;text-decoration:underline}.toast.visible{pointer-events:auto}.login-shell{background:#faf9fe;grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-story{color:#2c2440;background:#ede8f8;flex-direction:column;justify-content:space-between;padding:48px 64px;display:flex}.login-story h1{letter-spacing:-3px;margin:24px 0;font-size:clamp(40px,4.5vw,66px);line-height:1.15}.login-story h1 em{color:#6c50cd;font-style:normal}.login-story p{max-width:390px;font-size:18px;line-height:1.8}.login-orbit{color:#7558d0;background:radial-gradient(#fff9 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:24px;height:230px;margin:40px 0;display:flex}.login-story small{font-size:12px}.login-main{flex-direction:column;justify-content:center;padding:40px 56px;display:flex}.login-main>a{margin-bottom:38px}.login-card{width:100%;max-width:460px;margin:auto}.login-card h2{letter-spacing:-1.5px;margin:15px 0;font-size:36px}.login-card>p{color:#777084;margin-bottom:30px}.role-tabs,.hub-tabs{background:#f2eef8;border:1px solid #e8e3ef;border-radius:14px;gap:6px;margin:22px 0;padding:6px;display:flex}.role-tabs button,.hub-tabs button{color:#6c637e;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:600;display:flex}.role-tabs button.selected,.hub-tabs button.selected{color:#664ac6;background:#fff;box-shadow:0 3px 10px #40305d0b}.login-card form{flex-direction:column;gap:11px;display:flex}.login-card label,.hub-form label,.chat-composer label{color:#50475e;font-size:13px;font-weight:600}.login-card input,.hub-form input,.hub-form select,.hub-form textarea,.chat-composer textarea{width:100%;font:inherit;color:#302839;background:#fff;border:1px solid #e4dfec;border-radius:11px;min-height:48px;padding:14px}.password-field{position:relative}.password-field input{padding-right:55px}.password-field button{color:#766c85;cursor:pointer;background:0 0;border:0;width:44px;height:44px;position:absolute;top:3px;right:5px}.login-submit{justify-content:center;width:100%;margin-top:14px}.login-demo-info{color:#645477;background:#eee9f7;border-radius:14px;margin-top:28px;padding:20px}.login-demo-info p{font-size:13px;line-height:1.7}.login-demo-info small{font-size:12px;line-height:1.7;display:block}.form-error{color:#a62e4b;font-size:13px;line-height:1.6}.hub-panel{padding:28px}.hub-panel h2,.chat-header h2{letter-spacing:-.5px;margin:0 0 8px;font-size:20px}.hub-panel>p,.hub-heading p{color:#797083;font-size:13px;line-height:1.7}.hub-stats{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.hub-stats .stat-card{flex-direction:column;gap:12px;display:flex}.hub-stats strong{font-size:34px}.hub-stats svg{color:#7758cc}.hub-stats span{color:#736b7f;font-size:13px}.hub-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.hub-search{background:#faf8fd;border:1px solid #e8e3ef;border-radius:10px;align-items:center;gap:12px;margin:22px 0;padding:10px 14px;display:flex}.hub-search input{width:100%;font:inherit;background:0 0;border:0;min-height:26px}.profile-row{border-bottom:1px solid #eeeaf3;align-items:center;gap:16px;padding:22px 0;display:flex}.profile-row>div:first-of-type{flex:1;min-width:0}.profile-row strong{font-size:14px;display:block}.profile-row small,.profile-row span:not(.avatar){color:#7c7287;overflow-wrap:anywhere;margin-top:6px;font-size:12px;display:block}.profile-row p{color:#72687c;font-size:13px;line-height:1.6}.hub-actions{flex-wrap:wrap;gap:8px;display:flex}.hub-form{background:#f7f4fc;border-radius:16px;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;padding:24px;display:grid}.hub-form h3,.hub-form .hub-actions,.hub-form>small{grid-column:1/-1}.hub-form label{flex-direction:column;gap:8px;display:flex}.hub-form textarea{resize:vertical;min-height:90px}.hub-form small{color:#756b83;font-size:12px;line-height:1.7}.hub-empty{text-align:center;color:#877890;background:#faf8fd;border-radius:15px;flex-direction:column;align-items:center;gap:12px;margin-top:24px;padding:48px 18px;display:flex}.hub-empty strong{color:#4d435b}.hub-count{color:#7452c5;background:#eee8fb;border-radius:8px;padding:4px 8px;font-size:13px}.review-item{border:1px solid #ebe5f2;border-radius:12px;margin:16px 0;padding:20px}.review-item p{overflow-wrap:anywhere;font-size:14px;line-height:1.7}.hub-notice{color:#3b6c56;background:#eaf4ef;border-radius:10px;padding:13px 18px;font-size:13px}.audit-row{border-bottom:1px solid #eee9f4;padding:15px}.hub-disclosure{color:#877c94;margin:22px 0;font-size:12px;line-height:1.8}.chat-panel{margin-bottom:24px;overflow:hidden}.chat-header{border-bottom:1px solid #eeeaf4;align-items:center;gap:14px;padding:24px;display:flex}.chat-header>div{flex:1}.chat-header p{color:#83758f;margin:0;font-size:12px}.chat-guidelines{color:#7a668f;background:#f6f3fc;align-items:center;gap:12px;padding:12px 24px;display:flex}.chat-guidelines p{margin:0;font-size:12px;line-height:1.7}.chat-guidelines svg{flex-shrink:0}.chat-messages{flex-direction:column;gap:22px;max-height:530px;padding:28px;display:flex;overflow-y:auto}.chat-message{background:#f6f4f9;border-radius:0 16px 16px;align-self:flex-start;max-width:85%;padding:17px 20px}.staff-message{background:#eee8fa}.chat-message>div:first-child{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.chat-message strong{font-size:13px}.chat-message span{color:#8a7c98;font-size:11px}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75}.message-actions{gap:16px;display:flex}.message-actions button{color:#7b6a90;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;min-height:32px;font-size:11px;display:flex}.chat-composer{border-top:1px solid #eeeaf3;padding:22px 28px}.chat-composer>div{align-items:flex-end;gap:12px;margin:10px 0;display:flex}.chat-composer textarea{resize:vertical;min-height:80px}.chat-composer small{color:#887b93;font-size:11px}.school-hub button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-story{min-height:260px;padding:28px}.login-story h1{letter-spacing:-1.5px;font-size:38px}.login-story .login-orbit,.login-story small,.login-story p{display:none}.login-main{padding:28px 22px}.login-card h2{font-size:30px}.hub-tabs{overflow-x:auto}.hub-tabs button{white-space:nowrap;padding:10px 14px}.profile-row{flex-wrap:wrap}.profile-row .hub-actions{width:100%;margin-left:0}.hub-heading{flex-direction:column;align-items:flex-start}.hub-panel{padding:20px}.chat-message{max-width:100%}.chat-composer>div{flex-direction:column;align-items:stretch}.chat-composer button{justify-content:center}.chat-header{flex-wrap:wrap}.hub-form{grid-template-columns:1fr}.hub-stats{gap:8px}.hub-stats .stat-card{padding:16px}.hub-stats strong{font-size:26px}}@media (max-width:600px){.hub-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.hub-tabs button{white-space:normal;padding:10px 8px;font-size:12px}.role-tabs button{gap:5px;min-width:0;font-size:12px}.role-tabs svg{flex-shrink:0;width:17px}.profile-row .hub-actions button{flex:1}.chat-header,.chat-messages,.chat-composer{padding:18px}.chat-guidelines{padding:12px 18px}.hub-search,.hub-search input{min-width:0}.app-page-heading h1{overflow-wrap:anywhere}.hub-stats span{font-size:11px}.login-card input,.hub-form input,.hub-form textarea,.chat-composer textarea{font-size:16px}}.exam-overview{margin:26px 0}.exam-overview-heading{justify-content:space-between;align-items:center;gap:18px;margin:0 0 20px;display:flex}.exam-overview-heading h2{letter-spacing:-.7px;margin:8px 0;font-size:24px}.exam-overview-heading p{color:#756a84;margin:0;font-size:13px}.exam-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.work-card{border-top:3px solid #d7cbf1;flex-direction:column;gap:14px;min-width:0;padding:24px;display:flex}.work-card-top{color:#806693;justify-content:space-between;align-items:center;display:flex}.work-card h3{letter-spacing:-.4px;margin:0;font-size:18px;line-height:1.4}.work-card>p{color:#776c83;flex:1;margin:0;font-size:13px;line-height:1.7}.work-card.urgency-urgent{border-top-color:#d77c43}.work-card.urgency-soon{border-top-color:#bb9345}.work-card.urgency-past{border-top-color:#9bb7ab}.work-date{color:#72617e;align-items:center;gap:7px;font-size:12px;display:flex}.urgency-badge{color:#63499b;background:#eee8f8;border-radius:9px;align-self:flex-start;padding:8px 11px;font-size:11px;font-weight:600;line-height:1.6;display:inline-flex}.urgency-badge.urgent{color:#944422;background:#ffeddd}.urgency-badge.soon{color:#856326;background:#fbf2dd}.urgency-badge.past{color:#4e6e5e;background:#edf3ef}.work-goals{color:#7b6b89;border-top:1px solid #ece6f2;flex-direction:column;gap:10px;padding-top:12px;font-size:12px;display:flex}.work-goals>span{align-items:center;gap:6px;display:flex}.work-goals strong{color:#554166;margin-left:4px}.exam-alert{color:#8b492d;background:#fff1e6;border:1px solid #f0d9c9;border-radius:16px;align-items:center;gap:16px;margin:20px 0;padding:20px 24px;display:flex}.exam-alert>svg{flex-shrink:0}.exam-alert>div{flex:1}.exam-alert strong{font-size:14px;line-height:1.7;display:block}.exam-alert p{margin:4px 0 0;font-size:12px;line-height:1.7}.grade-summary{color:#527462;background:#eef4f0;border-radius:13px;align-items:center;gap:13px;margin-top:18px;padding:18px 22px;display:flex}.grade-summary>div{flex:1}.grade-summary strong{font-size:13px}.grade-summary p{margin:5px 0 0;font-size:12px}.grade-planner{margin-top:24px;padding:28px}.grade-planner h3{margin:14px 0 10px;font-size:21px}.grade-planner p{color:#7a6b88;font-size:13px;line-height:1.7}.grade-planner small{color:#81728e;font-size:12px;line-height:1.8;display:block}.grade-calculator-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.grade-calculator-fields label,.result-dialog label,.learning-materials label{color:#5e4c71;flex-direction:column;gap:9px;font-size:13px;font-weight:600;display:flex}.grade-calculator-fields input,.grade-calculator-fields select,.result-dialog input,.result-dialog select,.result-dialog textarea,.learning-materials input,.learning-materials select,.learning-materials textarea{font:inherit;color:#42354d;background:#fff;border:1px solid #e4ddea;border-radius:10px;width:100%;min-width:0;min-height:46px;padding:12px}.grade-calculation{background:#f2edf9;border-radius:13px;margin-bottom:18px;padding:20px}.grade-calculation strong{color:#6348a0;font-size:16px;line-height:1.7}.result-dialog{color:#413348;border:0;border-radius:22px;width:min(530px,100% - 32px);max-height:calc(100dvh - 40px);padding:28px;overflow:auto;box-shadow:0 25px 90px #2c1c5033}.result-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#30234466}.result-dialog form{flex-direction:column;gap:18px;display:flex}.result-dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.result-dialog-heading h2{letter-spacing:-.7px;margin:10px 0;font-size:24px;line-height:1.5}.result-dialog textarea{resize:vertical;min-height:100px}.teacher-grade{background:#edf4f0;border-radius:13px;padding:18px;font-size:13px;line-height:1.8}.teacher-grade small{color:#637669;display:block}.calendar-day.work-urgent:not(.is-selected){color:#8e4129;background:#fff0e5;border:1px solid #deb094}.calendar-day.work-soon:not(.is-selected){color:#795b22;background:#fcf3df;border:1px solid #dbc794}.calendar-day.work-calm:not(.is-selected){color:#694895;background:#eee8f9;border:1px solid #cfc0e9}.work-day-label{font-weight:600;display:block;font-size:10px!important}.agenda-work-alert.urgent{color:#995230}.agenda-work-alert.soon{color:#886529}.material-upload,.materials-panel{margin-bottom:24px;padding:28px}.material-upload h2,.materials-panel h2{letter-spacing:-.5px;font-size:22px}.material-upload p,.materials-panel p{color:#7b6c86;font-size:13px;line-height:1.8}.material-upload form{flex-direction:column;gap:18px;display:flex}.material-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.material-upload textarea{resize:vertical;min-height:90px}.material-upload form>button{align-self:flex-start}.material-upload small{color:#807189;font-size:12px;line-height:1.8}.material-list{margin-top:24px}.material-row{border-top:1px solid #eee8f4;align-items:flex-start;gap:16px;padding:22px 0;display:flex}.material-row>div{flex:1;min-width:0}.material-row strong{font-size:15px;line-height:1.5;display:block}.material-row p{margin:7px 0}.material-row small,.material-row>div>span{color:#8b7796;font-size:12px;line-height:1.8;display:block}.material-row button,.material-row a{flex-shrink:0}.material-upload input[type=file]{padding:10px;font-size:12px}.material-upload input[type=file]::file-selector-button{color:#6949a7;background:#eee7fa;border:0;border-radius:7px;margin-right:8px;padding:8px 10px}@media (max-width:1100px){.exam-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.exam-overview-grid{grid-template-columns:minmax(0,1fr)}.exam-overview-heading{flex-direction:column;align-items:flex-start}.exam-overview-heading h2{font-size:23px}.exam-alert{flex-wrap:wrap;padding:18px}.exam-alert>div{min-width:0}.exam-alert>button{justify-content:center;width:100%}.work-card{padding:22px}.grade-summary{flex-wrap:wrap;align-items:flex-start}.grade-summary>div{min-width:0}.grade-planner,.material-upload,.materials-panel{padding:22px}.grade-calculator-fields,.material-form-grid{grid-template-columns:minmax(0,1fr)}.result-dialog{padding:22px}.result-dialog input,.result-dialog select,.result-dialog textarea,.learning-materials input,.learning-materials select,.learning-materials textarea,.grade-calculator-fields input,.grade-calculator-fields select{font-size:16px}.material-row{flex-wrap:wrap}.material-row>div{flex-basis:calc(100% - 60px)}.material-row button,.material-row a{min-height:44px;margin-left:0}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-day{min-height:73px;padding-inline:2px;min-width:0!important}.work-day-label{font-size:8px!important}.mobile-bottom-nav button{flex:1;min-width:0}}.questions-space,.question-list{gap:18px;min-width:0;display:grid}.question-intro,.question-compose,.question-card{min-width:0;padding:26px}.question-intro h2{margin:12px 0;font-size:clamp(22px,3vw,30px)}.question-intro p{line-height:1.65}.question-tools{grid-template-columns:1.2fr 1fr auto;align-items:end;gap:16px;margin:22px 0;display:grid}.question-tools label,.question-compose label{gap:8px;font-size:13px;font-weight:650;display:grid}.question-tools input,.question-tools select,.question-compose textarea,.question-compose select{background:var(--paper,#fff);border:1px solid var(--line,#e8e3ef);width:100%;min-width:0;font:inherit;color:inherit;border-radius:12px;padding:13px}.question-compose{gap:14px;display:grid}.question-compose .button{justify-self:start}.question-card{scroll-margin:30px}.question-card h3{margin:18px 0 8px}.question-card p,.teacher-answer blockquote{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.question-heading,.question-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.question-heading time{color:var(--muted);margin-left:auto;font-size:12px}.teacher-answer{background:#f1edf9;border-left:3px solid #7957bf;border-radius:16px;margin:18px 0;padding:20px}.teacher-answer strong{align-items:center;gap:8px;display:flex}.teacher-answer blockquote{border-left:2px solid #c9b8e3;margin:12px 0;padding-left:14px}.question-actions{margin-top:16px}.question-actions .text-button{align-items:center;gap:6px;min-height:44px;display:inline-flex}.question-card:focus{outline-offset:3px;outline:3px solid #aa90d6}.task-detail>.button{margin-top:12px;margin-right:8px}@media (max-width:760px){.question-tools{grid-template-columns:minmax(0,1fr)}.question-intro,.question-compose,.question-card{padding:20px}.question-tools input,.question-tools select,.question-compose textarea,.question-compose select{font-size:16px}.teacher-answer{padding:16px}}.app-back-button{border:1px solid var(--border);min-height:44px;color:var(--purple);font:inherit;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:13px;font-weight:650;display:inline-flex}.app-back-button:hover{background:#f3eefb}.app-back-button:focus-visible{outline-offset:3px;outline:3px solid #aa90d6}.app-shell{--role-canvas:#f8f7fc;--role-accent-soft:var(--purple-soft)}.app-shell[data-role=teacher]{--purple:#147568;--purple-dark:#0b5a50;--purple-soft:#e1f1eb;--role-canvas:#f1f8f5;--role-accent-soft:#e1f1eb}.app-shell[data-role=admin]{--purple:#315388;--purple-dark:#203e6b;--purple-soft:#e5edf8;--role-canvas:#f2f5fa;--role-accent-soft:#e5edf8}.app-shell[data-role=teacher],.app-shell[data-role=admin],.app-shell[data-role=teacher] .app-main,.app-shell[data-role=admin] .app-main{background:var(--role-canvas)}.app-shell[data-role=teacher] .demo-notice,.app-shell[data-role=admin] .demo-notice,.app-shell[data-role=teacher] .workspace-icon,.app-shell[data-role=admin] .workspace-icon,.app-shell[data-role=teacher] .nav-item.active,.app-shell[data-role=admin] .nav-item.active,.app-shell[data-role=teacher] .mobile-bottom-nav button.active,.app-shell[data-role=admin] .mobile-bottom-nav button.active{background:var(--purple-soft);color:var(--purple-dark)}.app-shell[data-role=teacher] .app-sidebar{background:#fafffd;border-right-color:#dcebe5}.app-shell[data-role=admin] .app-sidebar{background:#f9fbff;border-right-color:#dee6f1}.app-shell[data-role=teacher] .avatar,.app-shell[data-role=admin] .avatar{background:var(--purple-soft);color:var(--purple-dark)}.app-shell[data-role=teacher] .sidebar-tip,.app-shell[data-role=admin] .sidebar-tip{background:var(--purple-soft)}.app-shell[data-role=teacher] .sidebar-tip strong,.app-shell[data-role=admin] .sidebar-tip strong{color:var(--purple-dark)}.workspace-class-select{border:1px solid var(--border);max-width:110px;min-height:36px;font:inherit;color:var(--purple-dark);background:#fff;border-radius:8px;margin-top:8px;padding:5px 8px}.directory-space,.classroom-space,.directory-detail{gap:20px;min-width:0;display:grid}.directory-intro,.directory-list,.person-detail,.class-heading,.class-course,.class-roster{min-width:0;padding:26px}.directory-intro h2,.class-heading h2{margin:14px 0 12px;font-size:clamp(24px,3vw,32px)}.directory-intro p,.class-heading p,.person-detail p{overflow-wrap:anywhere;line-height:1.65}.directory-count{color:var(--purple-dark);align-items:center;gap:9px;margin-top:20px;font-weight:650;display:flex}.directory-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.7fr);align-items:start;gap:20px;display:grid}.directory-list{gap:12px;display:grid}.directory-list label,.directory-form label,.assignment-form label,.class-controls label,.class-roster label{gap:8px;font-size:13px;font-weight:650;display:grid}.directory-list input,.directory-form input:not([type=checkbox]),.directory-form select,.assignment-form input,.assignment-form select,.class-controls select,.class-roster input{width:100%;min-width:0;color:inherit;border:1px solid var(--border);font:inherit;background:#fff;border-radius:11px;padding:12px}.person-row{text-align:left;border:1px solid var(--border);border-radius:13px;align-items:center;gap:12px;min-height:70px;padding:13px;display:flex}.person-row.selected{border-color:var(--purple);background:var(--purple-soft)}.person-row>span:last-child{gap:7px;min-width:0;display:grid}.person-row strong{overflow-wrap:anywhere;font-size:14px}.person-row small{color:#646d7b;font-size:12px}.person-detail h2{margin-bottom:10px;font-size:28px}.person-detail h3,.class-roster h2{align-items:center;gap:10px;font-size:22px;display:flex}.profile-facts{flex-wrap:wrap;gap:20px;margin:22px 0;display:flex}.profile-facts span{color:#677383;gap:7px;font-size:13px;display:grid}.profile-facts strong{color:#28364a}.directory-form{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.directory-form>p,.directory-form>.question-actions{grid-column:1/-1}.directory-check{align-items:center;gap:12px;min-height:44px;display:flex!important}.directory-check input{width:20px;height:20px;accent-color:var(--purple)}.assignment-class{background:var(--purple-soft);border-radius:14px;margin-top:22px;padding:18px}.assignment-row{border-top:1px solid #ccd8e9;justify-content:space-between;align-items:center;margin-top:10px;padding:5px 0;display:flex}.assignment-row .icon-button{min-width:44px;min-height:44px}.assignment-form,.class-controls{grid-template-columns:1fr 1fr;align-items:end;gap:14px;margin-top:24px;display:grid}.assignment-form .button{grid-column:1/-1;justify-self:start}.course-teachers{gap:14px;margin:20px 0 5px;padding:0;list-style:none;display:grid}.course-teachers li{flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px;display:flex}.class-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.class-course{gap:14px;display:grid}.class-course>svg{color:var(--purple)}.class-course h3{font-size:25px}.roster-list{gap:12px;margin-top:22px;display:grid}.roster-row{border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:14px;display:flex}.roster-row strong{overflow-wrap:anywhere;font-size:14px}.roster-row>span:last-child{color:#667382;margin-left:auto;font-size:12px}@media (max-width:900px){.directory-layout{grid-template-columns:minmax(0,1fr)}.directory-list{max-height:400px;overflow:auto}}@media (max-width:600px){.directory-intro,.directory-list,.person-detail,.class-heading,.class-course,.class-roster{padding:20px}.class-course-grid,.assignment-form,.class-controls,.directory-form{grid-template-columns:minmax(0,1fr)}.directory-list input,.directory-form input:not([type=checkbox]),.directory-form select,.assignment-form input,.assignment-form select,.class-controls select,.class-roster input,.workspace-class-select{font-size:16px}.roster-row{flex-wrap:wrap}.roster-row>span:last-child{width:100%;margin-left:46px}.workspace-class-select{min-height:44px}}.course-vacancy{color:var(--purple);background:var(--purple-soft);border-radius:10px;padding:10px 12px;font-size:14px}.class-catalog-list{max-height:none;overflow:visible}.class-catalog-list .assignment-form{grid-template-columns:minmax(0,1fr)}
@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
