@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f8f9f5;--paper:#fff;--ink:#26372e;--muted:#849087;--line:#e5e9e1;--green:#244e3b;--lime:#dbefb6;--orange:#f6a574;--radius:16px;font-family:'DM Sans',sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #c4a4ec;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #7eaa85;outline-offset:1px}a{color:inherit}button svg{flex-shrink:0}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4,.brand{font-family:'Manrope','DM Sans',sans-serif}button{transition:background .18s,transform .18s,box-shadow .18s}button:active{transform:translateY(1px)}.app-layout{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:#f0f3ec;border-right:1px solid var(--line);padding:36px 20px 20px;position:fixed;width:232px;top:0;bottom:0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:32px;font-weight:800;letter-spacing:-1.8px;padding:0 14px}.brand-symbol{height:34px;width:34px;background:var(--green);color:var(--lime);display:grid;place-items:center;border-radius:11px;transform:rotate(-7deg)}.brand-symbol .icon{height:24px;width:24px;fill:currentColor;stroke-width:1}.workspace-label{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#8a9489;margin:47px 14px 15px}.nav{display:flex;flex-direction:column;gap:7px}.nav-btn{border:0;background:none;text-align:left;padding:12px 14px;display:flex;align-items:center;gap:12px;color:#748073;border-radius:9px;font-weight:550}.nav-btn:hover{background:#e7ece0}.nav-btn.active{background:var(--green);color:#fff}.nav-btn .mini-badge{margin-left:auto;background:var(--lime);color:var(--green);border-radius:4px;font-size:9px;padding:3px 5px;font-weight:800;letter-spacing:.7px}.sidebar-bottom{margin-top:auto;padding-top:35px}.side-note{padding:17px 15px;background:#e7eddc;border:1px solid #dde5d0;border-radius:12px;margin:20px 3px}.side-note .icon{color:#637b47;margin-bottom:10px}.side-note h4{font-size:12px;font-weight:750}.side-note p{font-size:11px;line-height:1.7;color:#7c8870;margin-top:6px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #dfe5d8;margin-top:17px;padding:20px 8px 0}.avatar{width:34px;height:34px;border-radius:50%;background:#e0d8c7;display:grid;place-items:center;font-size:12px;font-weight:700;color:#74674d}.profile-text{flex:1}.profile-text strong{display:block;font-size:12px}.profile-text small{font-size:10px;color:var(--muted)}.main-shell{grid-column:2;min-width:0}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fbfcf9}.breadcrumb{font-size:12px;color:#8b958b;display:flex;align-items:center;gap:13px}.breadcrumb strong{font-weight:500;color:#445345}.topbar-right{display:flex;align-items:center;gap:23px}.date-label{color:#869082;font-size:12px}.topbar-streak{display:flex;align-items:center;gap:6px;font-size:11px;color:#8b613e;background:#faf1e4;padding:7px 10px;border-radius:20px}.topbar-streak .icon{height:15px;width:15px}.icon-btn{border:0;background:transparent;padding:5px;color:#788374;display:inline-flex;align-items:center;justify-content:center;border-radius:7px}.icon-btn:hover{background:#e8edde}.mobile-menu{display:none}.content{max-width:1400px;margin:auto;padding:36px 40px 28px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#88937f;text-transform:uppercase}.page-heading h1{font-size:29px;letter-spacing:-1.1px;font-weight:750;margin-bottom:8px}.page-heading p{color:#8a9388;font-size:12px}.heading-actions{display:flex;gap:9px}.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap;text-decoration:none}.btn:hover{background:#f0f4e9}.btn .icon{width:16px;height:16px}.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-primary:hover{background:#32674c}.btn-lime{background:var(--lime);color:#264734;border-color:var(--lime)}.btn-lime:hover{background:#e8f6cf}.btn-outline-light{background:transparent;border:1px solid #6b826f;color:#f1f4e7}.btn-outline-light:hover{background:#385e46}.btn-quiet{border:0;background:none;padding:5px 0;font-size:11px;color:#6d7964}.btn-danger{color:#ad514d;background:#fff6f4;border-color:#efdbd8}.hero{position:relative;overflow:hidden;background:#244735;border-radius:17px;min-height:248px;display:flex;align-items:center;padding:32px 35px;margin-bottom:23px;color:white}.hero-copy{position:relative;z-index:2;width:66%}.hero .eyebrow{color:#c3d6aa;display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1.8px}.hero .eyebrow .icon{width:13px;height:13px}.hero h2{font-size:33px;font-weight:600;line-height:1.25;letter-spacing:-.9px;margin:13px 0 12px}.hero h2 em{font-family:Georgia,serif;color:#dcefba;font-weight:400}.hero p{color:#b4c5b4;font-size:11px;line-height:1.8;max-width:340px}.hero-actions{display:flex;align-items:center;gap:15px;margin-top:23px}.hero-actions>span{color:#b2c5ab;font-size:10px}.hero-art{position:absolute;width:285px;height:245px;right:20px;bottom:0}.hero-art .orbit{position:absolute;border:1px solid #66865944;border-radius:50%;width:235px;height:235px;left:30px;top:13px}.hero-art .orbit:nth-child(2){width:175px;height:175px;top:44px;left:60px}.art-card{position:absolute;width:113px;height:148px;border:1px solid #d8e4bb;border-radius:13px;background:#d3e6aa;top:54px;left:95px;transform:rotate(14deg);box-shadow:0 12px 25px #0b281f33}.art-card.back{background:#91a880;border-color:#acc093;transform:rotate(-13deg);left:57px;top:43px}.art-card.front{display:flex;align-items:center;justify-content:center;transform:rotate(11deg)}.art-card.front .icon{width:60px;height:76px;fill:#416242;stroke:#416242;stroke-width:.6}.art-card.front:after{content:'A LITTLE EVERY DAY';position:absolute;bottom:17px;font-size:6px;letter-spacing:1px;color:#5c774d}.spark{position:absolute;color:#d0e9a4;font-size:26px}.spark.s1{top:27px;left:33px}.spark.s2{right:13px;bottom:39px;font-size:20px}.spark.s3{right:12px;top:54px;font-size:9px}.art-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#b5ce91;left:25px;bottom:48px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:31px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px}.stat-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#8a9487}.stat-label .icon{height:14px;width:14px;color:#91a083}.stat-value{font-size:26px;font-weight:650;letter-spacing:-1px;margin:11px 0 6px}.stat-value span{font-size:12px;font-weight:400;color:#9ba293;letter-spacing:0}.stat-foot{font-size:9px;color:#91a086}.stat-foot b{font-weight:500;color:#56774c}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:16px;font-weight:750;letter-spacing:-.4px}.section-heading h2 span{margin-left:7px;color:#869278;background:#eaf0e1;border-radius:5px;padding:2px 6px;font-size:10px;vertical-align:middle}.section-heading .btn-quiet{display:flex;gap:7px;align-items:center}.section-heading .icon{height:13px;width:13px}.deck-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.deck-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px;transition:box-shadow .2s,transform .2s;cursor:pointer}.deck-card:hover{box-shadow:0 5px 18px #26372e09;transform:translateY(-2px);border-color:#cad5c2}.deck-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.deck-icon{height:39px;width:39px;border-radius:11px;display:grid;place-items:center}.lavender{background:#eee9fa;color:#8c75ba}.sage{background:#e8efdf;color:#829c61}.peach{background:#fff0e4;color:#cb9261}.blue{background:#e7eff8;color:#7899bf}.deck-top .due-tag{font-size:9px;color:#8a7951;background:#f9f4e9;padding:4px 7px;border-radius:5px}.deck-card h3{font-size:13px;font-weight:750;margin-bottom:6px}.deck-card>p{font-size:10px;color:#9aa193;line-height:1.5}.deck-progress{height:4px;background:#f0f2ed;border-radius:10px;margin:20px 0 11px;overflow:hidden}.deck-progress i{height:100%;display:block;background:#a6bc8e;border-radius:10px;min-width:0}.deck-bottom{display:flex;justify-content:space-between;color:#9aa292;font-size:9px}.deck-bottom strong{color:#77856c;font-weight:500}.right-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:20px}.panel-title{font-size:13px;font-weight:750;letter-spacing:-.3px;display:flex;align-items:center;justify-content:space-between}.panel-title .icon{width:15px;height:15px;color:#9ca38e}.goal-ring{height:135px;width:135px;margin:22px auto 17px;background:conic-gradient(#769461 var(--progress),#edf1e7 0);border-radius:50%;padding:9px}.goal-ring-inner{height:100%;width:100%;border-radius:50%;background:white;display:flex;flex-direction:column;justify-content:center;align-items:center}.goal-ring strong{font-size:29px;font-weight:650;letter-spacing:-1px}.goal-ring strong span{font-size:13px;color:#a0a795;font-weight:400;letter-spacing:0}.goal-ring small{font-size:9px;color:#99a28e;margin-top:5px}.goal-description{font-size:10px;line-height:1.7;text-align:center;color:#959e89;margin-bottom:20px}.day-row{display:flex;justify-content:space-between;border-top:1px solid #edf0e8;padding-top:17px}.day{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:8px;color:#9aa38d}.day-dot{height:23px;width:23px;border-radius:50%;background:#f1f4eb;display:grid;place-items:center;color:#c2cbbb}.day-dot .icon{height:12px;width:12px}.day.done .day-dot{background:#e0ebd0;color:#688447}.day.today .day-dot{outline:1px solid #91a878;outline-offset:2px}.daily-mini{display:flex;gap:13px;border-top:1px solid var(--line);padding-top:19px;margin-top:20px}.daily-mini .icon{height:26px;width:26px;color:#d4ab6c}.daily-mini strong{font-size:10px;display:block;margin-bottom:5px}.daily-mini p{font-size:9px;color:#98a08c;line-height:1.6}.ai-promo{background:#eeedfa;border-color:#e4e1f3;position:relative;overflow:hidden}.ai-promo .promo-icon{height:31px;width:31px;border-radius:8px;background:#e1dcf4;color:#9683b7;display:grid;place-items:center;margin-bottom:16px}.ai-promo h3{font-size:15px;line-height:1.4;letter-spacing:-.3px;margin-bottom:8px}.ai-promo p{font-size:10px;line-height:1.8;color:#9891a6;margin-bottom:16px}.ai-promo .btn{width:100%;border-color:#dcd6ed;color:#807192;background:#f7f5fd;font-size:10px}.ai-promo .deco{position:absolute;font-size:44px;color:#d8d1ee;right:24px;top:20px}.bottom-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#a0a791;font-size:9px;margin-top:27px}.bottom-note .icon{width:12px;height:12px}.activity-panel{margin-top:27px;border:1px solid var(--line);background:white;border-radius:13px;padding:20px}.activity-chart{height:70px;display:flex;gap:8px;align-items:end;margin-top:14px}.activity-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;height:100%;font-size:8px;color:#9aa18e}.activity-bar{width:100%;max-width:48px;background:#dbe6ca;border-radius:4px 4px 0 0;min-height:3px}.activity-column:last-child .activity-bar{background:#789a5f}.search-box{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:9px;padding:11px 14px;min-width:220px}.search-box .icon{color:#8d9886;height:17px;width:17px}.search-box input{border:0;background:transparent;outline:0;width:100%;font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px;flex-wrap:wrap}.filter-tabs{display:flex;gap:6px}.filter-tab{background:transparent;border:0;color:#8c9684;padding:9px 13px;border-radius:7px;font-size:11px}.filter-tab.active{background:#e7eddd;color:#526b3d}.full-deck-grid{grid-template-columns:repeat(3,1fr)}.full-deck-grid .deck-card{min-height:205px}.empty-state{padding:50px 20px;text-align:center;border:1px dashed #d7dfcb;border-radius:14px;color:#8c9684;grid-column:1/-1}.empty-state h3{font-size:17px;color:var(--ink);margin-bottom:10px}.empty-state p{line-height:1.8;margin-bottom:18px;font-size:12px}.card-list{display:flex;flex-direction:column;gap:10px}.card-row{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);padding:19px 22px;border-radius:11px}.card-row-content{flex:1;min-width:0}.card-row h3{font:550 13px 'DM Sans',sans-serif;margin-bottom:9px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{display:inline-flex;background:#f0f2eb;color:#849175;padding:3px 7px;font-size:9px;border-radius:4px}.rating-pill{font-size:10px;background:#f1edf9;color:#9380ac;border-radius:5px;padding:5px 8px;white-space:nowrap}.muted{color:var(--muted)}.text-small{font-size:11px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field label{font-size:11px;font-weight:600;color:#66775c}.field input,.field select,.field textarea{background:#fbfcf9;border:1px solid #dfe5d6;border-radius:8px;padding:11px 12px;width:100%;color:#43543b;font-size:12px}.field textarea{resize:vertical;min-height:110px;line-height:1.7}.field small{font-size:10px;color:#96a08c;line-height:1.6}.form-grid .field{margin-bottom:0}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:26px}.generator-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:24px}.generator-grid h2{font-size:16px;margin-bottom:8px}.generator-grid .panel>p{font-size:11px;color:#939c89;line-height:1.8;margin-bottom:24px}.generator-grid .field textarea{min-height:210px}.notice{border:1px solid #ece3d2;background:#fffbf1;color:#9b855c;border-radius:8px;padding:12px 14px;font-size:11px;line-height:1.8;margin-bottom:20px}.notice code{font-size:10px;background:#f3ebd9;padding:2px 4px;border-radius:3px;overflow-wrap:anywhere}.source-tabs{margin:17px 0}.generator-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;text-align:center}.generator-placeholder>.icon{height:38px;width:38px;color:#b3bea6;margin-bottom:20px}.generator-placeholder h3{font-size:15px;margin-bottom:9px}.generator-placeholder p{font-size:11px;color:#9aa58f;max-width:235px;line-height:1.8}.draft-card{background:#fbfcf8;border:1px solid #e4e9dc;border-radius:9px;padding:15px;margin-bottom:12px}.draft-card h4{font-size:12px;line-height:1.6;margin-bottom:9px}.draft-card p{font-size:11px;color:#88957c;line-height:1.8;margin-bottom:10px;white-space:pre-wrap}.draft-card .field{margin-bottom:12px}.draft-card .field textarea{min-height:75px}.draft-card .field input{font-size:11px}.draft-head{display:flex;justify-content:space-between;margin-bottom:12px}.study-config{max-width:760px;margin:20px auto}.study-config .hero{min-height:215px}.study-config .panel{margin-top:20px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.mode-option{background:#fafbf7;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:left;display:block}.mode-option.active{background:#edf3e3;border-color:#8faa73}.mode-option .icon{margin-bottom:10px;color:#7c9961}.mode-option strong{display:block;font-size:13px;margin-bottom:7px}.mode-option span{display:block;color:#96a18a;font-size:11px;line-height:1.7}.study-layout{max-width:780px;margin:15px auto}.study-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.study-progress{height:5px;background:#e4eadc;border-radius:5px;margin-bottom:25px;overflow:hidden}.study-progress i{display:block;height:100%;background:#86a366}.study-card{border:1px solid #e0e6d7;background:white;border-radius:20px;min-height:330px;padding:30px 45px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 10px 30px #334d2405}.study-card-meta{display:flex;align-items:center;gap:9px;margin-bottom:32px}.study-card .eyebrow{font-size:9px}.study-question{font-family:'Manrope',sans-serif;font-weight:600;font-size:25px;line-height:1.65;letter-spacing:-.4px;margin:auto 0;white-space:pre-wrap;overflow-wrap:anywhere}.study-answer{border-top:1px solid var(--line);margin-top:28px;padding-top:25px;font-size:15px;color:#6e805f;line-height:1.9;width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.study-card .tags{margin-top:30px;justify-content:center}.study-reason{display:flex;justify-content:center;gap:6px;color:#91a080;font-size:10px;line-height:1.8;margin:18px 0}.study-reason .icon{width:13px;height:13px}.study-controls{margin-top:23px;display:flex;justify-content:center;gap:10px}.study-controls .btn{min-width:180px;padding:14px}.grade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.grade-btn{border:1px solid var(--line);border-radius:10px;background:#fff;padding:15px 10px;text-align:center;font-size:12px;font-weight:600}.grade-btn small{display:block;font-size:9px;font-weight:400;opacity:.75;margin-top:7px}.grade-btn.again{background:#fff0ec;border-color:#f1dcd5;color:#bc7964}.grade-btn.hard{background:#fbf4e7;border-color:#ebe1cc;color:#b1975d}.grade-btn.good{background:#edf3e5;border-color:#dfe8d4;color:#7c945c}.grade-btn.easy{background:#e4eee7;border-color:#d5e2d7;color:#60826a}.key-hint{text-align:center;font-size:10px;color:#9fa991;margin-top:21px}kbd{font:9px 'DM Sans',sans-serif;border:1px solid #dfe5d6;background:white;padding:2px 5px;border-radius:4px;margin:0 3px}.rating-change{background:#edf4e3;border-radius:8px;padding:8px 12px;font-size:11px;color:#6b8551}.summary{text-align:center;padding:42px}.summary>.icon{height:50px;width:50px;color:#8da764;margin-bottom:20px}.summary h2{font-size:27px;margin-bottom:10px}.summary p{color:#9ba58f;font-size:12px;line-height:1.8}.summary .stats-grid{margin-top:30px}.summary .stat-label{justify-content:center}.summary .heading-actions{justify-content:center}.settings-panel{max-width:600px}.divider{height:1px;background:var(--line);margin:25px 0}.explanation{font-size:12px;color:#8a967e;line-height:1.9}.explanation strong{color:#607751}.explanation p+p{margin-top:13px}dialog{border:1px solid #dfe6d6;border-radius:18px;padding:28px;width:min(540px,calc(100vw - 32px));max-height:90vh;color:var(--ink);background:#fff;box-shadow:0 25px 100px #10250d22}dialog::backdrop{background:#142d2355;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.modal-head h2{font-size:20px;letter-spacing:-.5px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.form-error{font-size:11px;color:#ac6356;margin-top:12px;line-height:1.7}.hidden{display:none!important}#toast{position:fixed;bottom:26px;left:calc(50% + 116px);transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#263f30;color:#eef4e6;max-width:min(550px,90vw);padding:13px 20px;border-radius:10px;z-index:100;font-size:12px;box-shadow:0 5px 25px #14241022;transition:opacity .2s,transform .2s;line-height:1.7}#toast.visible{opacity:1;transform:translate(-50%,0)}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:40px;font-weight:750;letter-spacing:-2px}.boot span{font-size:12px;font-weight:400;letter-spacing:0;color:#8b9782;margin-top:20px}.loading-dot{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}.progress-top{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.progress-top .stat{padding:24px}.topic-row{display:flex;align-items:center;gap:15px;margin-top:20px}.topic-row strong{font-size:12px;min-width:120px}.topic-row .deck-progress{flex:1;margin:0;height:6px}.topic-row span{font-size:11px;color:#91a080;min-width:45px;text-align:right}.file-label{cursor:pointer;color:#6b8356;font-size:11px;display:inline-flex;align-items:center;gap:7px}.file-label input{display:none}.file-label .icon{width:15px;height:15px}.source-footer{display:flex;justify-content:space-between;align-items:center;margin-top:-7px;margin-bottom:20px}.source-footer small{color:#9ba68f;font-size:10px}.footer{font-size:9px;color:#b0b6a8;display:flex;justify-content:space-between;margin-top:30px;padding-top:18px;border-top:1px solid var(--line)}.error-page{max-width:500px;margin:120px auto;padding:30px;line-height:1.8}.error-page p{margin:15px 0}.deck-detail-meta{display:flex;gap:12px;align-items:center;margin-top:12px}.deck-detail-meta span{font-size:10px;color:#91a080}.wide-btn{width:100%}.spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.content{padding-top:42px}.hero{min-height:275px}.hero h2{font-size:39px}.hero-art{right:40px;transform:scale(1.1);transform-origin:bottom}.deck-card{padding:25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px;gap:30px}}
@media(max-width:1150px){.sidebar{width:205px;padding-left:15px;padding-right:15px}.app-layout{grid-template-columns:205px 1fr}.content{padding:28px}.topbar{padding:0 28px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.hero{padding:28px;min-height:248px}.hero h2{font-size:28px}.hero-art{right:-46px;transform:scale(.8)}.hero-copy{width:78%}.stats-grid{gap:10px}.stat{padding:15px 12px}.right-panel{padding:18px}.hero-actions>span{display:none}.full-deck-grid{grid-template-columns:1fr 1fr}#toast{left:calc(50% + 102px)}}
@media(max-width:950px){.dashboard-grid{grid-template-columns:1fr}.dashboard-right{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hero-art{right:10px;transform:scale(1)}.hero-copy{width:70%}.hero h2{font-size:33px}.right-panel{margin-bottom:0}.ai-promo{display:flex;flex-direction:column;justify-content:center}.generator-grid{grid-template-columns:1fr}.progress-top{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.date-label{display:none}.goal-ring{margin:16px auto}.goal-description{margin-bottom:12px}.daily-mini{display:none}.bottom-note{grid-column:1/-1;margin-top:0}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:232px;box-shadow:10px 0 50px #183f2915}.sidebar.open{transform:translateX(0)}.app-layout{display:block}.mobile-menu{display:flex}.topbar{height:65px;padding:0 20px}.breadcrumb{gap:9px}.topbar-right{gap:12px}.content{padding:27px 20px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.7}.page-heading{gap:12px;margin-bottom:24px}.heading-actions .btn{padding:9px 11px;font-size:10px}.hero{padding:27px 24px;min-height:258px}.hero-copy{width:75%}.hero h2{font-size:29px}.hero p{max-width:250px;font-size:10px}.hero-art{right:-60px;transform:scale(.73);transform-origin:right bottom}.hero-actions{margin-top:20px}.stats-grid{gap:9px;margin-bottom:25px}.stat-label{font-size:9px}.stat-label .icon{display:none}.stat-value{font-size:23px}.stat-foot{font-size:8px}.deck-grid{gap:12px}.deck-card{padding:16px}.deck-card h3{font-size:12px}.deck-card>p{font-size:9px}.deck-top .due-tag{font-size:8px}.deck-bottom{font-size:8px}.dashboard-right{gap:14px}.right-panel{padding:17px}.ai-promo h3{font-size:14px}.ai-promo p{font-size:10px}.ai-promo .deco{right:15px;font-size:35px}.goal-ring{height:118px;width:118px}.day-dot{width:18px;height:18px}.day{font-size:7px}.goal-description{font-size:9px}.panel-title{font-size:12px}.topbar-streak{font-size:10px}.study-card{padding:24px;min-height:310px}.study-question{font-size:22px}.study-card-meta{margin-bottom:24px}.grade-grid{gap:7px}.grade-btn{font-size:11px;padding:14px 5px}.grade-btn small{font-size:8px}.study-reason{font-size:9px;text-align:center}.form-grid{gap:12px}.panel{padding:22px}.toolbar .search-box{width:100%}.card-row{padding:16px;gap:10px}.card-row h3{font-size:12px}.card-row .rating-pill{display:none}.summary{padding:25px 18px}.summary .stats-grid{gap:7px}#toast{left:50%}.footer{font-size:8px}.topic-row strong{min-width:95px;font-size:10px}.topic-row span{font-size:10px}.settings-panel .form-grid{grid-template-columns:1fr}.generator-grid .field textarea{min-height:160px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.nav-btn{font-size:13px;gap:10px;white-space:nowrap}.nav-btn .mini-badge{font-size:8px;padding:3px 4px}.breadcrumb>.icon{width:14px;height:14px}.deck-heading-edit{padding:10px}.profile .profile-text{min-width:0}.profile-text strong{font-size:11px}.profile-text small{font-size:9px}
@media(max-width:700px){.sidebar{transition:none}.sidebar.open{transition:transform .2s}.hero-copy{width:80%}.hero-art{opacity:.65;right:-73px;transform:scale(.6)}.hero p{max-width:205px}.page-heading{flex-wrap:wrap}.page-heading .heading-actions{justify-content:flex-start}.hero h2{font-size:30px}.stat-foot{line-height:1.6}.topbar-streak{white-space:nowrap}}
/* recallr wordmark fits both desktop sidebar widths. */
.brand{font-size:26px;letter-spacing:-1.3px;gap:7px;padding:0 10px}.brand-symbol{flex-shrink:0}
.recent-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(180px,auto));margin-bottom:25px}.new-deck-tile{grid-column:2;grid-row:2;border:1px dashed #acbf99;background:#f0f5e9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-width:0}.new-deck-tile:hover{background:#e7efdc}.new-deck-plus{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#dfeacb;color:#647f49}.new-deck-tile strong{font-size:13px}.new-deck-tile>span:last-child{font-size:10px;line-height:1.6;color:#879878}.deck-placeholder{border:1px dashed #dfe6d7;border-radius:13px;background:#f5f7f1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;gap:10px;color:#b0bca3}.deck-placeholder h3{color:#7c8d6b;font-size:13px}.deck-placeholder p,.deck-placeholder>span{font-size:10px;line-height:1.8;max-width:190px}.deck-placeholder>.icon{width:28px;height:28px}.library-heading{margin-top:32px}.image-upload-field{border:1px dashed #d6dfcc;background:#fafcf7;border-radius:9px;padding:13px;margin:-6px 0 20px}.image-upload-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.image-upload-heading .btn{font-size:10px}.image-upload-field>small{display:block;color:#8c9980;font-size:10px;margin-top:8px}.image-upload-status{display:block;color:#7c8f69;font-size:10px;margin-top:6px}.card-attachment{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:9px}.image-upload-preview:not(:empty){margin-top:12px}.image-upload-preview img{max-height:160px;margin:auto}.study-image{margin:22px auto 0;width:auto;max-height:350px}.card-thumbnail{width:45px;height:45px;flex-shrink:0;object-fit:cover}.study-answer .study-image{margin-top:18px}.recent-deck-grid .deck-card{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.recent-deck-grid{grid-template-rows:repeat(2,minmax(170px,auto))}.deck-placeholder{padding:13px}.new-deck-tile{padding:15px 10px}.new-deck-tile strong{font-size:12px}.new-deck-tile>span:last-child{font-size:9px}.study-image{max-height:250px}}

/* Deck study modes: two equal tabs stay side by side on narrow screens. */
.study-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;background:#e8eddf;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}
.study-tab{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px;border:0;border-radius:8px;background:transparent;color:#77856c;font-weight:600;font-size:14px}
.study-tab.active{background:#fff;color:#36512b;box-shadow:0 2px 5px #203d3210}
.study-tab:focus-visible{outline:2px solid #688a4f;outline-offset:2px}
.deck-study-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.deck-study-panel h2{font-size:19px;margin-bottom:10px}
.deck-study-panel p{max-width:460px}
.deck-study-actions{display:flex;flex-direction:column;gap:14px;flex-shrink:0}
.deck-study-actions .field{margin:0;font-size:11px;color:#66775c}
.study-mode-description{margin-bottom:22px}
@media(max-width:600px){.deck-study-panel{align-items:stretch;flex-direction:column}.deck-study-actions .btn{justify-content:center}.study-tab{font-size:13px}}

/* Tagged problems get equal problem/editor columns, stacking on mobile. */
.study-layout-workspace{max-width:none;width:100%}
.study-layout-workspace .study-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.study-problem{min-width:0}
.study-layout-workspace .study-card{padding:25px;min-height:370px}
.study-layout-workspace .study-question{font-size:21px;text-align:left;width:100%}
.practice-workspace{min-width:0;border:1px solid var(--line);background:white;border-radius:14px;overflow:hidden}
.workspace-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px}
.workspace-toolbar h2{font-size:14px;margin-right:auto}
.workspace-toolbar .btn{font-size:11px;padding:9px 11px}
.workspace-language-label{font-size:10px;color:var(--muted)}
.workspace-live{margin-left:auto;background:#e9f3e0;color:#577b37;font-size:10px;padding:5px 8px;border-radius:5px}
.workspace-kind-buttons{display:flex;gap:5px;margin-right:auto}
.workspace-editor{width:100%;height:430px;min-height:250px;font-family:monospace}
.workspace-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;padding:10px 14px;font-size:9px;line-height:1.6;color:var(--muted);border-bottom:1px solid var(--line)}
.workspace-input-label{display:block;padding:14px 14px 7px;font-size:11px;font-weight:600}
.workspace-stdin{display:block;width:calc(100% - 28px);margin:0 14px 14px;padding:10px;border:1px solid var(--line);border-radius:7px;resize:vertical;font:12px/1.6 monospace;background:#fafbf8}
.workspace-output-section,.latex-preview-section{padding:14px;border-top:1px solid var(--line)}
.workspace-output-section h3,.latex-preview-section h3{font-size:12px;margin-bottom:8px}
.workspace-output{min-height:65px;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace;background:#f7f9f3;padding:12px;border-radius:6px;margin-top:9px}
.latex-preview{min-height:120px;overflow:auto;padding:15px 0;font-size:15px}
.latex-preview .katex-display{margin:0;text-align:left}
.workspace-tag-shortcuts{display:flex;gap:7px}
.workspace-tag-shortcuts .btn{padding:4px 8px;font-size:10px}
@media(max-width:1000px){.study-layout-workspace .study-columns{grid-template-columns:minmax(0,1fr)}.workspace-editor{height:370px}.study-layout-workspace .study-card{min-height:260px}}

/* Document-style LaTeX preview: prose keeps paragraphs, inline math stays inline. */
.latex-preview{white-space:pre-wrap;font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.85;color:var(--ink);overflow-wrap:anywhere}
.latex-preview .katex{white-space:normal;overflow-wrap:normal}
.latex-preview .katex-display{display:block;margin:16px 0;text-align:center;overflow-x:auto;overflow-y:hidden}
.login-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
}
.login-card {
  width: min(100%, 460px);
  padding: 40px;
  border: 1px solid #dfe5da;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 60px #203d3210;
}
.login-card h1 { margin-top: 32px; }
.login-card p { line-height: 1.6; color: #647067; }
#google-signin { margin: 28px 0 16px; }
#login-status { font-size: 14px; }
#login-retry[hidden] { display: none; }
.profile-text small { overflow-wrap: anywhere; }