:root{font-family:'Avenir Next',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#22252e;background:#f6f6f3;font-synthesis:none;--purple:#7055ec;--muted:#747783;--border:#e9e9e5;--ink:#20242d;--lime:#d3f88b;--surface:#fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #9a83ff}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:38px;letter-spacing:-1.8px;line-height:1.15;margin-bottom:10px;font-weight:750}h2{font-size:21px;letter-spacing:-.6px}h3{font-size:16px}p{font-size:14px;line-height:1.6;color:var(--muted)}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#747783;text-transform:uppercase}.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}.primary,.secondary,.danger{padding:13px 19px;border-radius:12px;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.primary{background:var(--ink);color:#fff;box-shadow:0 3px 0 #00000012}.primary .icon{width:17px;height:17px}.primary:hover{background:var(--purple);transform:translateY(-2px);box-shadow:0 7px 18px #7055ec22}.secondary{background:white;border:1px solid #dedfe1}.secondary:hover{background:#f0edf9;border-color:#bfb0f9}.danger{background:#fff0ef;color:#b53b4a}.text-button{color:#6c54d7;font-size:12px;font-weight:650;padding:10px}.icon-button{font-size:21px;padding:9px 12px;border-radius:9px}.icon-button:hover{background:#f0edf9}.full{width:100%}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.shell{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;padding:36px 19px 23px;background:#20252d;color:#eef0f3;display:flex;flex-direction:column;z-index:3}.brand{display:block;font-size:25px;font-weight:750;letter-spacing:-1px;padding:0 9px;white-space:nowrap}.brand-mark{background:var(--lime);color:#242b26;width:36px;height:36px;border-radius:11px;display:inline-grid;place-items:center;margin-right:6px;transform:rotate(-7deg)}.brand-mark .icon{width:24px;height:24px}.brand>span{font-size:8px;letter-spacing:2.3px;color:#a8adb5;display:block;margin:12px 0 0 49px;font-weight:550}.workspace-tag{font-size:8px;letter-spacing:1.3px;font-weight:650;color:#a3a9b2;display:flex;gap:8px;align-items:center;margin:47px 12px 19px;white-space:nowrap}.workspace-tag .status-dot{color:var(--lime);width:5px;height:5px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:500;text-align:left;padding:14px 13px;border-radius:11px;color:#b6bac2;transition:.2s}.sidebar nav button:hover{background:#2b3039;color:#fff}.sidebar nav button>span{display:inline-flex}.sidebar nav button.active{background:var(--lime);color:#28312b;font-weight:650;box-shadow:0 5px 13px #00000010}.sidebar nav button small{margin-left:auto;padding:2px 7px;border-radius:5px;background:#ffffff10;color:inherit}.sidebar nav button.active small{background:#23332112}.sidebar-tip{margin:70px 8px 30px;padding:21px;background:#2c323b;border:1px solid #3d434a;border-radius:16px;position:relative;overflow:hidden}.sidebar-tip>span{position:absolute;right:18px;top:20px;color:var(--lime);transform:rotate(15deg)}.sidebar-tip>small{font-size:8px;letter-spacing:1.4px;color:#afb5bb;display:block;margin-bottom:18px}.sidebar-tip strong{font-size:24px;line-height:1.2;letter-spacing:-.7px;font-weight:600}.sidebar-tip p{font-size:11px;color:#b2b8c0;margin:15px 0 0;line-height:1.7}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #3b4149;padding-top:22px;margin-top:auto}.profile>b,.avatar{display:grid;place-items:center;border-radius:50%;height:36px;width:36px;background:#d9cdfa;color:#49347a;font-size:13px;font-weight:700;flex-shrink:0}.profile strong{display:block;font-size:12px}.profile small{display:block;font-size:9px;color:#a7acb5;margin-top:4px}.profile button{margin-left:auto;color:#a7acb5;padding:3px}.profile button .icon{width:19px;height:19px}.main{margin-left:244px;width:calc(100% - 244px)}.topbar{height:82px;margin:0 42px;border-bottom:1px solid #e2e3df;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.topbar .muted{font-weight:400;margin-left:8px}.topbar>div{display:flex;align-items:center;gap:20px}.search{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 14px;margin:0;border-radius:10px;border:1px solid #e8e9e5}.search .icon{width:17px;height:17px;color:#8b8d95}.search input{border:0;margin:0;background:none;padding:0;font-size:11px;width:174px;outline:0}.search:focus-within{border-color:#a590f3;box-shadow:0 0 0 3px #7055ec13}.avatar{width:34px;height:34px;background:#e2eadb;color:#5e7257}.content{max-width:1470px;margin:auto;padding:34px 42px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading .eyebrow{display:block;text-transform:none;font-size:11px;letter-spacing:.2px;margin-bottom:12px;font-weight:500}.page-heading p{font-size:13px;margin:0}.greeting-dot{color:var(--purple)}.welcome-banner{border-radius:23px;background:#7354e7;min-height:292px;margin-bottom:19px;display:flex;align-items:stretch;justify-content:space-between;position:relative;overflow:hidden;padding:29px 34px;color:#fff}.hero-copy{position:relative;z-index:1}.badge{font-size:9px;font-weight:600;letter-spacing:1.4px;display:inline-flex;align-items:center;gap:8px}.welcome-banner .badge{color:#eeebff;background:#ffffff13;padding:7px 10px;border:1px solid #ffffff27;border-radius:20px}.welcome-banner .status-dot{color:var(--lime)}.welcome-banner h2{font-size:42px;line-height:1.08;letter-spacing:-1.7px;margin:17px 0 12px;font-weight:650}.welcome-banner h2>span{color:#e0cfff}.welcome-banner p{font-size:12px;color:#e6ddff;line-height:1.6;margin-bottom:20px}.banner-link{background:var(--lime);color:#29382b;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:22px;transition:.2s}.banner-link:hover{background:#e1ffb0;gap:28px}.banner-link .icon{height:17px;width:17px}.hero-footnote{font-size:9px;color:#d4c6ff;margin-left:15px}.banner-art{width:350px;position:relative;flex-shrink:0}.art-orbit{position:absolute;width:300px;height:300px;border:1px solid #ffffff20;border-radius:50%;top:-10px;right:8px}.art-orbit:before,.art-orbit:after{content:'';position:absolute;inset:26px;border:1px dashed #ffffff23;border-radius:50%}.art-orbit:after{inset:-30px;border-style:solid;border-color:#ffffff0d}.planner-stack{position:absolute;width:190px;height:232px;right:76px;top:14px;border-radius:14px}.stack-back{background:#a68bf7;transform:rotate(16deg) translate(13px,-4px);border:1px solid #c3affb}.stack-middle{background:var(--lime);transform:rotate(3deg) translate(7px,4px)}.stack-front{background:#fdfcf5;transform:rotate(-9deg);box-shadow:0 18px 30px #34177645;color:#30372e;padding:20px 18px}.planner-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.3px;font-weight:750;border-bottom:1px solid #deded5;padding-bottom:12px}.planner-top b{font-size:19px;line-height:10px}.planner-date{display:flex;align-items:center;gap:12px;margin:8px 0 14px}.planner-date strong{font-size:46px;font-weight:650;letter-spacing:-3px;line-height:1.2}.planner-date span{font-size:8px;line-height:1.7;color:#7a8074}.planner-line{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:8px;font-weight:500}.planner-line i{height:14px;width:14px;border-radius:4px;border:1px solid #c2c8b5;font-size:9px;font-style:normal;display:grid;place-items:center}.planner-line:nth-of-type(3) i,.planner-line:nth-of-type(4) i{background:#dbefbb;border-color:#dbefbb}.planner-progress{height:4px;background:#e6e6dc;border-radius:5px;margin-top:16px}.planner-progress i{display:block;width:66%;height:100%;background:#98b96b;border-radius:5px}.stack-front>small{display:block;font-size:6px;letter-spacing:1.3px;margin-top:10px;color:#88917f}.art-sticker{position:absolute;z-index:2;right:10px;top:124px;background:#ffbb96;border-radius:50%;height:88px;width:88px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:850;line-height:1.2;letter-spacing:-.6px;transform:rotate(13deg);color:#63372e;border:5px solid #7354e7}.art-spark{position:absolute;top:-3px;right:25px;font-size:54px;color:#d9f69f;transform:rotate(10deg);z-index:2}.art-label{position:absolute;bottom:-8px;left:77px;font-size:7px;letter-spacing:2px;color:#e2d5ff;transform:rotate(-9deg)}.week-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;background:white;border:1px solid var(--border);border-radius:17px;padding:13px 19px;margin-bottom:20px}.week-title{padding-right:20px;min-width:150px}.week-title .eyebrow{font-size:8px;display:block;margin-bottom:7px}.week-title strong{font-size:15px;font-weight:650;text-transform:capitalize}.week-title strong span{font-weight:400;color:#91949b;font-size:12px;margin-left:4px}.week-day{border-radius:11px;width:46px;padding:7px 0;display:flex;flex-direction:column;align-items:center;gap:4px;transition:.2s}.week-day>span{font-size:9px;color:#7b7d86}.week-day>b{font-size:16px;line-height:1.3;font-weight:650}.week-day>i{height:4px;width:4px;border-radius:50%;background:transparent}.week-day .has-events{background:#a592e3}.week-day:hover{background:#f1edf9}.week-day.is-today{background:var(--ink);color:white;box-shadow:0 3px 7px #20252d22}.week-day.is-today>span{color:#c3c5cb}.week-day.is-today>i{background:var(--lime)}.week-open{padding:8px;color:#8a8d96}.week-open .icon{width:18px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:27px}.stats .stat-card{position:relative;display:flex;align-items:center;gap:15px;background:#fff;padding:21px;border:1px solid var(--border);border-radius:17px;overflow:hidden}.stats .stat-card:after{content:'↗';position:absolute;right:18px;top:15px;font-size:16px;color:#b2b5b9}.stat-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px}.purple{background:#ede7ff;color:#7457c6}.green{background:#e9f1dc;color:#648640}.amber{background:#fff0df;color:#b7763c}.stats small{font-size:10px;font-weight:550;color:#727680}.stats strong{font-size:28px;display:block;font-weight:650;letter-spacing:-1px;line-height:1.2;margin-top:6px}.stats em{font-size:10px;font-weight:400;font-style:normal;letter-spacing:0;color:#878b93;display:block;margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:start}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:25px;box-shadow:0 3px 0 #20242d02}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.section-head h2,.section-head h3{margin:0}.section-head h2{font-size:19px}.section-head p{font-size:11px;margin:7px 0 0;color:#878a92}.count{display:inline-grid;place-items:center;font-size:10px;background:#f0edf9;color:#795ebe;height:22px;min-width:22px;border-radius:7px;vertical-align:middle;margin-left:5px}.pill{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#65823e;background:#f0f5e7;padding:7px 10px;border-radius:7px}.pill .status-dot{width:4px;height:4px}.timeline-item{display:flex;gap:14px;padding:11px 0 15px}.timeline-time{font-size:12px;font-weight:650;color:#4d5260;padding-top:14px;width:51px;flex-shrink:0}.timeline-time span{font-size:9px;color:#8c9099;font-weight:400;display:block;margin-top:5px}.timeline-body{flex:1;min-width:0;border-left:2px solid #ece9f3;padding-left:17px;position:relative}.timeline-body:before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#c9bedf;left:-4px;top:20px;box-shadow:0 0 0 4px #fff}.task-row{display:flex;align-items:center;gap:11px;padding:12px 0;--accent:var(--purple)}.check{height:21px;width:21px;flex-shrink:0;border:1.5px solid #d1d3d7;border-radius:7px;font-size:12px;color:#fff;padding:0;line-height:18px;transition:.2s}.check:hover{border-color:var(--purple);box-shadow:0 0 0 3px #7055ec10}.check.checked{background:#91af72;border-color:#91af72}.task-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;text-align:left;padding:0}.subject-name{font-size:10px;font-weight:650;color:var(--accent,var(--purple))}.task-main strong{font-size:12px;font-weight:650;line-height:1.45}.task-main small{font-size:10px;color:#7d818c;line-height:1.5}.done{text-decoration:line-through;color:#8c9199}.task-row .icon-button{font-size:18px;padding:4px 6px;color:#9295a0}.task-percent{color:#8a7ba5;font-size:10px}.event-detail{padding:15px;border-left:3px solid var(--accent);background:#f1f5fc;border-radius:9px;display:flex;flex-direction:column;gap:7px;text-align:left;width:100%}.event-detail small{color:var(--accent);font-size:10px}.event-detail strong{font-size:12px}.event-detail>span{font-size:10px;color:#78879b}.card-bottom{border-top:1px solid var(--border);padding:18px 0 0;margin-top:15px;width:100%;text-align:left;font-size:11px}.upcoming-item{display:flex;align-items:center;gap:13px;padding:14px 0;text-align:left;width:100%;border-bottom:1px solid #f0f0ed}.upcoming-item:last-child{border:0;padding-bottom:0}.date-tile{background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent);width:47px;min-width:47px;border-radius:10px;padding:10px 3px;text-align:center;font-size:9px}.date-tile b{font-size:21px;font-weight:650;display:block;margin-bottom:2px;line-height:1.2}.upcoming-item>span+span{min-width:0}.upcoming-item small{font-size:9px;color:#828690;display:block}.upcoming-item strong{font-size:12px;font-weight:600;display:block;line-height:1.45;margin:6px 0}.upcoming-item em{font-size:9px;font-style:normal;color:#777e88}.focus{background:#e9efdf;border-color:#e1e8d8;margin-top:19px;position:relative;overflow:hidden}.focus:after{content:'✳';position:absolute;right:-12px;bottom:-26px;color:#b3c79a4a;font-size:130px;line-height:1;pointer-events:none}.focus-header{display:flex;align-items:center;justify-content:space-between;color:#668047}.focus .eyebrow{color:#657c4b;font-size:9px}.focus h3{font-size:27px;line-height:1.25;letter-spacing:-.8px;margin:15px 0;color:#3d5133}.focus h3 span{font-size:13px;letter-spacing:0;font-weight:500}.focus p{font-size:11px;color:#61774e;margin:12px 0 0}.progress{background:#eeedf2;height:6px;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;border-radius:10px;background:#9c86dd;transition:width .25s}.focus .progress{background:#d4dfc8;position:relative;z-index:1}.focus .progress i{background:#718f52}footer{font-size:10px;color:#858994;text-align:center;margin-top:34px}footer span{margin:0 7px}.mobile-nav{display:none}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px;flex-wrap:wrap}.toolbar p{margin:0}.segments{display:flex;gap:4px;background:#eaeae5;border:1px solid #e5e5e0;padding:4px;border-radius:12px;flex-wrap:wrap}.segments button{font-size:11px;font-weight:550;color:#727680;padding:9px 13px;border-radius:8px;transition:.2s}.segments button.active{background:#fff;color:#514283;box-shadow:0 2px 5px #292d3610}.segments button:hover{color:#514283}.list-card{padding:9px 25px}.homework-item{border-bottom:1px solid var(--border);padding:11px 0 19px}.homework-item:last-child{border:0}.homework-item .task-main strong{font-size:14px}.homework-item .task-row{padding:14px 0}.homework-progress{display:flex;align-items:center;gap:20px;margin-left:32px;max-width:540px}.homework-progress label{display:flex;align-items:center;gap:10px;font-size:10px;margin:0;color:#7c8090}.homework-progress input{width:130px;padding:0;border:0;margin:0;accent-color:var(--purple)}.homework-progress .progress{flex:1}.learning-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.exam-list{display:grid;gap:16px}.exam-card{text-align:left;border-top:4px solid var(--accent);transition:.2s}.exam-card:hover{transform:translateY(-2px)}.exam-card.selected{border-color:var(--accent);background:#faf8ff;box-shadow:0 5px 18px #7055ec0b}.exam-card h3{font-size:16px;line-height:1.5;margin:12px 0 10px;letter-spacing:-.3px}.exam-card p{font-size:11px}.exam-card small{display:block;color:#777480;font-size:11px;margin-top:10px}.learning-summary{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:23px 0 12px}.learning-summary span{font-size:11px;color:#7e8390}.learning-summary+.progress{margin-bottom:30px}.topic-wrap{display:flex;align-items:center;border-bottom:1px solid var(--border);gap:5px}.topic-wrap .task-row{flex:1;min-width:0;padding:17px 0}.order-buttons{display:flex;gap:2px}.order-buttons button{padding:7px;color:#81748e;border-radius:6px}.order-buttons button:hover{background:#f0edf9}.order-buttons button:disabled{opacity:.25;cursor:default}.description{white-space:pre-wrap}.material{background:#f4f1fb;border-radius:12px;padding:17px;font-size:12px;color:#665682}.material p{white-space:pre-wrap;font-size:12px;margin:7px 0 0;color:#7e6b92}.calendar-toolbar>div:first-child{display:flex;align-items:center;gap:7px}.calendar-toolbar h2{font-size:21px;text-transform:capitalize;margin:0 0 0 14px}.calendar-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;margin-bottom:18px}.legend-homework{color:#a46d98}.legend-exam{color:#7754c3}.legend-topic{color:#4e906f}.legend-event{color:#567cba}.calendar-card{padding:0;overflow:hidden}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{padding:17px 5px;background:#fdfdfb;color:#888a92;border-bottom:1px solid var(--border);font-size:10px;font-weight:650;text-align:center;text-transform:uppercase;letter-spacing:1.5px}.calendar-day{min-height:132px;min-width:0;padding:8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .15s}.calendar-day:hover{background:#fdfcf7}.day-number{font-size:11px;font-weight:600;padding:6px 8px;border-radius:8px;margin-bottom:6px}.calendar-day.today{background:#fcfaff}.calendar-day.today .day-number{background:var(--purple);color:white}.calendar-day.outside{background:#f8f8f5;color:#aaaeb5}.calendar-event{display:block;width:100%;padding:6px 7px;text-align:left;background:#eee7fc;color:#6c4ba4;border-radius:6px;border-left:2px solid #a28ad7;font-size:10px;line-height:1.4;margin:4px 0;overflow-wrap:anywhere}.calendar-event small{display:block;font-size:8px;margin-bottom:2px}.calendar-event.event{background:#eaf1fb;color:#4e74a7;border-color:#91b3db}.calendar-event.homework{background:#f8ebf1;color:#9f6988;border-color:#d1a0b9}.calendar-event.topic{background:#e7f3ea;color:#4f8364;border-color:#8ebc9d}.calendar-event.completed{opacity:.65}.calendar-grid.week .calendar-day{min-height:390px}.calendar-grid.day{grid-template-columns:1fr}.calendar-grid.day .calendar-day{padding:20px}.calendar-grid.day .calendar-event{font-size:14px;max-width:720px;padding:17px}.calendar-grid.day .calendar-event small{font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:start}.settings-grid h2{margin-bottom:10px}.settings-grid form{margin:25px 0}.subject-row{display:flex;align-items:center;gap:12px;width:100%;padding:19px 0;text-align:left;border-bottom:1px solid var(--border)}.subject-row>span{width:16px;height:16px;border-radius:6px}.subject-row strong{font-size:13px}.subject-row small{font-size:10px;color:#7f838d;margin-left:auto}label{display:block;font-size:12px;font-weight:600;color:#5d6270;margin-bottom:17px}input,select,textarea{width:100%;display:block;border:1px solid #dcdfe0;background:#fbfcfa;border-radius:10px;padding:12px 13px;color:#303541;font-size:13px;margin-top:8px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:0;border-color:#9e87e8;box-shadow:0 0 0 3px #7055ec12;background:#fff}input:disabled{background:#f1f2ef;color:#888d93}input[type=range]{accent-color:var(--purple);padding:0;border:0;box-shadow:none}input[type=color]{height:46px;padding:5px}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:18px;margin:0}.form-error{font-size:12px;color:#b84153;min-height:16px}.empty{text-align:center;padding:45px 20px}.empty>span{display:inline-grid;place-items:center;background:#f0edf9;border-radius:17px;width:55px;height:55px;font-size:32px;color:#9a86c4}.empty h3{font-size:15px;letter-spacing:-.2px;margin:18px 0 9px}.empty p{font-size:12px;margin:0}dialog{border:1px solid #e5e4de;background:#fff;border-radius:23px;width:590px;max-width:calc(100% - 28px);max-height:90vh;padding:29px;color:var(--ink);box-shadow:0 35px 100px #171b3540}dialog::backdrop{background:#1e233a70;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.dialog-heading h2{font-size:25px;margin:10px 0 0}.type-select{margin-bottom:23px}.type-select button{flex:1;padding:10px 5px;font-size:10px}.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:21px;border-top:1px solid var(--border)}.dialog-actions>div{display:flex;gap:8px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,20px);background:#242a32;color:white;padding:15px 23px;border:1px solid #ffffff15;border-radius:12px;font-size:12px;box-shadow:0 10px 30px #0002;opacity:0;pointer-events:none;z-index:20;transition:.2s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.auth{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:#fff}.auth-story{background:#242a32;color:#fff;padding:48px 10%;display:flex;flex-direction:column;justify-content:space-between;gap:50px;position:relative;overflow:hidden}.auth-story:before{content:'';position:absolute;width:470px;height:470px;border:1px solid #ffffff07;border-radius:50%;right:-190px;top:170px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02;pointer-events:none}.auth-story .brand{padding:0}.auth-story .eyebrow{font-size:9px;color:#bcc8ae}.auth-story h1{font-size:56px;line-height:1.08;letter-spacing:-2.7px;font-weight:650;margin:22px 0}.auth-story h1 em{font-style:normal;color:var(--lime)}.auth-story p{font-size:13px;color:#b8bdc5}.preview-card{position:relative;background:var(--lime);color:#35452e;border-radius:18px;padding:25px;margin:35px 0 10px 10px;max-width:340px;transform:rotate(-4deg);box-shadow:9px 9px 0 #ffffff10;border:1px solid #dfffac}.preview-card .badge{color:#627e48;font-size:9px}.preview-card h3{font-size:16px;margin:20px 0;color:#35452e}.preview-card p{color:#586b49;font-size:11px;margin:15px 0}.auth-story>small{font-size:10px;color:#929ba7}.auth-panel{padding:50px 15%;display:flex;align-items:center}.auth-panel>div{max-width:400px;width:100%;margin:auto}.auth-panel .eyebrow{color:#85749f;font-size:9px}.auth-panel h2{font-size:29px;letter-spacing:-1px;margin:17px 0 12px}.auth-panel p{font-size:12px}.auth-panel form{margin-top:30px}.auth-panel .text-button{width:100%;margin-top:13px}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.content{animation:arrive .32s ease-out}.card,.stats .stat-card{transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#dcded7}
@media(min-width:1450px){.content{padding-top:40px}.welcome-banner{min-height:310px}.welcome-banner h2{font-size:47px}.banner-art{margin-right:25px}.stats .stat-card{padding:25px}.sidebar-tip{margin-top:auto;margin-bottom:30px}.profile{margin-top:0}}
@media(max-width:1200px){.sidebar{width:218px;padding:32px 14px 20px}.main{margin-left:218px;width:calc(100% - 218px)}.topbar{margin:0 28px}.content{padding:29px 28px}.sidebar nav button{font-size:11px;padding:13px 11px;gap:10px}.brand{font-size:22px}.brand-mark{height:33px;width:33px}.workspace-tag{font-size:7px;letter-spacing:1px}.sidebar-tip{margin-top:55px}.banner-art{width:265px}.planner-stack{right:50px}.art-sticker{right:-5px}.art-orbit{right:-12px}.art-spark{right:0}.art-label{left:26px}.hero-footnote{display:block;margin:14px 0 0}.welcome-banner{padding:27px 29px}.stats .stat-card{padding:19px 16px;gap:12px}.stats .stat-card:after{right:12px;top:12px}.stats strong{font-size:25px}.stat-icon{width:37px;height:37px}.week-title{min-width:128px;padding-right:10px}.week-strip{padding:12px 15px}.week-day{width:39px}.dashboard-grid{gap:18px}.card{padding:22px}.learning-grid{grid-template-columns:235px minmax(0,1fr)}.auth-story h1{font-size:47px}.auth-panel{padding:40px 11%}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:17px}.focus{margin-top:0;align-self:start}.welcome-banner h2{font-size:36px}.banner-art{width:225px}.planner-stack{width:165px;height:220px;right:38px;top:24px}.stack-front{padding:18px 15px}.planner-date strong{font-size:40px}.planner-line{font-size:7px}.art-sticker{height:75px;width:75px;font-size:12px;right:-12px}.art-orbit{width:250px;height:250px;top:15px;right:-20px}.art-spark{font-size:44px;right:0;top:7px}.week-title{min-width:110px}.week-title strong{font-size:12px}.week-title strong span{font-size:10px}.week-day{width:33px}.week-open{padding:3px}.stats small{font-size:9px}.stats .stat-card{display:block;padding:17px}.stat-icon{margin-bottom:11px}.stats strong{font-size:25px}.calendar-toolbar{align-items:start;flex-direction:column}.calendar-day{padding:4px}.calendar-event{font-size:9px}.settings-grid{grid-template-columns:1fr}.learning-grid{grid-template-columns:1fr}.exam-list{display:flex;overflow-x:auto;padding:2px 2px 9px;gap:15px}.exam-card{min-width:235px;max-width:270px}.auth-story{padding:40px 9%}.auth-story h1{font-size:40px}.auth-panel{padding:35px 9%}.search input{width:145px}}
@media(max-width:760px){.sidebar{display:none}.main{margin-left:0;width:100%}.topbar{height:67px;margin:0 22px}.topbar>span{font-size:10px}.topbar>div{gap:12px}.topbar .avatar{height:30px;width:30px;font-size:11px}.search{padding:9px 11px}.search input{width:145px;font-size:10px}.content{padding:26px 22px 110px}h1{font-size:33px}.page-heading{gap:12px;margin-bottom:24px}.page-heading .eyebrow{font-size:10px}.page-heading p{font-size:12px}.page-heading .primary{padding:12px 14px;font-size:11px}.welcome-banner{min-height:285px;padding:26px;gap:10px}.welcome-banner h2{font-size:37px}.hero-footnote{font-size:8px}.banner-art{width:235px}.planner-stack{right:45px}.art-sticker{right:-3px}.stats .stat-card{display:flex;align-items:center;padding:20px 15px}.stat-icon{margin-bottom:0;width:35px;height:35px}.stats strong{font-size:24px}.week-title{min-width:125px}.week-day{width:39px}.dashboard-grid{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:12px;left:14px;right:14px;border-radius:18px;background:#232931f5;border:1px solid #ffffff1a;box-shadow:0 8px 25px #1c223630;padding:10px 5px;z-index:10;backdrop-filter:blur(15px)}.mobile-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#aeb4be;padding:4px 1px;border-radius:12px;min-width:0}.mobile-nav button>span{line-height:1}.mobile-nav .icon{width:20px;height:20px}.mobile-nav small{font-size:8px}.mobile-nav button.active{color:var(--lime)}.mobile-nav button.active>span{background:#d3f88b15;border-radius:6px;padding:3px 10px;margin:-3px -10px}.calendar-grid.week{min-width:650px}.calendar-card:has(.week){overflow-x:auto}.calendar-grid.week .calendar-day{min-height:330px}.calendar-day{min-height:112px}.calendar-legend{font-size:10px;gap:12px}.calendar-event{font-size:8px;padding:5px 4px}.calendar-event small{font-size:7px}.calendar-toolbar h2{font-size:19px}.calendar-toolbar .secondary{padding:9px 13px}.auth{grid-template-columns:1fr 1fr}.auth-story{padding:32px 9%}.auth-story h1{font-size:36px}.auth-panel{padding:30px 9%}.auth-panel h2{font-size:25px}#toast{bottom:100px}}
@media(max-width:540px){.topbar{margin:0 19px}.topbar>span{max-width:48%;line-height:1.6;font-size:9px}.topbar .muted{margin-left:4px}.topbar .avatar{display:none}.search input{width:125px;font-size:10px}.search .icon{width:15px;height:15px}.content{padding:23px 18px 110px}.page-heading h1{font-size:31px;letter-spacing:-1.3px}.page-heading .eyebrow{font-size:9px}.page-heading p{font-size:11px}.page-heading .primary{font-size:10px;gap:4px;padding:11px 10px;border-radius:10px}.page-heading .primary .icon{width:14px}.page-heading{gap:9px}.welcome-banner{min-height:300px;padding:23px 22px;border-radius:19px;display:block}.hero-copy{max-width:210px}.welcome-banner .badge{font-size:7px;letter-spacing:1px;padding:6px 9px}.welcome-banner h2{font-size:34px;margin-top:19px;letter-spacing:-1.1px}.welcome-banner p{font-size:10px;max-width:170px;line-height:1.7;margin-bottom:18px}.banner-link{font-size:11px;padding:10px 13px;gap:19px}.hero-footnote{font-size:8px;margin-top:15px}.banner-art{position:absolute;width:155px;height:210px;right:-9px;top:70px;pointer-events:none}.planner-stack{width:117px;height:164px;right:23px;top:24px;border-radius:10px}.stack-front{padding:12px 10px}.planner-top{font-size:5px;letter-spacing:.7px;padding-bottom:8px}.planner-top b{font-size:15px}.planner-date{gap:7px;margin:7px 0 9px}.planner-date strong{font-size:29px;letter-spacing:-1px}.planner-date span{font-size:5px;line-height:1.6}.planner-line{font-size:5px;gap:5px;margin-bottom:8px}.planner-line i{height:10px;width:10px;font-size:7px;border-radius:3px}.planner-progress{height:3px;margin-top:11px}.stack-front>small{font-size:4px;letter-spacing:.8px;margin-top:7px}.art-sticker{width:53px;height:53px;border-width:3px;font-size:9px;right:2px;top:118px}.art-spark{font-size:35px;top:-8px;right:9px}.art-label{font-size:5px;letter-spacing:.9px;bottom:3px;left:17px}.art-orbit{width:185px;height:185px;right:-20px;top:15px}.week-strip{position:relative;padding:11px 9px;gap:2px;flex-wrap:wrap;border-radius:14px}.week-title{width:100%;display:flex;align-items:center;justify-content:space-between;min-width:0;padding:3px 7px 10px;margin-bottom:8px;border-bottom:1px solid #f0f0ec}.week-title .eyebrow{margin:0;font-size:8px;letter-spacing:1.2px}.week-title strong{font-size:11px}.week-title strong span{font-size:9px}.week-day{width:calc(100% / 7 - 3px);gap:4px;padding:6px 0}.week-day>span{font-size:9px}.week-day>b{font-size:16px}.week-open{display:none}.stats{gap:8px;margin-bottom:21px}.stats .stat-card{display:block;padding:13px 10px;border-radius:13px}.stats .stat-card:after{font-size:12px;right:9px;top:10px}.stat-icon{width:29px;height:29px;border-radius:9px;margin-bottom:11px}.stat-icon .icon{width:17px;height:17px}.stats small{font-size:8px;line-height:1.4;display:block;min-height:22px;max-width:90px}.stats strong{font-size:22px;margin-top:3px;letter-spacing:-.7px}.stats .stat-card:last-child strong{font-size:17px;margin-top:7px}.stats em{font-size:8px;line-height:1.5;letter-spacing:-.1px;margin-top:6px}.dashboard-grid>div{display:block}.card{padding:20px 17px;border-radius:16px}.focus{margin-top:17px}.section-head h2{font-size:17px}.section-head p{font-size:10px}.timeline-time{width:43px;font-size:11px}.timeline-time span{font-size:8px}.timeline-item{gap:9px}.timeline-body{padding-left:12px}.task-row{gap:8px}.task-main strong{font-size:11px}.task-main small{font-size:9px}.subject-name{font-size:9px}.check{width:19px;height:19px;border-radius:6px}.task-percent{font-size:9px}.task-row .icon-button{padding:4px 2px}.upcoming-item strong{font-size:12px}.focus h3{font-size:29px}.toolbar .segments button{font-size:10px;padding:8px 9px}.toolbar .secondary{font-size:11px;padding:11px 14px}.toolbar p{font-size:12px}.list-card{padding:6px 15px}.homework-item .task-main strong{font-size:12px}.homework-progress{display:block;margin-left:27px}.homework-progress .progress{margin-top:11px}.homework-progress label{font-size:9px}.learning-summary{font-size:12px;flex-wrap:wrap}.learning-summary span{font-size:10px}.exam-card{min-width:230px}.calendar-toolbar h2{font-size:18px;margin-left:8px}.calendar-day{min-height:100px;padding:3px}.weekday{padding:14px 2px;font-size:8px;letter-spacing:.4px}.day-number{padding:5px;font-size:10px}.calendar-event{font-size:7px;padding:4px 3px;border-left-width:1px}.calendar-event small{font-size:6px}.calendar-legend{font-size:9px;gap:9px}.settings-grid{gap:18px}.subject-row strong{font-size:12px}.subject-row small{font-size:9px}.auth{display:block}.auth-story{padding:29px 26px 37px;gap:35px}.auth-story .brand{font-size:24px}.auth-story h1{font-size:42px;margin:17px 0}.auth-story .eyebrow{font-size:8px}.auth-story p{font-size:12px;margin:0}.auth-story>small,.preview-card{display:none}.auth-panel{padding:36px 26px 45px}.auth-panel>div{max-width:420px}.auth-panel h2{font-size:27px}.form-grid{gap:10px}dialog{padding:23px 20px;border-radius:19px}.type-select button{font-size:9px;padding:9px 3px}.dialog-heading h2{font-size:23px}.dialog-actions .primary,.dialog-actions .secondary,.dialog-actions .danger{font-size:11px;padding:11px 13px}.empty{padding:35px 14px}.empty p{font-size:11px}footer{font-size:9px}}
@media(max-width:360px){.banner-art{right:-25px;opacity:.7}.hero-copy{max-width:190px}.welcome-banner h2{font-size:31px}.page-heading h1{font-size:27px}.page-heading .primary{font-size:9px;padding:10px 8px}.stats .stat-card{padding:12px 8px}.stats strong{font-size:20px}.stats .stat-card:last-child strong{font-size:15px}.search input{width:103px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.stats .stat-card{text-align:left}.stats .stat-card:hover{border-color:#bca9ee;box-shadow:0 5px 18px #7055ec0c}.stats .stat-card:focus-visible{outline:3px solid #9a83ff}
@media(max-width:540px){.welcome-banner{min-height:320px}.hero-copy{max-width:none}.welcome-banner h2{font-size:32px;max-width:290px}.banner-art{top:115px}.welcome-banner p{max-width:163px}.hero-footnote{max-width:165px;line-height:1.6}}
@media(max-width:360px){.welcome-banner h2{font-size:29px}.banner-art{top:120px;right:-25px}.welcome-banner p{max-width:145px}}
.page-heading>div{min-width:0}.page-heading h1{overflow-wrap:anywhere}
@media(max-width:540px){.page-heading:has(.long-title){flex-wrap:wrap}.page-heading:has(.long-title)>div{width:100%}.page-heading:has(.long-title)>.primary{margin-top:6px}.long-title{max-width:100%}}
.optional-learning{border:1px solid var(--border);border-radius:10px;padding:13px;margin:3px 0 18px;background:#faf9fd}.optional-learning summary{font-size:12px;color:#73618c;font-weight:600;cursor:pointer}.optional-learning[open] summary{margin-bottom:18px}.optional-learning label:last-child{margin-bottom:0}.stats .stat-card em{overflow-wrap:anywhere}
.color-picker{border:0;padding:0;margin:24px 0 20px;min-width:0}.color-picker legend{font-size:13px;font-weight:650;color:#414653;padding:0}.color-picker>p{font-size:11px;margin:7px 0 15px}.color-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;padding:10px;background:#f3f3f0;border:1px solid #e7e6e1;border-radius:14px}.color-swatch{background:var(--swatch);aspect-ratio:1;border-radius:5px;border:1px solid #20242d10;display:grid;place-items:center;padding:0;position:relative;transition:transform .12s,box-shadow .12s}.color-swatch span{opacity:0;font-size:16px;color:#fff;text-shadow:0 1px 3px #000,0 0 3px #000}.color-swatch:hover{transform:scale(1.15);z-index:1;box-shadow:0 2px 8px #0003}.color-swatch[aria-pressed=true]{outline:2px solid #262d3c;outline-offset:2px;z-index:2;box-shadow:inset 0 0 0 2px #fff}.color-swatch[aria-pressed=true] span{opacity:1}.color-swatch:focus-visible{outline:3px solid #7055ec;outline-offset:2px;z-index:3}.chosen-color{display:flex;align-items:center;gap:10px;margin-top:17px;font-size:11px;color:#7a7e87}.chosen-color>span:first-child{width:34px;height:34px;border-radius:9px;border:1px solid #0001;flex-shrink:0}.chosen-color strong{font-size:11px;color:#444957;display:block;margin-top:4px;font-variant-numeric:tabular-nums}.custom-color{margin:0 0 0 auto;font-size:10px;display:flex;align-items:center;gap:8px}.custom-color input{height:30px;width:34px;padding:2px;margin:0;border-radius:6px}@media(max-width:540px){.color-grid{padding:8px;gap:4px}.color-swatch{border-radius:3px}.color-swatch span{font-size:12px}.chosen-color{font-size:10px;gap:8px}.custom-color{font-size:9px;gap:5px}.color-picker>p{font-size:10px}}
dialog:has(.color-picker){width:500px;padding:23px;max-height:94vh}dialog:has(.color-picker) .dialog-heading{margin-bottom:16px}dialog:has(.color-picker) .dialog-heading h2{font-size:23px}.color-picker{margin:17px 0 12px}.color-grid{max-width:310px;margin-inline:auto}.color-picker>p{margin-bottom:11px}.chosen-color{margin-top:13px}.color-picker~.form-error:empty{min-height:0;margin:0 0 12px}@media(max-width:540px){dialog:has(.color-picker){padding:21px 18px}.color-grid{max-width:100%}}
.add-subject-button{min-height:46px;min-width:112px;padding:12px 20px;font-size:15px;font-weight:700;border-color:#d5c9f4;background:#f2edff;color:#6245ba}.add-subject-button:hover{background:#e8dfff;border-color:#b6a1e5}
/* Account-specific design picker. */
.design-settings{margin-bottom:24px}.design-settings .section-head{margin-bottom:22px}.design-settings .eyebrow{display:block;margin-bottom:9px;font-size:9px}.design-settings .section-head>.icon{color:#9a83c8;width:27px;height:27px}.design-choices{display:grid;grid-template-columns:1fr 1fr;gap:22px}.design-choice{padding:7px;border:2px solid #e7e6e9;border-radius:17px;text-align:left;transition:border-color .2s,transform .2s;background:transparent;min-width:0}.design-choice:hover{transform:translateY(-2px);border-color:#bca7ee}.design-choice.selected{border-color:var(--purple);box-shadow:0 0 0 3px #7055ec0a}.design-choice:disabled{cursor:wait}.design-preview{height:180px;border-radius:10px;overflow:hidden;position:relative;display:flex;padding:0;background:var(--preview-bg);border:1px solid #00000009;--preview-bg:#f6f6f3;--preview-side:#252a32;--preview-accent:#7654e8;--preview-pop:#d3f88b;--preview-card:#fff}.mini-sidebar{width:20%;background:var(--preview-side);padding:18px 10px;display:flex;flex-direction:column;gap:11px}.mini-sidebar>i{width:16px;height:16px;border-radius:5px;background:var(--preview-pop);margin-bottom:9px}.mini-sidebar>span{width:100%;height:6px;border-radius:3px;background:#ffffff35}.mini-sidebar>span:first-of-type{background:var(--preview-pop);height:13px}.mini-content{padding:18px 15px;width:80%;display:flex;flex-direction:column;gap:10px}.mini-heading{width:35%;height:8px;background:#81879440;border-radius:3px}.mini-hero{height:59px;background:var(--preview-accent);border-radius:7px;display:flex;align-items:center;justify-content:space-between;padding:13px}.mini-hero>b{width:42%;height:21px;border-block:7px solid #ffffffb0}.mini-hero>i{width:30px;height:37px;border-radius:4px;background:#ffffffd0;transform:rotate(-10deg);box-shadow:4px 3px 0 var(--preview-pop)}.mini-stats{display:flex;gap:7px}.mini-stats>i{height:25px;flex:1;background:var(--preview-card);border-radius:5px;border:1px solid #00000005}.mini-bottom{display:flex;gap:8px}.mini-bottom>i{height:28px;flex:1;background:var(--preview-card);border-radius:5px}.mini-bottom>i:last-child{flex:.7}.preview-label{position:absolute;right:9px;top:9px;font-size:7px;font-weight:700;letter-spacing:1px;background:#ffffffed;color:#4a5567;border-radius:5px;padding:5px 7px}.preview-daylight{--preview-bg:#f4f8fc;--preview-side:#fff;--preview-accent:#dceeff;--preview-pop:#ff977d;--preview-card:#fff}.preview-daylight .mini-sidebar{border-right:1px solid #dce7ee}.preview-daylight .mini-sidebar>span{background:#dae6ed}.preview-daylight .mini-sidebar>span:first-of-type{background:#dfedff}.preview-daylight .mini-hero>b{border-color:#457baa90}.preview-daylight .mini-hero>i{background:#fff}.design-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 10px 8px}.design-caption strong{font-size:16px;letter-spacing:-.3px}.design-caption p{font-size:11px;margin:5px 0 0}.theme-check{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1.5px solid #d1ced9;font-size:12px;flex-shrink:0}.selected .theme-check{background:var(--purple);border-color:var(--purple);color:#fff}.theme-feedback:empty{display:none}.theme-feedback{font-size:12px;color:var(--purple);margin:14px 0 0}
/* Daylight: a separate light visual system, including navigation and dialogs. */
:root[data-theme=daylight]{--purple:hsl(calc(var(--day-hue, 208.714) + 0.000) calc(56.452% * var(--day-chroma, 1)) 48.627%);--muted:hsl(calc(var(--day-hue, 208.714) + 1.952) calc(17.928% * var(--day-chroma, 1)) 50.784%);--border:hsl(calc(var(--day-hue, 208.714) + -0.293) calc(44.186% * var(--day-chroma, 1)) 91.569%);--ink:hsl(calc(var(--day-hue, 208.714) + 0.906) calc(53.020% * var(--day-chroma, 1)) 29.216%);--lime:#ffb29a;--surface:#fff;color:hsl(calc(var(--day-hue, 208.714) + 2.397) calc(39.706% * var(--day-chroma, 1)) 26.667%);background:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(71.429% * var(--day-chroma, 1)) 97.255%);color-scheme:light;font-family:'Avenir Next',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
[data-theme=daylight] .shell{background:radial-gradient(ellipse at 90% 0,hsl(calc(var(--day-hue, 208.714) + 1.286) calc(100.000% * var(--day-chroma, 1)) 94.902% / 0.5647),transparent 60%),hsl(calc(var(--day-hue, 208.714) + 1.286) calc(66.667% * var(--day-chroma, 1)) 97.647%)}
[data-theme=daylight] .sidebar{background:#fff;color:hsl(calc(var(--day-hue, 208.714) + 0.759) calc(42.857% * var(--day-chroma, 1)) 26.078%);border-right:1px solid hsl(calc(var(--day-hue, 208.714) + 1.286) calc(42.857% * var(--day-chroma, 1)) 91.765%)}
[data-theme=daylight] .brand{color:hsl(calc(var(--day-hue, 208.714) + 0.496) calc(51.351% * var(--day-chroma, 1)) 29.020%)}[data-theme=daylight] .brand-mark{background:hsl(calc(var(--day-hue, 208.714) + 0.429) calc(100.000% * var(--day-chroma, 1)) 93.137%);color:hsl(calc(var(--day-hue, 208.714) + -0.394) calc(51.440% * var(--day-chroma, 1)) 47.647%);box-shadow:3px 3px 0 #fff0e8;transform:rotate(-5deg)}[data-theme=daylight] .brand>span{color:hsl(calc(var(--day-hue, 208.714) + -0.909) calc(19.431% * var(--day-chroma, 1)) 58.627%)}[data-theme=daylight] .workspace-tag{color:hsl(calc(var(--day-hue, 208.714) + 0.251) calc(15.344% * var(--day-chroma, 1)) 62.941%)}[data-theme=daylight] .workspace-tag .status-dot{color:#e9a18b}
[data-theme=daylight] .sidebar nav button{color:hsl(calc(var(--day-hue, 208.714) + -0.714) calc(20.000% * var(--day-chroma, 1)) 55.882%);border-radius:13px}[data-theme=daylight] .sidebar nav button:hover{background:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(62.500% * var(--day-chroma, 1)) 96.863%);color:hsl(calc(var(--day-hue, 208.714) + -1.442) calc(42.128% * var(--day-chroma, 1)) 46.078%)}[data-theme=daylight] .sidebar nav button.active{background:hsl(calc(var(--day-hue, 208.714) + 4.619) calc(100.000% * var(--day-chroma, 1)) 94.706%);color:hsl(calc(var(--day-hue, 208.714) + -0.714) calc(52.174% * var(--day-chroma, 1)) 45.098%);box-shadow:none}[data-theme=daylight] .sidebar nav button small{background:hsl(calc(var(--day-hue, 208.714) + -1.442) calc(44.000% * var(--day-chroma, 1)) 95.098%);color:hsl(calc(var(--day-hue, 208.714) + -0.714) calc(25.862% * var(--day-chroma, 1)) 54.510%)}[data-theme=daylight] .sidebar nav button.active small{background:hsl(calc(var(--day-hue, 208.714) + 5.036) calc(100.000% * var(--day-chroma, 1)) 90.588%);color:hsl(calc(var(--day-hue, 208.714) + -0.019) calc(37.705% * var(--day-chroma, 1)) 47.843%)}
[data-theme=daylight] .sidebar-tip{background:#fff4ed;border-color:#ffe5d7;border-radius:20px}[data-theme=daylight] .sidebar-tip>span{color:#e9a185}[data-theme=daylight] .sidebar-tip>small{color:#bf957f}[data-theme=daylight] .sidebar-tip strong{color:#a66f56}[data-theme=daylight] .sidebar-tip p{color:#b08c79}[data-theme=daylight] .profile{border-color:hsl(calc(var(--day-hue, 208.714) + -1.022) calc(35.135% * var(--day-chroma, 1)) 92.745%)}[data-theme=daylight] .profile small{color:hsl(calc(var(--day-hue, 208.714) + 0.475) calc(18.782% * var(--day-chroma, 1)) 61.373%)}[data-theme=daylight] .profile button{color:hsl(calc(var(--day-hue, 208.714) + -1.214) calc(23.301% * var(--day-chroma, 1)) 59.608%)}[data-theme=daylight] .profile>b,[data-theme=daylight] .avatar{background:#ffebdf;color:#ae8065}
[data-theme=daylight] .topbar{border-color:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(45.455% * var(--day-chroma, 1)) 91.373%);color:hsl(calc(var(--day-hue, 208.714) + 0.720) calc(24.424% * var(--day-chroma, 1)) 42.549%)}[data-theme=daylight] .search{background:#fff;border-color:hsl(calc(var(--day-hue, 208.714) + -0.293) calc(44.186% * var(--day-chroma, 1)) 91.569%);box-shadow:0 3px 10px hsl(calc(var(--day-hue, 208.714) + 0.989) calc(47.418% * var(--day-chroma, 1)) 41.765% / 0.0118)}[data-theme=daylight] .search .icon{color:hsl(calc(var(--day-hue, 208.714) + -0.629) calc(25.967% * var(--day-chroma, 1)) 64.510%)}[data-theme=daylight] input::placeholder{color:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(20.833% * var(--day-chroma, 1)) 62.353%)}[data-theme=daylight] .eyebrow{color:hsl(calc(var(--day-hue, 208.714) + -0.214) calc(20.833% * var(--day-chroma, 1)) 62.353%)}[data-theme=daylight] h1{color:hsl(calc(var(--day-hue, 208.714) + 0.875) calc(47.097% * var(--day-chroma, 1)) 30.392%);font-weight:650;letter-spacing:-1.5px}[data-theme=daylight] .greeting-dot{color:#f2a087}
[data-theme=daylight] .primary{background:hsl(calc(var(--day-hue, 208.714) + 0.066) calc(51.037% * var(--day-chroma, 1)) 52.745%);color:#fff;box-shadow:0 4px 10px hsl(calc(var(--day-hue, 208.714) + -0.240) calc(47.200% * var(--day-chroma, 1)) 50.980% / 0.0902);border-radius:13px}[data-theme=daylight] .primary:hover{background:hsl(calc(var(--day-hue, 208.714) + -0.422) calc(53.712% * var(--day-chroma, 1)) 44.902%);box-shadow:0 7px 17px hsl(calc(var(--day-hue, 208.714) + -0.240) calc(47.200% * var(--day-chroma, 1)) 50.980% / 0.1451)}[data-theme=daylight] .secondary{background:#fff;border-color:hsl(calc(var(--day-hue, 208.714) + -0.143) calc(41.176% * var(--day-chroma, 1)) 90.000%);color:hsl(calc(var(--day-hue, 208.714) + -0.827) calc(29.461% * var(--day-chroma, 1)) 47.255%)}[data-theme=daylight] .secondary:hover{background:hsl(calc(var(--day-hue, 208.714) + 2.865) calc(100.000% * var(--day-chroma, 1)) 96.275%);border-color:hsl(calc(var(--day-hue, 208.714) + 0.214) calc(52.830% * var(--day-chroma, 1)) 79.216%)}[data-theme=daylight] .text-button{color:hsl(calc(var(--day-hue, 208.714) + -1.191) calc(45.228% * var(--day-chroma, 1)) 52.745%)}[data-theme=daylight] .icon-button{color:hsl(calc(var(--day-hue, 208.714) + -0.937) calc(24.107% * var(--day-chroma, 1)) 56.078%)}[data-theme=daylight] .icon-button:hover{background:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(75.000% * var(--day-chroma, 1)) 95.294%)}[data-theme=daylight] .danger{background:#fff0ed;color:#be746c}
[data-theme=daylight] .welcome-banner{background:linear-gradient(115deg,hsl(calc(var(--day-hue, 208.714) + 2.253) calc(100.000% * var(--day-chroma, 1)) 93.922%) 0%,hsl(calc(var(--day-hue, 208.714) + 1.286) calc(100.000% * var(--day-chroma, 1)) 95.686%) 70%,hsl(calc(var(--day-hue, 208.714) + 3.429) calc(100.000% * var(--day-chroma, 1)) 94.510%) 100%);border:1px solid hsl(calc(var(--day-hue, 208.714) + 2.143) calc(77.778% * var(--day-chroma, 1)) 91.176%);border-radius:27px;color:hsl(calc(var(--day-hue, 208.714) + -0.807) calc(46.237% * var(--day-chroma, 1)) 36.471%);box-shadow:0 8px 30px hsl(calc(var(--day-hue, 208.714) + 4.389) calc(39.726% * var(--day-chroma, 1)) 57.059% / 0.0196)}[data-theme=daylight] .welcome-banner .badge{color:hsl(calc(var(--day-hue, 208.714) + -2.892) calc(34.802% * var(--day-chroma, 1)) 55.490%);background:#ffffff85;border-color:#fff}[data-theme=daylight] .welcome-banner .status-dot{color:#e6a18a}[data-theme=daylight] .welcome-banner h2{color:hsl(calc(var(--day-hue, 208.714) + -0.629) calc(44.340% * var(--day-chroma, 1)) 41.569%);font-weight:600;letter-spacing:-1.6px}[data-theme=daylight] .welcome-banner h2>span{color:hsl(calc(var(--day-hue, 208.714) + 0.810) calc(37.278% * var(--day-chroma, 1)) 66.863%)}[data-theme=daylight] .welcome-banner p{color:hsl(calc(var(--day-hue, 208.714) + -1.361) calc(30.909% * var(--day-chroma, 1)) 56.863%)}[data-theme=daylight] .banner-link{background:#fff;color:hsl(calc(var(--day-hue, 208.714) + -1.114) calc(40.323% * var(--day-chroma, 1)) 48.627%);border:1px solid hsl(calc(var(--day-hue, 208.714) + -0.479) calc(62.963% * var(--day-chroma, 1)) 89.412%);box-shadow:0 4px 8px hsl(calc(var(--day-hue, 208.714) + 0.377) calc(40.741% * var(--day-chroma, 1)) 52.353% / 0.0314);border-radius:11px}[data-theme=daylight] .banner-link:hover{background:#fff4ed;border-color:#f7d5c5}[data-theme=daylight] .hero-footnote{color:hsl(calc(var(--day-hue, 208.714) + -0.937) calc(28.125% * var(--day-chroma, 1)) 62.353%)}[data-theme=daylight] .art-orbit{border-color:hsl(calc(var(--day-hue, 208.714) + 0.086) calc(60.976% * var(--day-chroma, 1)) 83.922% / 0.5216)}[data-theme=daylight] .art-orbit:before{border-color:hsl(calc(var(--day-hue, 208.714) + 0.086) calc(60.976% * var(--day-chroma, 1)) 83.922% / 0.5647)}[data-theme=daylight] .art-orbit:after{border-color:hsl(calc(var(--day-hue, 208.714) + -3.381) calc(61.644% * var(--day-chroma, 1)) 85.686% / 0.2902)}[data-theme=daylight] .stack-back{background:hsl(calc(var(--day-hue, 208.714) + -0.479) calc(71.831% * var(--day-chroma, 1)) 86.078%);border-color:#fff}[data-theme=daylight] .stack-middle{background:#ffd9c8}[data-theme=daylight] .stack-front{background:#fffefa;box-shadow:0 18px 30px hsl(calc(var(--day-hue, 208.714) + 0.571) calc(42.000% * var(--day-chroma, 1)) 60.784% / 0.1686);color:hsl(calc(var(--day-hue, 208.714) + -3.932) calc(23.711% * var(--day-chroma, 1)) 38.039%)}[data-theme=daylight] .art-spark{color:#edab91}[data-theme=daylight] .art-sticker{background:#fff2ca;border-color:hsl(calc(var(--day-hue, 208.714) + 2.486) calc(100.000% * var(--day-chroma, 1)) 95.098%);color:#b69649}[data-theme=daylight] .art-label{color:hsl(calc(var(--day-hue, 208.714) + -2.048) calc(29.032% * var(--day-chroma, 1)) 63.529%)}[data-theme=daylight] .planner-line:nth-of-type(3) i,[data-theme=daylight] .planner-line:nth-of-type(4) i{background:hsl(calc(var(--day-hue, 208.714) + 5.571) calc(63.636% * var(--day-chroma, 1)) 93.529%);border-color:hsl(calc(var(--day-hue, 208.714) + 5.571) calc(60.870% * var(--day-chroma, 1)) 90.980%)}[data-theme=daylight] .planner-progress i{background:hsl(calc(var(--day-hue, 208.714) + 5.104) calc(44.000% * var(--day-chroma, 1)) 75.490%)}
[data-theme=daylight] .week-strip,[data-theme=daylight] .card,[data-theme=daylight] .stats .stat-card{background:#fff;border-color:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(47.368% * var(--day-chroma, 1)) 92.549%);box-shadow:0 5px 20px hsl(calc(var(--day-hue, 208.714) + 1.968) calc(34.646% * var(--day-chroma, 1)) 49.804% / 0.0157);border-radius:20px}[data-theme=daylight] .card:hover{border-color:hsl(calc(var(--day-hue, 208.714) + -3.553) calc(44.928% * var(--day-chroma, 1)) 86.471%)}[data-theme=daylight] .week-title strong span{color:hsl(calc(var(--day-hue, 208.714) + 0.429) calc(18.919% * var(--day-chroma, 1)) 63.725%)}[data-theme=daylight] .week-day>span{color:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(18.085% * var(--day-chroma, 1)) 63.137%)}[data-theme=daylight] .week-day:hover{background:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(75.000% * var(--day-chroma, 1)) 96.863%)}[data-theme=daylight] .week-day.is-today{background:hsl(calc(var(--day-hue, 208.714) + 2.143) calc(100.000% * var(--day-chroma, 1)) 93.137%);color:hsl(calc(var(--day-hue, 208.714) + -0.293) calc(40.084% * var(--day-chroma, 1)) 46.471%);box-shadow:none}[data-theme=daylight] .week-day.is-today>span{color:hsl(calc(var(--day-hue, 208.714) + 0.146) calc(36.744% * var(--day-chroma, 1)) 57.843%)}[data-theme=daylight] .week-day.is-today>i{background:#eca48b}[data-theme=daylight] .week-day .has-events{background:hsl(calc(var(--day-hue, 208.714) + 0.777) calc(51.304% * var(--day-chroma, 1)) 77.451%)}[data-theme=daylight] .week-title{border-color:hsl(calc(var(--day-hue, 208.714) + -3.714) calc(37.500% * var(--day-chroma, 1)) 93.725%)}[data-theme=daylight] .week-title strong{color:hsl(calc(var(--day-hue, 208.714) + -1.257) calc(25.764% * var(--day-chroma, 1)) 44.902%)}[data-theme=daylight] .week-open{color:hsl(calc(var(--day-hue, 208.714) + -2.048) calc(27.607% * var(--day-chroma, 1)) 68.039%)}
[data-theme=daylight] .stats .stat-card:hover{border-color:hsl(calc(var(--day-hue, 208.714) + -0.629) calc(55.294% * var(--day-chroma, 1)) 83.333%);box-shadow:0 7px 20px hsl(calc(var(--day-hue, 208.714) + 1.968) calc(34.646% * var(--day-chroma, 1)) 49.804% / 0.0431)}[data-theme=daylight] .stats .stat-card:after{color:hsl(calc(var(--day-hue, 208.714) + -0.214) calc(29.851% * var(--day-chroma, 1)) 73.725%)}[data-theme=daylight] .stats small{color:hsl(calc(var(--day-hue, 208.714) + -0.078) calc(20.183% * var(--day-chroma, 1)) 57.255%)}[data-theme=daylight] .stats strong{color:hsl(calc(var(--day-hue, 208.714) + 0.496) calc(37.255% * var(--day-chroma, 1)) 40.000%);font-weight:600}[data-theme=daylight] .stats em{color:hsl(calc(var(--day-hue, 208.714) + -0.293) calc(19.792% * var(--day-chroma, 1)) 62.353%)}[data-theme=daylight] .stat-icon.purple{background:hsl(calc(var(--day-hue, 208.714) + 10.416) calc(100.000% * var(--day-chroma, 1)) 95.490%);color:hsl(calc(var(--day-hue, 208.714) + 7.582) calc(44.262% * var(--day-chroma, 1)) 64.118%)}[data-theme=daylight] .stat-icon.green{background:#e8f6f0;color:#86b2a1}[data-theme=daylight] .stat-icon.amber{background:#fff0e6;color:#cf9e7d}
[data-theme=daylight] .section-head p{color:hsl(calc(var(--day-hue, 208.714) + 0.429) calc(18.919% * var(--day-chroma, 1)) 63.725%)}[data-theme=daylight] .count{background:hsl(calc(var(--day-hue, 208.714) + 5.571) calc(100.000% * var(--day-chroma, 1)) 95.882%);color:hsl(calc(var(--day-hue, 208.714) + 0.794) calc(34.078% * var(--day-chroma, 1)) 64.902%)}[data-theme=daylight] .pill{background:#eaf5ef;color:#82a897}[data-theme=daylight] .timeline-time{color:hsl(calc(var(--day-hue, 208.714) + -0.293) calc(24.255% * var(--day-chroma, 1)) 53.922%)}[data-theme=daylight] .timeline-time span{color:hsl(calc(var(--day-hue, 208.714) + -1.872) calc(23.457% * var(--day-chroma, 1)) 68.235%)}[data-theme=daylight] .timeline-body{border-color:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(52.941% * var(--day-chroma, 1)) 93.333%)}[data-theme=daylight] .timeline-body:before{background:hsl(calc(var(--day-hue, 208.714) + -0.078) calc(50.000% * var(--day-chroma, 1)) 82.745%)}[data-theme=daylight] .task-main small{color:hsl(calc(var(--day-hue, 208.714) + -0.143) calc(22.105% * var(--day-chroma, 1)) 62.745%)}[data-theme=daylight] .task-main strong{color:hsl(calc(var(--day-hue, 208.714) + -0.240) calc(28.230% * var(--day-chroma, 1)) 40.980%)}[data-theme=daylight] .task-main strong.done{color:hsl(calc(var(--day-hue, 208.714) + -1.022) calc(17.568% * var(--day-chroma, 1)) 70.980%)}[data-theme=daylight] .check{border-color:hsl(calc(var(--day-hue, 208.714) + -2.714) calc(40.541% * var(--day-chroma, 1)) 85.490%)}[data-theme=daylight] .check.checked{background:#9fc5b4;border-color:#9fc5b4}[data-theme=daylight] .task-row .icon-button{color:hsl(calc(var(--day-hue, 208.714) + -0.479) calc(21.795% * var(--day-chroma, 1)) 69.412%)}[data-theme=daylight] .task-percent{color:hsl(calc(var(--day-hue, 208.714) + 4.444) calc(23.171% * var(--day-chroma, 1)) 67.843%)}[data-theme=daylight] .event-detail{background:hsl(calc(var(--day-hue, 208.714) + 5.571) calc(87.500% * var(--day-chroma, 1)) 96.863%)}[data-theme=daylight] .event-detail>span{color:hsl(calc(var(--day-hue, 208.714) + -2.398) calc(32.571% * var(--day-chroma, 1)) 65.686%)}[data-theme=daylight] .upcoming-item{border-color:hsl(calc(var(--day-hue, 208.714) + -1.442) calc(44.000% * var(--day-chroma, 1)) 95.098%)}[data-theme=daylight] .upcoming-item small,[data-theme=daylight] .upcoming-item em{color:hsl(calc(var(--day-hue, 208.714) + -0.293) calc(21.348% * var(--day-chroma, 1)) 65.098%)}[data-theme=daylight] .upcoming-item strong{color:hsl(calc(var(--day-hue, 208.714) + -1.818) calc(25.664% * var(--day-chroma, 1)) 44.314%)}
[data-theme=daylight] .focus{background:#fff5ec;border-color:#f7e5d7}[data-theme=daylight] .focus:after{color:#f5d7bd60}[data-theme=daylight] .focus-header,[data-theme=daylight] .focus .eyebrow{color:#c9a080}[data-theme=daylight] .focus h3{color:#b48b69}[data-theme=daylight] .focus p{color:#b49a84}[data-theme=daylight] .progress{background:hsl(calc(var(--day-hue, 208.714) + 3.593) calc(44.828% * var(--day-chroma, 1)) 94.314%)}[data-theme=daylight] .progress i{background:hsl(calc(var(--day-hue, 208.714) + 1.762) calc(48.092% * var(--day-chroma, 1)) 74.314%)}[data-theme=daylight] .focus .progress{background:#f2e4d7}[data-theme=daylight] .focus .progress i{background:#dbb595}[data-theme=daylight] footer{color:hsl(calc(var(--day-hue, 208.714) + 0.475) calc(23.270% * var(--day-chroma, 1)) 68.824%)}
[data-theme=daylight] .segments{background:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(50.000% * var(--day-chroma, 1)) 94.510%);border-color:hsl(calc(var(--day-hue, 208.714) + -0.293) calc(42.222% * var(--day-chroma, 1)) 91.176%);border-radius:13px}[data-theme=daylight] .segments button{color:hsl(calc(var(--day-hue, 208.714) + 0.619) calc(23.810% * var(--day-chroma, 1)) 62.941%)}[data-theme=daylight] .segments button.active{background:#fff;color:hsl(calc(var(--day-hue, 208.714) + -0.479) calc(34.979% * var(--day-chroma, 1)) 52.353%);box-shadow:0 2px 5px hsl(calc(var(--day-hue, 208.714) + -1.442) calc(31.687% * var(--day-chroma, 1)) 47.647% / 0.0392)}[data-theme=daylight] .segments button:hover{color:hsl(calc(var(--day-hue, 208.714) + -0.178) calc(33.333% * var(--day-chroma, 1)) 48.235%)}[data-theme=daylight] .homework-progress label{color:hsl(calc(var(--day-hue, 208.714) + -0.909) calc(23.164% * var(--day-chroma, 1)) 65.294%)}[data-theme=daylight] .exam-card{border-top-color:var(--accent)}[data-theme=daylight] .exam-card.selected{background:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(100.000% * var(--day-chroma, 1)) 98.039%);border-color:hsl(calc(var(--day-hue, 208.714) + -0.479) calc(54.839% * var(--day-chroma, 1)) 81.765%);box-shadow:0 5px 20px hsl(calc(var(--day-hue, 208.714) + 1.968) calc(34.646% * var(--day-chroma, 1)) 49.804% / 0.0275)}[data-theme=daylight] .exam-card small{color:hsl(calc(var(--day-hue, 208.714) + -0.714) calc(24.324% * var(--day-chroma, 1)) 63.725%)}[data-theme=daylight] .learning-summary span{color:hsl(calc(var(--day-hue, 208.714) + -1.147) calc(21.387% * var(--day-chroma, 1)) 66.078%)}[data-theme=daylight] .material{background:hsl(calc(var(--day-hue, 208.714) + 3.050) calc(100.000% * var(--day-chroma, 1)) 96.667%);color:hsl(calc(var(--day-hue, 208.714) + 0.117) calc(32.766% * var(--day-chroma, 1)) 53.922%)}[data-theme=daylight] .material p{color:hsl(calc(var(--day-hue, 208.714) + -0.412) calc(28.649% * var(--day-chroma, 1)) 63.725%)}[data-theme=daylight] .order-buttons button{color:hsl(calc(var(--day-hue, 208.714) + -0.143) calc(27.273% * var(--day-chroma, 1)) 69.804%)}[data-theme=daylight] .order-buttons button:hover{background:hsl(calc(var(--day-hue, 208.714) + 3.050) calc(100.000% * var(--day-chroma, 1)) 96.667%)}
[data-theme=daylight] .weekday{background:hsl(calc(var(--day-hue, 208.714) + 5.571) calc(100.000% * var(--day-chroma, 1)) 98.627%);color:hsl(calc(var(--day-hue, 208.714) + -0.714) calc(24.862% * var(--day-chroma, 1)) 64.510%)}[data-theme=daylight] .calendar-day:hover{background:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(100.000% * var(--day-chroma, 1)) 98.431%)}[data-theme=daylight] .calendar-day.today{background:hsl(calc(var(--day-hue, 208.714) + 5.571) calc(100.000% * var(--day-chroma, 1)) 97.255%)}[data-theme=daylight] .calendar-day.today .day-number{background:hsl(calc(var(--day-hue, 208.714) + 0.496) calc(45.783% * var(--day-chroma, 1)) 67.451%)}[data-theme=daylight] .calendar-day.outside{background:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(75.000% * var(--day-chroma, 1)) 98.431%);color:hsl(calc(var(--day-hue, 208.714) + -1.022) calc(22.414% * var(--day-chroma, 1)) 77.255%)}[data-theme=daylight] .calendar-event.event{background:hsl(calc(var(--day-hue, 208.714) + 5.571) calc(100.000% * var(--day-chroma, 1)) 95.882%);border-color:hsl(calc(var(--day-hue, 208.714) + 0.740) calc(56.701% * var(--day-chroma, 1)) 80.980%);color:hsl(calc(var(--day-hue, 208.714) + 1.675) calc(32.766% * var(--day-chroma, 1)) 53.922%)}[data-theme=daylight] .calendar-event.homework{background:#fff0f1;border-color:#e4b9bf;color:#b1808a}[data-theme=daylight] .calendar-event.topic{background:#edf6f1;border-color:#b4d3c3;color:#81a895}
[data-theme=daylight] label{color:hsl(calc(var(--day-hue, 208.714) + 0.175) calc(22.500% * var(--day-chroma, 1)) 52.941%)}[data-theme=daylight] input,[data-theme=daylight] select,[data-theme=daylight] textarea{background:hsl(calc(var(--day-hue, 208.714) + -4.714) calc(100.000% * var(--day-chroma, 1)) 99.020%);border-color:hsl(calc(var(--day-hue, 208.714) + -1.714) calc(40.000% * var(--day-chroma, 1)) 90.196%);color:hsl(calc(var(--day-hue, 208.714) + -1.442) calc(30.275% * var(--day-chroma, 1)) 42.745%)}[data-theme=daylight] input:focus,[data-theme=daylight] textarea:focus,[data-theme=daylight] select:focus{background:#fff;border-color:hsl(calc(var(--day-hue, 208.714) + -0.058) calc(52.756% * var(--day-chroma, 1)) 75.098%);box-shadow:0 0 0 3px hsl(calc(var(--day-hue, 208.714) + -0.240) calc(71.084% * var(--day-chroma, 1)) 83.725% / 0.2000)}[data-theme=daylight] input:disabled{background:hsl(calc(var(--day-hue, 208.714) + -3.000) calc(41.176% * var(--day-chroma, 1)) 96.667%);color:hsl(calc(var(--day-hue, 208.714) + -0.293) calc(20.879% * var(--day-chroma, 1)) 64.314%)}[data-theme=daylight] dialog{background:#fff;color:hsl(calc(var(--day-hue, 208.714) + -0.429) calc(37.234% * var(--day-chroma, 1)) 36.863%);border-color:hsl(calc(var(--day-hue, 208.714) + -1.442) calc(45.833% * var(--day-chroma, 1)) 90.588%);border-radius:25px;box-shadow:0 35px 100px hsl(calc(var(--day-hue, 208.714) + -1.527) calc(28.319% * var(--day-chroma, 1)) 44.314% / 0.2078)}[data-theme=daylight] dialog::backdrop{background:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(22.414% * var(--day-chroma, 1)) 54.510% / 0.2902)}[data-theme=daylight] .optional-learning{background:hsl(calc(var(--day-hue, 208.714) + 4.013) calc(84.615% * var(--day-chroma, 1)) 97.451%);border-color:hsl(calc(var(--day-hue, 208.714) + -1.714) calc(52.632% * var(--day-chroma, 1)) 92.549%)}[data-theme=daylight] .optional-learning summary{color:hsl(calc(var(--day-hue, 208.714) + -1.022) calc(32.020% * var(--day-chroma, 1)) 60.196%)}[data-theme=daylight] .color-picker legend{color:hsl(calc(var(--day-hue, 208.714) + -0.293) calc(24.464% * var(--day-chroma, 1)) 54.314%)}[data-theme=daylight] .color-grid{background:hsl(calc(var(--day-hue, 208.714) + -1.442) calc(57.895% * var(--day-chroma, 1)) 96.275%);border-color:hsl(calc(var(--day-hue, 208.714) + -0.293) calc(46.341% * var(--day-chroma, 1)) 91.961%)}[data-theme=daylight] .chosen-color,[data-theme=daylight] .chosen-color strong{color:hsl(calc(var(--day-hue, 208.714) + -0.857) calc(26.667% * var(--day-chroma, 1)) 58.824%)}[data-theme=daylight] .subject-row small{color:hsl(calc(var(--day-hue, 208.714) + -0.143) calc(24.419% * var(--day-chroma, 1)) 66.275%)}[data-theme=daylight] .add-subject-button{background:hsl(calc(var(--day-hue, 208.714) + 3.786) calc(100.000% * var(--day-chroma, 1)) 95.294%);color:hsl(calc(var(--day-hue, 208.714) + -1.323) calc(39.316% * var(--day-chroma, 1)) 54.118%);border-color:hsl(calc(var(--day-hue, 208.714) + 0.554) calc(69.492% * var(--day-chroma, 1)) 88.431%)}[data-theme=daylight] .add-subject-button:hover{background:hsl(calc(var(--day-hue, 208.714) + 3.857) calc(100.000% * var(--day-chroma, 1)) 93.137%)}[data-theme=daylight] .empty>span{background:hsl(calc(var(--day-hue, 208.714) + 4.619) calc(100.000% * var(--day-chroma, 1)) 96.471%);color:hsl(calc(var(--day-hue, 208.714) + 1.286) calc(42.424% * var(--day-chroma, 1)) 74.118%)}[data-theme=daylight] .form-error{color:#bf7c7c}[data-theme=daylight] #toast{background:#fff;color:hsl(calc(var(--day-hue, 208.714) + -2.560) calc(32.773% * var(--day-chroma, 1)) 46.667%);border-color:hsl(calc(var(--day-hue, 208.714) + -2.627) calc(48.936% * var(--day-chroma, 1)) 90.784%);box-shadow:0 10px 30px hsl(calc(var(--day-hue, 208.714) + -0.240) calc(24.082% * var(--day-chroma, 1)) 51.961% / 0.1412)}
[data-theme=daylight] .design-choice{border-color:hsl(calc(var(--day-hue, 208.714) + -1.714) calc(47.619% * var(--day-chroma, 1)) 91.765%)}[data-theme=daylight] .design-choice:hover{border-color:hsl(calc(var(--day-hue, 208.714) + -1.346) calc(56.436% * var(--day-chroma, 1)) 80.196%)}[data-theme=daylight] .design-choice.selected{border-color:hsl(calc(var(--day-hue, 208.714) + -1.083) calc(51.351% * var(--day-chroma, 1)) 70.980%);box-shadow:0 0 0 3px hsl(calc(var(--day-hue, 208.714) + -0.412) calc(55.789% * var(--day-chroma, 1)) 81.373% / 0.0706)}[data-theme=daylight] .selected .theme-check{background:hsl(calc(var(--day-hue, 208.714) + -0.714) calc(45.455% * var(--day-chroma, 1)) 67.647%);border-color:hsl(calc(var(--day-hue, 208.714) + -0.714) calc(45.455% * var(--day-chroma, 1)) 67.647%)}[data-theme=daylight] .design-settings .section-head>.icon{color:#d6ac92}[data-theme=daylight] .design-caption strong{color:hsl(calc(var(--day-hue, 208.714) + -1.442) calc(26.613% * var(--day-chroma, 1)) 48.627%)}[data-theme=daylight] .design-caption p{color:hsl(calc(var(--day-hue, 208.714) + -0.293) calc(21.591% * var(--day-chroma, 1)) 65.490%)}
@media(max-width:760px){[data-theme=daylight] .mobile-nav{background:#fffffff2;border:1px solid hsl(calc(var(--day-hue, 208.714) + 1.286) calc(52.381% * var(--day-chroma, 1)) 91.765%);box-shadow:0 8px 25px hsl(calc(var(--day-hue, 208.714) + -1.214) calc(32.727% * var(--day-chroma, 1)) 56.863% / 0.1686)}[data-theme=daylight] .mobile-nav button{color:hsl(calc(var(--day-hue, 208.714) + -0.629) calc(27.168% * var(--day-chroma, 1)) 66.078%)}[data-theme=daylight] .mobile-nav button.active{color:hsl(calc(var(--day-hue, 208.714) + -0.857) calc(45.161% * var(--day-chroma, 1)) 51.373%)}[data-theme=daylight] .mobile-nav button.active>span{background:hsl(calc(var(--day-hue, 208.714) + 3.429) calc(100.000% * var(--day-chroma, 1)) 94.510%)}}
@media(max-width:540px){.design-choices{gap:13px;grid-template-columns:1fr}.design-preview{height:160px}.mini-sidebar{width:19%;padding:14px 11px}.mini-content{padding:14px;width:81%;gap:8px}.design-caption{padding:13px 8px 7px}.design-caption p{font-size:10px}.design-caption strong{font-size:15px}.design-settings .section-head{align-items:flex-start}.design-settings .section-head>.icon{width:23px;height:23px}.design-settings .section-head h2{font-size:20px}.design-settings .section-head p{line-height:1.6}[data-theme=daylight] .welcome-banner h2{letter-spacing:-1px}}
/* Keep secondary text readable on the light surfaces. */
[data-theme=daylight] .sidebar nav button{color:hsl(calc(var(--day-hue, 208.714) + 0.697) calc(20.816% * var(--day-chroma, 1)) 48.039%)}[data-theme=daylight] .welcome-banner h2>span{color:hsl(calc(var(--day-hue, 208.714) + 0.086) calc(33.937% * var(--day-chroma, 1)) 56.667%)}[data-theme=daylight] .welcome-banner p{color:hsl(calc(var(--day-hue, 208.714) + 0.018) calc(29.218% * var(--day-chroma, 1)) 47.647%)}[data-theme=daylight] .hero-footnote,[data-theme=daylight] .art-label{color:hsl(calc(var(--day-hue, 208.714) + -0.532) calc(27.049% * var(--day-chroma, 1)) 52.157%)}[data-theme=daylight] .section-head p,[data-theme=daylight] .stats small,[data-theme=daylight] .stats em,[data-theme=daylight] .task-main small,[data-theme=daylight] .upcoming-item small,[data-theme=daylight] .upcoming-item em,[data-theme=daylight] .design-caption p,[data-theme=daylight] .subject-row small,[data-theme=daylight] .profile small,[data-theme=daylight] .exam-card small,[data-theme=daylight] .learning-summary span{color:hsl(calc(var(--day-hue, 208.714) + 0.647) calc(19.184% * var(--day-chroma, 1)) 51.961%)}[data-theme=daylight] .eyebrow{color:hsl(calc(var(--day-hue, 208.714) + -0.714) calc(18.828% * var(--day-chroma, 1)) 53.137%)}[data-theme=daylight] .focus h3{color:#956b4d}[data-theme=daylight] .focus p,[data-theme=daylight] .focus .eyebrow{color:#9c7a5e}[data-theme=daylight] .sidebar-tip p{color:#9a7762}[data-theme=daylight] .sidebar-tip>small{color:#9f7a65}.sidebar-tip{flex-shrink:0}@media(max-height:780px) and (min-width:761px){.sidebar-tip{display:none}}
.daylight-colors{margin-top:23px;padding-top:23px;border-top:1px solid var(--border)}.accent-heading{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-bottom:16px}.accent-heading h3{font-size:16px;margin:0 0 7px}.accent-heading p{font-size:11px;margin:0;max-width:560px}.accent-preview{height:35px;width:35px;border-radius:11px;flex-shrink:0;box-shadow:0 0 0 4px #ffffff,0 0 0 5px #ddd}.accent-presets{display:grid;grid-template-columns:repeat(8,38px);gap:10px;padding:5px}.accent-presets .color-swatch{border-radius:10px}.accent-more{margin-top:18px}.accent-more summary{font-size:12px;color:var(--purple);font-weight:600;cursor:pointer}.accent-more .color-grid{margin:16px 0 8px;max-width:340px}.accent-custom{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:500;margin:18px 0 0}.accent-custom input{width:35px;height:30px;margin:0;padding:2px;cursor:pointer}.accent-custom>span{font-size:10px;color:var(--muted)}.accent-presets button:disabled,.accent-more button:disabled{cursor:wait}@media(max-width:540px){.accent-presets{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.accent-presets .color-swatch{border-radius:7px}.accent-presets .color-swatch span{font-size:11px}.accent-heading h3{font-size:14px}.accent-heading p{font-size:10px}.accent-more .color-grid{max-width:100%}.accent-custom{font-size:10px}}
.accent-layout{display:grid;grid-template-columns:minmax(0,1fr) 222px;gap:30px;align-items:start}.accent-main{min-width:0;padding-top:8px}.accent-layout .accent-presets{grid-template-columns:repeat(4,38px);gap:12px}.accent-layout .accent-heading{align-items:flex-start}.accent-layout .accent-heading p{max-width:360px}.accent-layout .accent-custom{flex-wrap:wrap;margin-top:25px}.accent-palette{background:color-mix(in srgb,var(--purple) 3%,white);border:1px solid var(--border);border-radius:16px;overflow:hidden;padding:15px 11px 10px}.palette-heading{display:flex;flex-direction:column;gap:5px;padding:0 6px 13px}.palette-heading strong{font-size:13px;color:var(--ink)}.palette-heading>span{font-size:10px;color:var(--muted)}.palette-scroll{max-height:290px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--purple) 35%,white) transparent;padding:5px 8px 7px 5px;scroll-padding:8px}.palette-scroll .color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;border:0;padding:0;background:transparent;max-width:none;margin:0}.palette-scroll .color-swatch{border-radius:5px}.palette-scroll:focus-visible{outline:2px solid var(--purple);outline-offset:-2px;border-radius:8px}.palette-scroll .color-swatch:hover{transform:scale(1.06)}@media(max-width:1000px){.accent-layout{gap:20px;grid-template-columns:minmax(0,1fr) 190px}.accent-layout .accent-presets{grid-template-columns:repeat(4,31px);gap:10px}.palette-scroll{max-height:270px}}@media(max-width:650px){.accent-layout{grid-template-columns:1fr;gap:23px}.accent-layout .accent-presets{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.accent-layout .accent-custom{margin-top:18px}.accent-palette{padding:16px 12px 10px}.palette-scroll{max-height:258px}.palette-scroll .color-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:280px;margin-inline:auto;gap:8px}.palette-heading{padding-inline:6px}.palette-heading strong{font-size:14px}}
/* Responsive settings layout: bounded previews and a complete, centered palette. */
.content:has(.design-settings){width:100%;max-width:1800px;margin-inline:auto}
.design-settings:has(.daylight-colors){display:block}
.design-settings>.section-head{margin-bottom:22px}
.design-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.design-choice{min-width:0;display:flex;flex-direction:column}
.design-preview{width:100%;height:auto;aspect-ratio:2.6;min-height:120px;flex-shrink:0}
.design-preview .mini-sidebar{width:20%;padding:clamp(12px,1.1vw,22px) 10px;gap:11px}
.design-preview .mini-content{width:80%;height:100%;padding:clamp(12px,1.1vw,22px);display:grid;grid-template-rows:8px minmax(30px,1fr) 22px 25px;gap:10px}
.design-preview .mini-hero{height:auto;min-height:0;padding:12px}
.design-preview .mini-stats>i,.design-preview .mini-bottom>i{height:100%;min-height:0}
.design-caption{flex:1;min-width:0;align-items:center}
.design-caption p{line-height:1.5;overflow-wrap:anywhere}
.design-settings>.daylight-colors{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:23px;padding-top:23px;border-top:1px solid var(--border)}
.design-settings .accent-main{min-width:0;padding:0;border:0}
.design-settings .accent-heading{margin-bottom:14px}
.design-settings .accent-heading p{max-width:none}
.design-settings .accent-presets{display:flex;flex-wrap:wrap;gap:10px}
.design-settings .accent-presets .color-swatch{width:35px;flex:0 0 35px}
.design-settings .accent-custom{margin-top:16px;flex-wrap:wrap}
.design-settings .accent-palette{display:block;width:100%;min-width:0;padding:18px 18px 13px}
.design-settings .palette-heading{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;padding:0 5px 13px}
.design-settings .palette-scroll{height:auto;min-height:0;max-height:none;overflow:visible;padding:5px 5px 8px;scrollbar-gutter:auto}
.design-settings .palette-scroll .color-grid{grid-template-columns:repeat(20,minmax(0,1fr));gap:7px;width:100%;max-width:1100px;margin-inline:auto}
.design-settings .palette-scroll .color-swatch{min-width:0;max-width:100%}
@media(max-width:1150px){.design-settings .palette-scroll .color-grid{grid-template-columns:repeat(10,minmax(0,1fr));max-width:540px}.design-preview{aspect-ratio:2.2}.design-preview .mini-content{grid-template-rows:6px minmax(25px,1fr) 18px 20px;gap:8px;padding:12px}.design-preview .mini-sidebar{padding:12px 8px;gap:9px}}
@media(max-width:650px){.design-choices{grid-template-columns:1fr;gap:14px}.design-preview{aspect-ratio:2.6;min-height:120px}.design-settings .palette-scroll .color-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.design-settings .accent-palette{padding:15px 10px 10px}.design-settings .palette-heading{align-items:flex-start;flex-direction:column;gap:5px}.design-settings .accent-presets{gap:8px}.design-settings .accent-presets .color-swatch{width:31px;flex-basis:31px}}
@media(max-width:440px){.design-settings .palette-scroll .color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:280px}.design-settings .accent-heading{gap:10px}.design-preview{aspect-ratio:2.2}.design-caption{padding:13px 8px 8px}.design-caption p{font-size:10px}}
/* One wide control both shows and changes a homework's progress. */
.homework-progress{display:block;max-width:none;width:calc(100% - 64px);margin:4px 32px 0;padding:10px 0 2px}
.homework-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:3px}
.homework-progress .homework-progress-heading label{display:block;margin:0;font-size:12px;font-weight:600;color:var(--muted)}
.homework-progress output{display:inline-block;min-width:59px;padding:6px 10px;text-align:center;border-radius:8px;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--purple);background:color-mix(in srgb,var(--purple) 10%,white)}
.homework-progress input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:38px;margin:0;padding:0;background:transparent;border:0;cursor:pointer;box-shadow:none;border-radius:12px}
.homework-progress input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:12px;background:linear-gradient(to right,var(--purple) 0%,var(--purple) var(--completion),color-mix(in srgb,var(--purple) 12%,white) var(--completion),color-mix(in srgb,var(--purple) 12%,white) 100%)}
.homework-progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-6px;background:var(--purple);border:3px solid #fff;border-radius:50%;box-shadow:0 1px 5px #25233b35}
.homework-progress input[type=range]::-moz-range-track{height:12px;border-radius:12px;background:linear-gradient(to right,var(--purple) 0%,var(--purple) var(--completion),color-mix(in srgb,var(--purple) 12%,white) var(--completion),color-mix(in srgb,var(--purple) 12%,white) 100%)}
.homework-progress input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--purple);border:3px solid #fff;border-radius:50%;box-shadow:0 1px 5px #25233b35}
.homework-progress input[type=range]:focus-visible{outline:3px solid color-mix(in srgb,var(--purple) 40%,white);outline-offset:3px}
@media(max-width:540px){.homework-progress{width:calc(100% - 29px);margin:5px 0 0 27px;padding-top:7px}.homework-progress .homework-progress-heading label{font-size:11px}.homework-progress output{font-size:14px;min-width:55px;padding:5px 8px}.homework-progress input[type=range]{height:40px}}
/* A single compact color picker; no second row of duplicate options. */
.design-settings>.daylight-colors.compact-appearance{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:22px;padding-top:22px}
.compact-appearance-copy{padding-top:10px;min-width:0}.compact-appearance-copy h3{margin:0 0 7px;font-size:16px}.compact-appearance-copy p{font-size:11px;margin:0}
.compact-color-picker{width:340px;max-width:100%;flex-shrink:0}.compact-color-picker summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--border);background:color-mix(in srgb,var(--purple) 3%,white);border-radius:13px}.compact-color-picker summary::-webkit-details-marker{display:none}.compact-color-sample{width:32px;height:32px;border-radius:9px;border:1px solid #0001;flex-shrink:0}.compact-color-picker summary strong{display:block;font-size:12px;color:var(--ink)}.compact-color-picker summary small{display:block;font-size:10px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}.color-chevron{margin-left:auto;color:var(--muted);font-size:20px}.compact-color-picker[open] .color-chevron{transform:rotate(180deg)}.compact-color-panel{padding:17px 13px 14px;margin-top:9px;border:1px solid var(--border);border-radius:14px;background:#fff}.compact-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.compact-panel-heading strong{font-size:12px}.compact-panel-heading small{font-size:9px;color:var(--muted)}.compact-palette-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;padding:3px}.compact-palette-grid .color-swatch{border-radius:4px;min-width:0}.compact-palette-grid .color-swatch span{font-size:11px}.compact-custom-row{display:flex;align-items:flex-end;gap:9px;border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.compact-custom-row label{margin:0;flex:1;min-width:0;font-size:10px}.compact-custom-row input{padding:9px 10px;margin-top:6px;font-size:12px}.compact-custom-row .secondary{font-size:10px;padding:10px 12px}.compact-color-panel .theme-feedback{font-size:11px;margin-bottom:0}@media(max-width:950px){.design-settings>.daylight-colors.compact-appearance{flex-direction:column;gap:16px}.compact-appearance-copy{padding-top:0}.compact-color-picker{width:340px}}@media(max-width:540px){.compact-color-picker{width:100%}.compact-panel-heading{align-items:flex-start;flex-direction:column;gap:4px}.compact-color-panel{padding-inline:10px}.compact-palette-grid{gap:4px}}
/* Annual calendar: one compact card per month, with links into day/month views. */
.year-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;align-items:stretch}.year-month{padding:20px;min-width:0}.year-month-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.year-month-heading>button{display:flex;align-items:center;gap:12px;padding:0;text-align:left;text-transform:capitalize;font-size:16px;font-weight:650;color:var(--ink)}.year-month-heading>button span{font-size:15px;color:var(--muted)}.year-month-heading small{font-size:9px;color:var(--muted);white-space:nowrap}.year-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.year-weekday{text-align:center;font-size:9px;color:var(--muted);padding:2px 0 8px}.year-day{min-width:0;min-height:34px;border-radius:8px;padding:5px 1px 3px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:center}.year-day:hover{background:color-mix(in srgb,var(--purple) 10%,white)}.year-day.has-entries{font-weight:700}.year-day.is-today{background:var(--purple);color:#fff}.year-day.is-today:hover{background:var(--purple)}.year-dots{height:4px;display:flex;justify-content:center;gap:2px}.year-dots i{width:4px;height:4px;border-radius:50%;background:#779ad0}.year-dots .homework{background:#c383a9}.year-dots .topic{background:#71ab91}.year-day.is-today .year-dots i{background:#fff}@media(max-width:540px){.year-calendar{gap:14px}.year-month{padding:19px}.year-day{min-height:37px;font-size:12px}}
/* All Daylight interface accents follow the account's chosen color. */
:root[data-theme=daylight]{--day-soft:hsl(var(--day-hue,208.714) calc(65% * var(--day-chroma,1)) 96%);--day-line:hsl(var(--day-hue,208.714) calc(40% * var(--day-chroma,1)) 88%);--day-strong:hsl(var(--day-hue,208.714) calc(38% * var(--day-chroma,1)) 32%);--day-medium:hsl(var(--day-hue,208.714) calc(27% * var(--day-chroma,1)) 45%)}
[data-theme=daylight] .sidebar-tip{background:var(--day-soft);border-color:var(--day-line)}
[data-theme=daylight] .sidebar-tip strong,[data-theme=daylight] .profile strong{color:var(--day-strong)}
[data-theme=daylight] .sidebar-tip p,[data-theme=daylight] .sidebar-tip>small,[data-theme=daylight] .sidebar-tip>span{color:var(--day-medium)}
[data-theme=daylight] .profile>b,[data-theme=daylight] .avatar{background:color-mix(in srgb,var(--purple) 12%,white);color:var(--day-strong)}
[data-theme=daylight] .brand-mark{box-shadow:3px 3px 0 var(--day-soft)}
[data-theme=daylight] .greeting-dot,[data-theme=daylight] .welcome-banner .status-dot,[data-theme=daylight] .workspace-tag .status-dot,[data-theme=daylight] .design-settings .section-head>.icon{color:var(--purple)}
[data-theme=daylight] .focus{background:var(--day-soft);border-color:var(--day-line)}
[data-theme=daylight] .focus h3{color:var(--day-strong)}
[data-theme=daylight] .focus p,[data-theme=daylight] .focus .eyebrow,[data-theme=daylight] .focus-header{color:var(--day-medium)}
[data-theme=daylight] .focus:after{color:color-mix(in srgb,var(--purple) 14%,transparent)}
[data-theme=daylight] .focus .progress{background:var(--day-line)}[data-theme=daylight] .focus .progress i{background:var(--purple)}
[data-theme=daylight] .preview-daylight{--preview-bg:var(--day-soft);--preview-side:#fff;--preview-accent:color-mix(in srgb,var(--purple) 16%,white);--preview-pop:color-mix(in srgb,var(--purple) 36%,white)}
[data-theme=daylight] .preview-daylight .mini-sidebar{border-color:var(--day-line)}[data-theme=daylight] .preview-daylight .mini-sidebar>span{background:var(--day-line)}[data-theme=daylight] .preview-daylight .mini-sidebar>span:first-of-type{background:color-mix(in srgb,var(--purple) 15%,white)}[data-theme=daylight] .preview-daylight .mini-hero>b{border-color:color-mix(in srgb,var(--purple) 42%,white)}
/* All 100 colors stay visible in one compact grid. */
.design-settings>.daylight-colors.compact-appearance{display:block}
.compact-appearance-copy{padding-top:0;margin-bottom:17px}
.always-visible-palette{width:100%;max-width:none}
.always-visible-palette .compact-color-panel{margin:0;padding:17px;background:color-mix(in srgb,var(--purple) 2%,white)}
.always-visible-palette .compact-palette-grid{grid-template-columns:repeat(20,minmax(0,1fr));max-width:none;gap:6px;margin-inline:auto;width:100%}
.always-visible-palette .compact-custom-row{justify-content:flex-end}
.always-visible-palette .compact-custom-row label{flex:0 1 170px}
@media(max-width:1050px){.always-visible-palette .compact-palette-grid{grid-template-columns:repeat(10,minmax(0,1fr));max-width:none}}
@media(max-width:540px){.always-visible-palette .compact-color-panel{padding:13px 9px}.always-visible-palette .compact-palette-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.always-visible-palette .compact-custom-row{justify-content:space-between}}
/* Local review: clear focus, readable long entries and meaningful daily progress. */
button:disabled{cursor:not-allowed;opacity:.55;transform:none}
.startup-error{max-width:650px;margin:15vh auto;padding:28px}
.daily-goal{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}
.daily-goal>strong{font-size:14px}.daily-goal p{margin:8px 0}.daily-goal small{display:block;margin-top:10px;line-height:1.5;font-size:11px}
.page-heading>div,.profile>div,.task-main,.event-detail{min-width:0}
.page-heading h1,.profile strong,.event-detail strong,.exam-card h3{overflow-wrap:anywhere}
.sidebar{overflow-y:auto}.sidebar-tip{flex-shrink:0}
/* Keep password visibility controls inside the field without submitting the form. */
.password-field{position:relative;display:block;margin-top:8px}
.password-field input{margin-top:0;padding-right:52px}
.password-toggle{position:absolute;inset:0 0 0 auto;display:grid;place-items:center;width:46px;min-height:44px;padding:10px;color:var(--muted);border-radius:0 10px 10px 0}
.password-toggle:hover{color:var(--ink);background:color-mix(in srgb,var(--purple) 8%,transparent)}
.password-toggle .icon{width:20px;height:20px}

/* BNS import: readable on phones and wide settings pages. */
.bns-card{margin-bottom:24px}.bns-card p{line-height:1.6}.bns-card form{max-width:760px}.bns-card input{min-width:0}.bns-card .password-field{display:flex;position:relative;margin:8px 0}.bns-card .password-field input{width:100%}.bns-actions,.bns-status{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.bns-status{justify-content:space-between;padding:16px 0}.bns-status span{font-size:.8rem}.bns-steps{padding-left:24px;line-height:1.8}.bns-preview-list{max-height:480px;overflow:auto;margin:16px 0}.bns-preview-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--border);align-items:flex-start}.bns-preview-row>span{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.bns-preview-row small{opacity:.7}.bns-card .bns-check{display:flex;align-items:center;gap:10px}.bns-card input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin:3px 0}.bns-card hr{border:0;border-top:1px solid var(--border);margin:24px 0}.bns-card #bns-message{margin:14px 0}.bns-card .muted{overflow-wrap:anywhere}

.profile .profile-edit{margin:0;padding:4px 0;background:transparent;border:0;text-align:left;min-width:0;color:inherit;flex:1}.profile .profile-edit strong{color:inherit}.profile .profile-edit:hover strong{text-decoration:underline}.profile-shortcut{display:flex;justify-content:flex-end;margin-bottom:18px}.profile-section{padding:18px 0;border-bottom:1px solid var(--border)}.profile-section:last-child{border-bottom:0}.profile-section .password-field{display:flex;position:relative;width:100%}.profile-section .password-field input{width:100%;min-width:0}.profile-section .form-error{margin:12px 0}.profile-section h3{margin:0 0 10px}.profile-section p{line-height:1.5}

/* In-app guide and the planner/checkmark logo use the existing theme colors. */
.brand-mark .icon{stroke-width:1.8}.sidebar-help{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:13px 12px;margin-top:auto;margin-bottom:18px;border:1px solid #ffffff20;border-radius:12px;color:inherit;flex-shrink:0;background:#ffffff06}.sidebar-help>span:first-child{display:grid;place-items:center}.sidebar-help strong{display:block;font-size:12px}.sidebar-help small{display:block;font-size:10px;opacity:.7;margin-top:4px;line-height:1.4}.sidebar-help:hover,.sidebar-help.active{background:#ffffff12;border-color:currentColor}.sidebar-help .icon{width:23px;height:23px}.help-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(120deg,#2e3048,#3c3b5a);color:#f6f5ff;border:0;margin-bottom:26px;overflow:hidden}.help-intro .eyebrow{color:#d1c6ff}.help-intro h2{font-size:clamp(24px,2.3vw,35px);line-height:1.2;letter-spacing:-.7px;margin:14px 0}.help-intro p{font-size:14px;max-width:620px;line-height:1.8;opacity:.85;margin:0}.help-intro-mark{width:98px;height:98px;border:1px solid #ffffff30;border-radius:28px;display:grid;place-items:center;flex-shrink:0;transform:rotate(7deg)}.help-intro-mark .icon{width:52px;height:52px;stroke-width:1.2}.help-tools{margin:0 0 24px}.help-tools>label{display:block;font-weight:600;font-size:13px;margin-bottom:10px}.help-search-field{display:flex;align-items:center;gap:12px;background:var(--card,#fff);border:1px solid var(--border);border-radius:14px;padding:0 16px}.help-search-field>.icon{flex-shrink:0;width:20px;height:20px;opacity:.65}.help-search-field input{background:transparent;border:0;padding:17px 0;margin:0;width:100%;min-width:0;box-shadow:none;font-size:14px}.help-search-field:focus-within{outline:2px solid var(--purple);outline-offset:2px}.help-tools-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:10px}.help-tools-bottom>p{font-size:12px;color:var(--muted);margin:0}.help-tools-bottom>div{display:flex;flex-wrap:wrap;gap:16px}.help-tools-bottom button{font-size:12px;padding:7px 0;min-height:36px}.help-topic-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.help-topic-links button{font-size:12px;padding:10px 13px;min-height:40px;border-radius:10px;background:var(--card,#fff);border:1px solid var(--border);color:inherit;text-align:left}.help-topic-links button:hover{border-color:var(--purple)}.help-topic{margin-bottom:20px;scroll-margin-top:20px}.help-topic-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:16px}.help-topic-heading h2{font-size:21px;margin:0 0 6px;line-height:1.3}.help-topic-heading p{font-size:12px;line-height:1.7;margin:0}.help-topic-number{font-size:11px;font-weight:700;background:#7464df12;color:var(--purple);border-radius:10px;min-width:36px;height:36px;display:grid;place-items:center}.help-article{border-top:1px solid var(--border)}.help-article summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;cursor:pointer;font-weight:600;font-size:14px;line-height:1.6;list-style:none}.help-article summary::-webkit-details-marker{display:none}.help-article summary>span{font-size:20px;color:var(--purple);font-weight:400;flex-shrink:0;transition:transform .15s}.help-article[open] summary>span{transform:rotate(45deg)}.help-answer{padding:0 12px 20px 0;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.help-answer p{margin:0 0 14px}.help-answer ol{padding-left:24px;margin:0}.help-answer li{padding-left:7px;margin-bottom:11px}.help-answer li:last-child{margin-bottom:0}.help-answer .help-note{background:#7464df0a;border-left:3px solid var(--purple);padding:12px 16px;margin:16px 0 0;border-radius:0 10px 10px 0;font-size:13px}.help-action{display:inline-flex;gap:8px;align-items:center;min-height:42px;margin-top:12px;font-size:13px;white-space:normal;text-align:left}.help-action .icon{width:18px;height:18px;flex-shrink:0}.help-empty{text-align:center;padding:38px 24px}.help-empty h2{font-size:20px;line-height:1.4}.help-empty p{line-height:1.7}.help-footnote{font-size:12px;line-height:1.7;margin-top:24px}.help-article summary:focus-visible{outline:2px solid var(--purple);outline-offset:3px;border-radius:5px}
[data-theme=daylight] .sidebar-help{background:var(--day-soft);border-color:var(--day-line);color:var(--day-strong)}[data-theme=daylight] .sidebar-help:hover,[data-theme=daylight] .sidebar-help.active{border-color:var(--day-strong)}[data-theme=daylight] .help-intro{background:var(--day-soft);color:var(--day-strong);border:1px solid var(--day-line)}[data-theme=daylight] .help-intro .eyebrow{color:var(--day-medium)}[data-theme=daylight] .help-intro-mark{border-color:var(--day-line);background:#ffffff70}[data-theme=daylight] .help-answer .help-note{background:var(--day-soft)}
@media(max-width:700px){.help-intro{padding:23px;gap:12px}.help-intro h2{font-size:25px}.help-intro-mark{width:58px;height:58px;border-radius:17px}.help-intro-mark .icon{width:33px;height:33px}.help-intro p{font-size:13px}.help-tools-bottom{align-items:flex-start;flex-direction:column;gap:4px}.help-topic{padding:20px}.help-topic-heading h2{font-size:19px}.help-topic-links{gap:7px}.help-topic-links button{font-size:11px;padding:10px}.help-article summary{font-size:13px}.help-answer{font-size:13px;padding-right:0}.help-search-field{padding:0 12px}.help-search-field input{font-size:13px}.help-topic-number{min-width:30px;height:30px}.help-topic-heading{gap:11px}.mobile-nav small{font-size:8px}}

.sidebar-bottom{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column}.sidebar-bottom .sidebar-help{margin:0 0 18px}.sidebar-bottom .sidebar-tip{margin:0 8px 22px}.sidebar-bottom .profile{margin-top:0}

.help-figure{margin:22px 0 16px;max-width:850px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface,#fff)}.help-picture-button{display:block;position:relative;width:100%;padding:0;text-align:left;background:#edf2f8}.help-picture-stage{display:block;position:relative;width:100%;line-height:0}.help-picture-stage>img{display:block;width:100%;height:auto}.help-picture-marker{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;display:grid;place-items:center;font-size:12px;line-height:1;font-weight:800;color:white;background:#7055ec;border:2px solid white;border-radius:50%;box-shadow:0 2px 8px #1d264f40;pointer-events:none}.help-picture-zoom{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;background:#fff;color:#30394d;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:600;line-height:1.4;box-shadow:0 2px 12px #20304f20}.help-picture-zoom .icon{width:15px;height:15px}.help-figure figcaption{padding:18px 20px;font-size:12px;line-height:1.7}.help-figure figcaption>strong{display:block;font-size:13px;margin-bottom:10px}.help-figure .help-picture-key{padding-left:23px;margin:0 0 10px}.help-picture-key li{padding-left:3px;margin-bottom:5px}.help-figure figcaption>small{display:block;opacity:.65;font-size:11px}.help-image-viewer{width:min(1150px,calc(100vw - 30px));max-height:94vh;padding:22px}.help-image-viewer .help-figure{max-width:none;margin:0}.help-image-viewer .dialog-heading{gap:15px}.help-image-viewer .dialog-heading h2{font-size:19px;line-height:1.4}.help-image-viewer .icon-button{flex-shrink:0}.help-image-viewer::backdrop{background:#101626a6;backdrop-filter:blur(5px)}
@media(max-width:700px){.help-figure{margin-top:18px}.help-picture-marker{width:20px;height:20px;border-width:1.5px;font-size:10px}.help-picture-zoom{position:static;justify-content:center;border-radius:0;padding:11px;box-shadow:none;border-top:1px solid var(--border)}.help-figure figcaption{padding:14px}.help-image-viewer{padding:14px}.help-image-viewer .help-picture-marker{width:22px;height:22px}}