@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#17231f;--muted:#77817b;--line:#e5e9e5;--cream:#fbfcf8;--lime:#d7ef76;--lime-dark:#9fbd37;--purple:#9a7df6;--orange:#f0a158;--blue:#72c8d0;--sidebar:234px}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'DM Sans',sans-serif}button{font:inherit;border:0;cursor:pointer;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);background:#17231f;color:#b8c1bb;padding:25px 14px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:white;margin:0 14px 48px;font-size:19px;line-height:17px}.brand strong{display:block;font-weight:700;letter-spacing:-.5px}.brand small{display:block;color:#91a099;font-size:10px;letter-spacing:2px;text-transform:uppercase}.brand-mark{width:26px;height:27px;display:flex;gap:3px;align-items:center}.brand-mark span{display:block;width:6px;border-radius:7px;background:var(--lime);transform:rotate(35deg)}.brand-mark span:nth-child(1){height:13px;margin-top:7px}.brand-mark span:nth-child(2){height:22px}.brand-mark span:nth-child(3){height:15px;margin-top:5px}.nav{display:grid;gap:5px}.nav-item{background:none;color:#a6b1a9;text-align:left;padding:12px 14px;border-radius:9px;display:flex;align-items:center;gap:13px;font-size:13px;transition:.2s}.nav-item:hover{background:#24342d;color:white}.nav-item.active{background:#304239;color:white;font-weight:600}.nav-icon{font-size:20px;width:16px;text-align:center;line-height:12px;color:#84928a}.active .nav-icon{color:var(--lime)}.nav-badge{margin-left:auto;background:var(--lime);color:var(--ink);font-size:10px;border-radius:9px;padding:2px 7px}.sidebar-bottom{margin-top:auto}.streak-card{background:#24342d;border:1px solid #34483c;border-radius:10px;display:flex;gap:11px;align-items:center;padding:13px 11px;margin:0 5px 22px}.streak-flame{background:var(--lime);color:var(--ink);width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:17px}.streak-card strong,.streak-card span,.profile strong,.profile span{display:block}.streak-card strong{font-size:12px;color:#edf3ec}.streak-card span,.profile span{font-size:10px;color:#8e9e94;margin-top:4px}.settings{margin-bottom:10px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #304039;padding:17px 7px 0}.profile strong{font-size:11px;color:#e9eee9}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9f5ac;color:#415025;font-weight:700;font-size:10px}.profile-more{margin-left:auto;color:#839088;letter-spacing:2px}.main-content{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;background:rgba(251,252,248,.9)}.breadcrumb{font-size:11px;color:#98a19b}.breadcrumb strong{color:#4e5b54;font-weight:500}.dot{padding:0 9px;color:#c8cfca}.top-actions{display:flex;align-items:center;gap:23px}.icon-button{position:relative;background:none;font-size:23px;color:#748078;transform:rotate(180deg)}.icon-button i{position:absolute;width:6px;height:6px;background:#e89c5e;border-radius:50%;top:0;right:0;border:1px solid var(--cream)}.top-avatar{width:34px;height:34px}.menu-toggle,.mobile-close{display:none}.page{max-width:1215px;margin:0 auto;padding:47px 48px 60px}.hero-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.eyebrow{color:#95a09a;font-size:10px;font-weight:700;letter-spacing:1.6px;margin:0 0 10px}.spark-dot{display:inline-block;background:var(--lime-dark);width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-left:4px}.hero-row h1{font-size:51px;line-height:1.04;letter-spacing:-2px;margin:0 0 15px;font-weight:600}.hero-row h1 em{font:italic 51px 'Playfair Display',serif;color:#72852e}.hero-copy{color:var(--muted);margin:0;max-width:355px;line-height:1.6}.hero-orb{width:180px;height:150px;position:relative;margin:0 50px 0 0}.orb-glow{position:absolute;width:106px;height:106px;border-radius:50%;background:#e5f3a9;filter:blur(17px);left:39px;top:20px}.orb-ring{position:absolute;border:1px solid #c7da7b;border-radius:50%;transform:rotate(-28deg)}.ring-one{width:157px;height:68px;left:12px;top:37px}.ring-two{width:128px;height:56px;left:26px;top:46px;transform:rotate(29deg)}.orb-core{position:absolute;left:71px;top:49px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#667329;font-size:24px;box-shadow:0 8px 24px #a5b85766}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:51px}.stat-card{border:1px solid var(--line);border-radius:10px;padding:17px 18px 15px;background:#fff}.stat-label{color:#849088;font-size:11px;display:flex;justify-content:space-between;align-items:center}.stat-card>strong{font-size:25px;display:block;margin:12px 0 8px;letter-spacing:-1px}.stat-foot{font-size:10px;color:#a1aaa4}.positive{color:#73962d;font-weight:700}.stat-icon{height:24px;width:24px;border-radius:50%;display:grid;place-items:center;font-size:14px}.green{background:#eff7d4;color:#78932b}.purple{background:#eee9ff;color:#987df0}.orange{background:#fff0e3;color:#dc9154}.blue{background:#e2f6f7;color:#57abb3}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:20px;letter-spacing:-.6px;margin:0}.text-button{background:none;color:#77877e;font-size:11px;padding:4px 0}.text-button span{color:#7f9a31;margin-left:7px;font-size:16px}.session-card{min-height:233px;background:#e9f5ac;border-radius:11px;display:flex;justify-content:space-between;overflow:hidden;margin-bottom:39px}.session-main{padding:27px 30px}.session-tag{font-size:9px;color:#6c7d27;font-weight:700;letter-spacing:1.5px;margin-bottom:16px}.live-dot{display:inline-block;width:6px;height:6px;background:#9bb43e;border-radius:50%;margin-right:5px}.session-main h3{font-size:24px;margin:0 0 9px;letter-spacing:-.8px}.session-main p{color:#657044;font-size:12px;margin:0 0 16px}.session-meta{display:flex;gap:18px;color:#697743;font-size:10px;margin-bottom:20px}.primary-button{background:var(--ink);color:white;border-radius:6px;padding:11px 16px;font-size:11px;font-weight:600}.primary-button span{color:var(--lime);margin-left:13px;font-size:15px}.session-visual{width:184px;background:#d7ea8d;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring{height:102px;width:102px;border-radius:50%;background:conic-gradient(var(--ink) 0 72%,#c4dc74 72%);display:grid;place-items:center;position:relative}.progress-ring:after{content:'';position:absolute;inset:7px;background:#d7ea8d;border-radius:50%}.progress-ring div{z-index:1;text-align:center}.progress-ring strong,.progress-ring span{display:block}.progress-ring strong{font-size:20px}.progress-ring span{font-size:9px;color:#70803a;margin-top:2px}.visual-caption{font:italic 12px 'Playfair Display',serif;color:#6b7b35;margin-top:12px}.recent-heading{margin-bottom:15px}.activity-list{border-top:1px solid var(--line)}.activity-row{display:flex;align-items:center;gap:13px;padding:13px 4px;border-bottom:1px solid var(--line)}.activity-icon,.subject-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:19px;font-weight:500}.biology{background:#ebf5bb;color:#789324}.chemistry{background:#eee9ff;color:#9a7df6}.maths{background:#fff0e2;color:#dc9459}.activity-copy{flex:1}.activity-copy strong{display:block;font-size:12px}.activity-copy span,.activity-score span{display:block;color:#9aa39d;font-size:10px;margin-top:4px}.activity-score{text-align:right;min-width:35px}.activity-score strong{font-size:12px}.mini-progress{width:42px;height:4px;background:#e8eee1;border-radius:5px;overflow:hidden}.mini-progress span{display:block;background:#a8c34a;height:100%}.purple-bar span{background:var(--purple)}.orange-bar span{background:var(--orange)}.section-heading.compact{align-items:center}.plus-button{height:27px;width:27px;border-radius:50%;background:#edf5ce;color:#76902d;font-size:20px;line-height:20px}.subject-list{display:grid;gap:9px}.subject-card{padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:9px}.subject-top{display:flex;align-items:center;gap:10px}.subject-top>div:nth-child(2){flex:1}.subject-top strong{display:block;font-size:12px}.subject-top span{display:block;color:#9ba49d;font-size:10px;margin-top:4px}.subject-top>b{font-size:11px}.bar{height:4px;background:#edf0ed;border-radius:4px;margin-top:14px;overflow:hidden}.bar span{height:100%;background:#a8c34a;display:block;border-radius:4px}.quote-card{background:#17231f;color:white;border-radius:10px;margin-top:22px;padding:20px 22px 18px;min-height:142px}.quote-mark{font:34px Georgia;color:var(--lime);line-height:15px}.quote-card p{font:italic 16px/1.35 'Playfair Display',serif;margin:5px 0 14px;max-width:220px}.quote-line{display:block;width:25px;height:2px;background:#788d38;margin-bottom:10px}.quote-card small{color:#8c998d;font-size:8px;letter-spacing:1.4px}.modal-backdrop{display:none;position:fixed;inset:0;background:#17231f99;z-index:30;place-items:center;padding:20px}.modal-backdrop.show{display:grid}.modal{background:#fbfcf8;border-radius:14px;width:min(420px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:34px;position:relative;box-shadow:0 20px 70px #17231f40}.modal-close{position:absolute;right:17px;top:13px;background:none;color:#88948c;font-size:24px}.modal-spark{color:#8ca833;background:#edf5ce;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:22px;margin-bottom:20px}.modal h2{font-size:27px;margin:0 0 10px;letter-spacing:-1px}.modal p:not(.eyebrow){color:var(--muted);line-height:1.6;font-size:13px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.secondary-button{background:none;color:#718078;font-size:11px;padding:11px 13px}.quiz-view{max-width:790px;margin:15px auto 0}.quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.back-button{background:none;color:#76847c;font-size:12px}.back-button:hover{color:var(--ink)}.quiz-title{text-align:center}.quiz-title strong{display:block;font-size:18px;margin-top:2px}.quiz-count{font-weight:700;font-size:18px}.quiz-count small{font-size:11px;color:#a0aaa4;font-weight:500}.quiz-progress{height:6px;background:#e8eee0;border-radius:8px;overflow:hidden;margin-bottom:28px}.quiz-progress span{height:100%;display:block;background:var(--lime-dark);border-radius:8px;transition:width .25s}.quiz-card{background:white;border:1px solid var(--line);border-radius:13px;padding:44px 48px 38px;box-shadow:0 12px 35px #17231f08}.question-topic{color:#829b36;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;font-size:10px;margin-bottom:15px}.quiz-card h1{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:0 0 32px;max-width:650px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{background:#fbfcf8;border:1px solid #e5ebe2;border-radius:8px;text-align:left;padding:16px 14px;display:flex;align-items:center;gap:12px;font-size:13px;transition:.2s}.option:hover:not(:disabled){border-color:#a9c34d;background:#f6f9e8}.option>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eef2e8;color:#75816f;font-size:11px;font-weight:700}.option.correct{border-color:#a8c34a;background:#f0f8d4}.option.correct>span{background:#b9d765;color:#51671e}.option.incorrect{border-color:#e7a08c;background:#fff0eb}.option.incorrect>span{background:#edb2a1;color:#a54d38}.answer-feedback{display:none;border-radius:8px;margin-top:19px;padding:13px 15px;background:#f2f8db;color:#526522;font-size:12px}.answer-feedback.show{display:block}.answer-feedback.wrong{background:#fff0eb;color:#a34e3b}.answer-feedback strong,.answer-feedback span{display:block}.answer-feedback span{font-size:11px;margin-top:4px;line-height:1.5}.quiz-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:#9aa49e;font-size:10px}.next-button:disabled{opacity:.35;cursor:not-allowed}.results-view{text-align:center;max-width:600px;margin:40px auto 0}.result-spark{margin:0 auto 22px;width:58px;height:58px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:30px;color:#63782b;box-shadow:0 10px 25px #b6cc5c55}.results-view h1{font-size:39px;letter-spacing:-1.5px;line-height:1.1;margin:4px 0 14px}.results-view h1 em{font:italic 37px 'Playfair Display',serif;color:#72852e}.result-copy{color:var(--muted);line-height:1.6;max-width:390px;margin:0 auto 28px}.result-score{background:white;border:1px solid var(--line);border-radius:11px;padding:20px 25px;margin:0 auto 25px;max-width:320px}.result-score strong{display:block;font-size:34px;letter-spacing:-1px}.result-score span{display:block;color:#8b968e;font-size:10px;margin:2px 0 14px}.result-bar{height:6px;background:#e8eee0;border-radius:5px;overflow:hidden}.result-bar span{display:block;height:100%;background:var(--lime-dark)}.result-score small{display:block;color:#8b968e;font-size:10px;margin-top:10px}.result-actions{display:flex;justify-content:center;gap:10px}.auth-button{background:none;color:#76847c;border:1px solid var(--line);border-radius:6px;padding:7px 12px;font-size:11px}.auth-button:hover{border-color:#a7bf53;color:var(--ink)}.auth-modal{max-width:410px}.auth-modal h2{margin-bottom:8px}.auth-modal form{margin-top:20px}.auth-modal label{display:block;text-align:left;color:#627168;font-size:11px;margin:0 0 13px}.auth-modal input{display:block;width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:11px 12px;margin-top:6px;color:var(--ink);outline:none;font:12px 'DM Sans',sans-serif}.auth-modal input:focus{border-color:#aac64b;box-shadow:0 0 0 3px #eaf3c8}.auth-submit{width:100%;margin-top:4px}.forgot-password{display:block;background:none;color:#78932d;font-size:10px;text-align:right;margin:-5px 0 10px auto}.forgot-password:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:10px;color:#a4ada7;font-size:10px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.google-button{width:100%;background:white;border:1px solid var(--line);border-radius:6px;padding:11px;font-size:11px}.google-button:hover{border-color:#a7bf53}.auth-switch{background:none;color:#78932d;font-size:10px;margin-top:18px}.auth-switch-top{display:block;border:1px solid #d6e6a3;background:#f4f9de;border-radius:6px;padding:10px 12px;margin:14px 0 3px;width:100%;font-weight:600}.auth-switch-top:hover{background:#eaf4c8}.auth-status{min-height:15px;color:#a34e3b;font-size:10px!important;margin:12px 0 0!important}.library-view{max-width:920px;margin:0 auto}.library-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.library-heading h1{font-size:39px;letter-spacing:-1.5px;margin:0 0 9px}.library-heading p:not(.eyebrow){color:var(--muted);max-width:470px;line-height:1.6;margin:0}.upload-drop{border:1.5px dashed #b9ca7a;background:#f8fbe9;border-radius:12px;min-height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#5c6e33;cursor:pointer;transition:.2s}.upload-drop:hover,.upload-drop.dragging{background:#eef7cf;border-color:#8ca936;transform:translateY(-1px)}.upload-drop strong{font-size:13px}.upload-drop u{color:#6f9028}.upload-drop span{font-size:10px;color:#9aa67b}.upload-icon{width:38px;height:38px;border-radius:50%;background:var(--lime);display:grid;place-items:center;color:#617523;font-size:22px;margin-bottom:3px}.library-toolbar{display:flex;justify-content:space-between;align-items:center;margin:34px 0 16px}.library-toolbar h2{font-size:19px;margin:0}.library-toolbar h2 small{background:#edf5ce;color:#72892e;font-size:10px;border-radius:12px;padding:4px 8px;margin-left:5px}.library-toolbar>span{font-size:10px;color:#9ba69f}.materials-grid{display:grid;gap:9px}.material-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:15px 16px}.file-badge{width:39px;height:44px;border-radius:7px;background:#fff0e3;color:#cd8550;display:grid;place-items:center;font-weight:700;font-size:9px}.material-info{flex:1}.material-info strong{display:block;font-size:12px}.material-info span{display:block;color:#99a39c;font-size:10px;margin-top:5px}.material-status{color:#77902e;background:#eff7d7;border-radius:12px;padding:5px 9px;font-size:9px}.empty-library{border:1px solid var(--line);border-radius:10px;background:#fff;padding:42px;text-align:center;display:flex;flex-direction:column;gap:8px;color:#9aa49e}.empty-library div{color:#a2be45;font-size:25px}.empty-library strong{color:var(--ink);font-size:14px}.progress-view{max-width:920px;margin:0 auto}.progress-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:27px 0}.progress-metrics>div{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px}.progress-metrics span{display:block;color:#8b9890;font-size:10px}.progress-metrics strong{display:block;font-size:25px;margin-top:8px}.progress-panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:23px;margin-bottom:18px}.progress-caption{color:#9aa39d;font-size:10px}.progress-chart{height:180px;display:flex;align-items:end;justify-content:center;gap:16px;border-bottom:1px solid var(--line);padding:25px 20px 0}.progress-bar-col{height:100%;width:35px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.progress-bar-col span{display:block;width:100%;min-height:8px;background:var(--lime-dark);border-radius:5px 5px 0 0}.progress-bar-col small{font-size:9px;color:#7f8c84}.progress-empty{color:#a0aaa4;font-size:11px;margin:auto}.history-list{border-top:1px solid var(--line)}.history-row{display:grid;grid-template-columns:1fr 1fr auto;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.history-row span{color:#9aa39d}.history-row b{color:#76932d}.settings-view{max-width:1000px;margin:0 auto}.settings-heading h1{font-size:39px;letter-spacing:-1.5px;margin:0 0 9px}.settings-heading>p:not(.eyebrow){color:var(--muted);margin:0 0 34px}.settings-section{background:#17231f;color:white;border-radius:13px;padding:31px}.settings-section h2{font-size:25px;letter-spacing:-.8px;margin:0 0 8px}.settings-section p:not(.eyebrow){color:#aab7ad;line-height:1.6;max-width:390px;margin:0}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.plan-card{position:relative;background:#24352d;border:1px solid #3b5142;border-radius:9px;padding:18px 14px}.plan-card.featured{border-color:var(--lime);background:#304337}.plan-card p{color:#d6e3d9!important;font-size:11px!important;margin:0 0 12px!important}.plan-card strong{display:block;color:#fff;font-size:24px;letter-spacing:-1px}.plan-card>span:not(.plan-badge){display:block;color:#91a398;font-size:9px;margin-top:4px}.plan-badge{position:absolute;top:-9px;right:9px;background:var(--lime);color:var(--ink);border-radius:10px;padding:4px 7px;font-size:7px;font-weight:700}.plan-button{margin-top:17px;color:#e1efbd;background:transparent;border:1px solid #617b58;border-radius:5px;padding:8px 9px;font-size:10px;width:100%}.plan-button:hover{background:#4b613e}.settings-back{display:block;margin-top:25px}.toast{position:fixed;bottom:24px;right:24px;background:var(--ink);color:white;border-radius:8px;padding:13px 18px;font-size:12px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;z-index:50}.toast.show{transform:none;opacity:1}
@media(max-width:950px){.page{padding:38px 28px}.topbar{padding:0 28px}.content-grid{gap:25px}.session-visual{width:150px}.hero-orb{margin-right:15px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:10px 0 30px #17231f40}.sidebar.open{transform:none}.mobile-close{display:block;position:absolute;right:17px;top:18px;background:none;color:#9eaaa1;font-size:25px}.main-content{margin-left:0;width:100%}.topbar{height:62px;padding:0 18px}.menu-toggle{display:block;background:none;font-size:20px;color:#637069}.breadcrumb span:first-child,.breadcrumb .dot{display:none}.breadcrumb{font-size:11px}.top-actions{gap:12px}.page{padding:32px 18px 45px}.hero-row{margin-bottom:32px}.hero-row h1,.hero-row h1 em{font-size:42px}.hero-orb{width:125px;transform:scale(.75);transform-origin:right center;margin-right:-10px}.stats-grid{grid-template-columns:repeat(2,1fr);margin-bottom:38px}.content-grid{display:block}.right-column{margin-top:40px}.session-card{min-height:0}.session-main{padding:23px}.session-visual{width:125px}.session-meta{gap:10px}.activity-row{gap:9px}.mini-progress{display:none}}
@media(max-width:450px){.hero-orb{display:none}.hero-row h1,.hero-row h1 em{font-size:40px}.session-card{display:block}.session-visual{width:100%;height:130px;flex-direction:row;gap:20px}.session-main h3{font-size:21px}.stats-grid{gap:7px}.stat-card{padding:14px 12px}.stat-card>strong{font-size:22px}.session-meta{font-size:9px}.session-meta span:nth-child(3){display:none}}