:root{--ink:#25243a;--muted:#85869a;--line:#ececf3;--purple:#7659df;--purple-dark:#6142cf;--bg:#f7f8fc;--white:#fff;--mint:#dff5ed;--peach:#fff0e5;--lilac:#eeeaff;--shadow:0 10px 32px #37335f0a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.app-shell{max-width:1600px;min-height:100vh;margin:auto;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#fff;padding:29px 19px 20px;border-right:1px solid #f0eff6;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--ink);font:800 20px Manrope,sans-serif;display:flex;align-items:center;gap:9px;margin:0 0 50px 8px;letter-spacing:-.8px}.brand-icon{display:grid;place-items:center;background:var(--purple);color:#fff;border-radius:10px;width:29px;height:29px;font-size:19px}.brand-light{font-weight:500;color:#77778a}.side-label,.section-kicker{font-size:9px;letter-spacing:1.25px;font-weight:700;color:#a1a0b2}.side-label{padding-left:11px;margin-bottom:12px}.nav-list{display:grid;gap:5px}.nav-link{height:42px;text-decoration:none;color:#77788c;padding:0 12px;border-radius:9px;display:flex;gap:13px;align-items:center;font-weight:500}.nav-link span{font-size:18px;width:17px;text-align:center}.nav-link:hover,.nav-link.active{background:#f1edff;color:var(--purple);font-weight:700}.sidebar-card{margin-top:auto;border:1px solid #f0edf9;background:linear-gradient(145deg,#faf8ff,#fff9f3);border-radius:13px;padding:16px 14px 14px;position:relative}.sparkle{font-size:17px;color:var(--purple);margin-bottom:7px}.sidebar-card strong{font-size:12px}.sidebar-card p{color:#85859a;font-size:11px;line-height:1.55;margin:6px 0 13px}.week-dots{display:flex;justify-content:space-between}.week-dots i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#f0eff5;color:#88879a;font-style:normal;font-size:8px}.week-dots i.done{background:var(--purple);color:white}.profile{border-top:1px solid var(--line);margin-top:17px;padding:16px 2px 0;display:flex;align-items:center;gap:9px}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#ffe9d9;color:#976241;font-weight:700}.profile strong,.assistant-head b{display:block;font-size:11px}.profile small,.assistant-head small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.more{margin-left:auto;color:#a4a3b2;font-size:20px}.main-content{padding:0 43px 20px;max-width:1280px;width:100%;margin:auto}.topbar{height:66px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ececf1}.breadcrumb{font-size:11px;color:#9798a8}.breadcrumb span{padding:0 9px;color:#cac9d3}.breadcrumb b{color:#545369;font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.today-label{font-size:10px;color:#89899a}.icon-button{border:0;background:transparent;color:#77778b;font-size:19px;position:relative}.icon-button i{position:absolute;right:4px;top:5px;width:5px;height:5px;background:#ee9c81;border-radius:50%}.avatar.small{width:27px;height:27px;font-size:11px}.welcome-row{position:relative;min-height:197px;padding:35px 0 23px;display:flex;justify-content:space-between;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:1.25px;color:#8d8ba0;font-weight:700;display:flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:6px;height:6px;background:#70c9a7;border-radius:50%}.welcome-row h1{font:800 30px/1.19 Manrope,sans-serif;letter-spacing:-1.3px;margin:13px 0 8px}.welcome-row h1 span{color:var(--purple)}.welcome-copy{font-size:11px;color:#88899a;margin:0}.welcome-art{width:230px;height:147px;position:absolute;right:28px;top:21px;background:#f1edff;border-radius:44% 56% 56% 44%/48% 48% 52% 52%;transform:rotate(-3deg);overflow:hidden}.sun{position:absolute;right:34px;top:24px;background:#ffdda8;width:35px;height:35px;border-radius:50%;box-shadow:0 0 0 9px #ffdda833}.art-book{position:absolute;left:63px;bottom:21px;width:95px;height:76px;border-radius:9px 9px 5px 5px;transform:rotate(-7deg);background:#fff;box-shadow:0 9px 17px #7863c324;color:var(--purple);text-align:center;padding-top:11px;font-size:19px;font-weight:700}.art-book small{font-size:9px;line-height:1.3;color:#747187;font-weight:600;display:inline-block}.art-plant{position:absolute;bottom:-4px;right:26px;font-size:45px;color:#a1cfb3}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card,.panel{background:#fff;border:1px solid #f0eff4;border-radius:12px;box-shadow:var(--shadow)}.stat-card{padding:14px 16px;min-height:116px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;font-size:13px}.stat-icon.lilac{background:var(--lilac);color:#7056d8}.stat-icon.peach{background:var(--peach);color:#dd955a}.stat-icon.mint{background:var(--mint);color:#50a987}.stat-trend{font-size:8px;letter-spacing:.65px;color:#a4a3b2;font-weight:700}.stat-value{display:flex;align-items:baseline;gap:5px;margin-top:7px}.stat-value b{font:800 22px Manrope,sans-serif;letter-spacing:-.7px}.stat-value span{font-size:10px;color:#8c8b9c}.stat-caption{font-size:9px;color:#9393a2;margin-top:1px}.mini-bars{position:absolute;right:16px;bottom:15px;display:flex;gap:4px;align-items:end;height:27px}.mini-bars i{width:5px;border-radius:4px;background:#d6cef8}.mini-bars i:nth-child(6){background:var(--purple)}.streak-row{position:absolute;bottom:12px;right:12px;display:flex;gap:5px;align-items:center;color:#9291a0;font-size:8px}.streak-row span:first-child{font-size:13px}.progress-track{position:absolute;bottom:16px;right:14px;width:77px;height:5px;background:#efedf5;border-radius:5px}.progress-track div{height:100%;background:#69c5a1;border-radius:5px;transition:width .3s}.content-grid{display:grid;grid-template-columns:minmax(0,1.56fr) minmax(270px,1fr);gap:15px;margin-top:17px}.left-column,.right-column{display:grid;align-content:start;gap:14px}.panel{padding:17px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2,.focus-copy h2{font:700 16px Manrope,sans-serif;letter-spacing:-.4px;margin:5px 0 0}.heading-spark{color:#d3945d;font-size:13px}.text-button{border:1px solid #e8e2fa;border-radius:7px;background:#faf8ff;color:var(--purple);padding:8px 10px;font:600 9px 'DM Sans',sans-serif;cursor:pointer}.text-button:hover,.suggestion-chips button:hover{background:#f0ebff}.panel-subtitle{color:#9291a0;font-size:10px;margin:5px 0 12px}.task-list{display:grid}.task-row{display:flex;align-items:center;min-height:42px;border-top:1px solid #f3f2f6;gap:9px;cursor:pointer}.task-row input{position:absolute;opacity:0}.checkmark{width:15px;height:15px;border:1px solid #d9d8e2;border-radius:5px;flex:none;display:grid;place-items:center;color:transparent;font-size:10px}.task-row input:checked+.checkmark{background:var(--purple);border-color:var(--purple);color:#fff}.task-row input:checked+.checkmark:after{content:'✓'}.task-copy{display:grid;gap:3px;min-width:0}.task-copy b{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-copy small{font-size:8px;color:#9695a4}.task-row input:checked~.task-copy b{text-decoration:line-through;color:#a2a1ae}.task-tag{margin-left:auto;padding:4px 6px;border-radius:4px;font-size:7px;letter-spacing:.5px;font-weight:700}.task-tag.biology{background:#e8f7ef;color:#59a783}.task-tag.math{background:#eeeaff;color:#8068cc}.task-tag.history{background:#fff0e4;color:#ce8a50}.task-tag.break{background:#eaf4fb;color:#6091b6}.add-task-form{display:flex;margin-top:8px;border:1px solid #eeedf3;border-radius:7px;overflow:hidden}.add-task-form input{flex:1;min-width:0;border:0;outline:0;padding:8px;font:10px 'DM Sans',sans-serif}.add-task-form input::placeholder{color:#aaa9b5}.add-task-form button{width:32px;border:0;background:#f4f1ff;color:var(--purple);font-size:17px;cursor:pointer}.focus-panel{min-height:144px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.focus-copy h2{font-size:18px;margin-top:6px}.focus-copy p{font-size:9px;color:#89899a;margin:6px 0 13px}.timer-controls{display:flex;gap:7px;align-items:center}.primary-button{border:0;border-radius:7px;background:var(--purple);color:#fff;padding:9px 11px;font:600 9px 'DM Sans',sans-serif;cursor:pointer}.primary-button:hover{background:var(--purple-dark)}.primary-button span{margin-left:8px}.reset-button{height:29px;width:29px;background:#f7f6fb;border:0;border-radius:7px;color:#8e8b9e;font-size:16px;cursor:pointer}.timer-visual{height:91px;width:91px;position:relative;flex:none}.timer-visual svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-track,.timer-ring{fill:none;stroke-width:5}.timer-track{stroke:#f0eef7}.timer-ring{stroke:#8c73e8;stroke-linecap:round;stroke-dasharray:320.44;stroke-dashoffset:0;transition:stroke-dashoffset .5s}.timer-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.timer-text strong{font:700 17px Manrope,sans-serif}.timer-text small{font-size:6px;letter-spacing:.3px;color:#9998a7;margin-top:3px}.assistant-card{background:linear-gradient(145deg,#f2eeff,#fcfaff 70%,#fffaf4);border:1px solid #eeebf8;border-radius:12px;padding:15px}.assistant-head{display:flex;align-items:center;gap:9px}.assistant-mark{width:30px;height:30px;background:var(--purple);color:#fff;border-radius:9px;display:grid;place-items:center;font-size:18px}.assistant-head b{font-size:10px}.assistant-head small{font-size:8px}.assistant-head small .status-dot{width:5px;height:5px;margin-right:3px}.speak-button{margin-left:auto;border:1px solid #e5def9;border-radius:7px;background:#fff;color:var(--purple);width:27px;height:27px;cursor:pointer;font-size:13px}.assistant-message{background:#fff;border:1px solid #f1eff7;border-radius:9px;padding:11px 11px 10px;margin:13px 0 9px;position:relative}.message-star{position:absolute;color:#d6a251;top:9px;right:10px;font-size:12px}.assistant-message p{font-size:10px;line-height:1.65;color:#65647a;margin:0;padding-right:12px}.assistant-note{font-size:7px;letter-spacing:.75px;color:#a3a1b0;font-weight:700;margin:0 0 7px}.suggestion-chips{display:flex;gap:5px;flex-wrap:wrap}.suggestion-chips button{font:500 8px 'DM Sans',sans-serif;color:#74718c;background:#fff;border:1px solid #ebe8f4;border-radius:12px;padding:6px 8px;cursor:pointer}.quiz-panel{padding:16px}.quiz-icon{color:#d89565;font-size:13px}.quiz-count{font-size:8px;color:#9a99a8;background:#f6f5f9;border-radius:5px;padding:5px 7px}.quiz-topic{font-size:7px;letter-spacing:.8px;font-weight:700;color:#8a77cd;margin-top:14px}.quiz-question{font:600 12px Manrope,sans-serif;line-height:1.45;margin:7px 0 9px}.answer-list{display:grid;gap:5px}.answer-button{border:1px solid #eeedf3;background:#fff;border-radius:7px;padding:8px 9px;text-align:left;font:500 9px 'DM Sans',sans-serif;color:#737286;cursor:pointer;transition:all .15s}.answer-button:hover:not(:disabled){border-color:#cfc3f3;background:#faf8ff}.answer-button.correct{border-color:#9bd7bd;background:#f0faf5;color:#367d5e}.answer-button.incorrect{border-color:#f0b8ad;background:#fff5f3;color:#b95d50}.answer-button:disabled{cursor:default}.quiz-feedback{font-size:9px;min-height:14px;color:#4d9b78;margin-top:7px}.quiz-feedback.wrong{color:#b95d50}.quiz-next{width:100%;border:0;border-radius:7px;background:#f1edff;color:var(--purple);padding:8px;font:600 9px 'DM Sans',sans-serif;cursor:pointer}.quiz-next span{margin-left:5px}.voice-note{display:flex;gap:9px;align-items:center;border:1px solid #f0eff4;background:#fff;border-radius:10px;padding:10px 12px}.voice-note>span{color:#a087dc;font-size:15px}.voice-note p{font-size:8px;line-height:1.55;color:#89899a;margin:0}.voice-note b{color:#56556b}footer{margin-top:23px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#a1a0ae}footer span{color:var(--purple)}footer small{position:absolute;right:44px;font-size:8px;color:#b4b3bf}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);opacity:0;background:#27253b;color:#fff;padding:10px 15px;border-radius:9px;font-size:11px;transition:.25s;pointer-events:none;z-index:4}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.main-content{padding-left:56px;padding-right:56px}.welcome-row{min-height:210px}.stat-card{min-height:125px}.panel{padding:20px}.task-row{min-height:46px}}
@media(max-width:1050px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:15px;padding-right:15px}.main-content{padding-left:27px;padding-right:27px}.content-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}.welcome-art{right:0;opacity:.85}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:sticky;z-index:3;top:0;height:auto;padding:10px 15px;background:#fff;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:17px;margin:0}.brand-icon{width:26px;height:26px}.side-label,.sidebar-card,.profile{display:none}.nav-list{display:flex;gap:2px}.nav-link{height:35px;padding:0 8px;font-size:0;gap:0}.nav-link span{font-size:17px}.main-content{padding:0 16px 20px}.topbar{height:48px}.today-label{font-size:9px}.welcome-row{min-height:168px;padding-top:25px}.welcome-row h1{font-size:25px}.welcome-art{width:150px;height:110px;right:-10px;top:30px;opacity:.55}.art-book{left:30px;transform:scale(.8) rotate(-7deg);transform-origin:bottom left}.sun{right:21px}.stats-grid{gap:8px}.stat-card{padding:11px 9px;min-height:105px}.stat-trend{font-size:6px;letter-spacing:.2px}.stat-value b{font-size:20px}.streak-row{left:9px;right:auto;font-size:7px}.mini-bars{right:8px}.progress-track{right:8px;width:52px}.content-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.left-column,.right-column{gap:12px}.quiz-panel{order:0}.voice-note{display:none}.focus-panel{padding:16px}.timer-visual{width:82px;height:82px}footer{margin-top:17px}footer small{position:static;margin-left:8px}.panel{padding:15px}}
@media(max-width:390px){.nav-link{padding:0 6px}.top-actions{gap:9px}.welcome-art{right:-38px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:span 2;min-height:91px}.stat-card:last-child .progress-track{width:100px}.desktop-break{display:none}}