:root{font-family:DM Sans,Segoe UI,sans-serif;color:#24352f;background:#f5f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#263832;--muted:#85928b;--line:#e8ebe4;--green:#437965;--green-dark:#315f4e;--soft-green:#e8f1eb;--cream:#f3f1e8;--peach:#f4e6db;--blue:#e6edf1}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}#app{min-height:100vh}.shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:#fafbf8;border-right:1px solid #eaede7;padding:27px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font:800 18px Manrope,sans-serif;letter-spacing:-.7px;color:#344940;padding:0 12px 31px}.brand-mark{width:27px;height:27px;background:#4f836e;color:#fff;display:grid;place-items:center;border-radius:9px;font-size:19px;line-height:1;font-family:Georgia,serif;font-weight:700}.brand-dot{color:#88a990}.profile-chip{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e8ece6;border-radius:12px;background:#fff;margin:0 0 25px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e6eee7;color:#47745f;font:700 14px Manrope}.profile-chip b{font-size:12px;font-weight:700;display:block}.profile-chip small{font-size:10px;color:#9ba49e;display:block;margin-top:3px}.chevron{margin-left:auto;color:#9aa39d}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#76847b;text-align:left;display:flex;align-items:center;gap:12px;padding:12px;border-radius:9px;font-size:13px;font-weight:600}.nav-item:hover{background:#f0f4ef;color:#4e705d}.nav-item.active{background:#e8f0e9;color:#416b55}.nav-icon{font-size:17px;width:20px;text-align:center}.nav-arrow{margin-left:auto;color:#73947c}.sidebar-bottom{margin-top:auto}.streak-card{margin:0 3px 19px;padding:13px;background:#f4f0e5;border-radius:12px;display:flex;align-items:center;gap:11px;position:relative}.streak-icon{height:34px;width:34px;border-radius:11px;display:grid;place-items:center;background:#e9dfc8;color:#b28b4d;font-size:20px}.streak-card strong{display:block;font:700 16px Manrope;color:#715f3e}.streak-card small{font-size:10px;color:#9f9276}.streak-spark{margin-left:auto;color:#c1a975}.offline{font-size:10px;color:#9da69f;padding:16px 11px 0;display:flex;align-items:center;gap:7px}.offline span{width:7px;height:7px;background:#73a987;border-radius:50%}.main-content{min-width:0}.topbar{height:70px;border-bottom:1px solid #eaede7;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px);background:#fafbf8bf}.breadcrumb{font-size:12px;color:#99a49c}.breadcrumb span{padding:0 8px;color:#d1d7d1}.top-actions{display:flex;align-items:center;gap:15px}.reward-pill{padding:8px 12px;border-radius:20px;background:#f2eddf;color:#87734d;font-size:11px;font-weight:700}.reward-pill span{font-size:14px}.icon-button{width:27px;height:27px;border:1px solid #e4e9e2;border-radius:50%;background:transparent;color:#87938b;font-size:12px}.page{max-width:1130px;margin:0 auto;padding:43px clamp(24px,4vw,62px) 68px}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.45px;color:#8ba092}.welcome-row h1,.page-header h1,.practice-heading h1,.pause-screen h1{font:600 clamp(27px,3vw,35px) Manrope,sans-serif;letter-spacing:-1.4px;color:#304139;margin:8px 0 7px}.welcome-row h1 em,.page-header h1 em{font-style:normal;color:#689078}.page-subtitle{margin:0;color:#8d9991;font-size:12px}.mood-sun{height:52px;width:52px;display:grid;place-items:center;background:#f1eddf;color:#c4a965;font-size:27px;border-radius:50%;margin-right:9%}.today-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px}.quota-card,.reward-card{min-height:201px;border-radius:15px;border:1px solid #e8ebe4;background:#fff;position:relative;overflow:hidden}.quota-card{padding:21px 24px 19px}.card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.card-label{font-size:9px;font-weight:700;letter-spacing:1.25px;color:#87968c}.soft-badge{font-size:9px;background:#eff4ef;border-radius:12px;padding:6px 9px;color:#76927d}.quota-number{position:relative;z-index:1;font:700 31px Manrope;color:#3a5145;letter-spacing:-1px;margin:21px 0 15px}.quota-number span{font:500 12px DM Sans;letter-spacing:0;color:#9aa59e}.progress-track{height:7px;border-radius:5px;background:#edf0e9;position:relative;z-index:1;margin-right:9px}.progress-fill{height:100%;border-radius:5px;background:#79a78a;transition:width .25s}.progress-star{position:absolute;top:-7px;color:#d3ad61;font-size:17px}.quota-foot{display:flex;justify-content:space-between;font-size:10px;color:#9aa49c;margin-top:11px;position:relative;z-index:1}.quota-illustration{position:absolute;right:0;bottom:0;width:132px;height:69px;opacity:.43;overflow:hidden}.sun{position:absolute;color:#e4ca85;right:31px;top:1px;font-size:25px}.hill{position:absolute;bottom:-22px;width:110px;height:70px;border-radius:50% 50% 0 0}.hill-a{right:-10px;background:#d8e7d8}.hill-b{right:58px;bottom:-35px;background:#e9ead6}.reward-card{background:#f8f5eb;display:flex;align-items:center;padding:20px 17px}.reward-art{width:41%;min-width:116px;height:145px;position:relative;display:grid;place-items:center}.flag-orbit{position:absolute;border:1px dashed #d6c9a5;width:95px;height:95px;border-radius:50%;display:grid;place-items:start center;padding-top:0;color:#c1a566}.flag-token{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:#e8dfc6;color:#ae9256;font-size:30px;box-shadow:0 7px 17px #bbab8140;transform:rotate(-7deg)}.flag-spark{position:absolute;color:#bd9c58}.spark-a{left:12px;top:25px}.spark-b{right:13px;bottom:23px}.reward-copy{position:relative;z-index:1}.reward-copy h3{font:700 18px Manrope;margin:14px 0 6px;color:#625941}.reward-copy p{font-size:10px;line-height:1.6;color:#99917c;max-width:205px;margin:0 0 12px}.text-button{border:0;background:transparent;color:#66896f;padding:0;font-size:10px;font-weight:700}.text-button span{padding-left:5px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:34px 0 13px}.section-heading h2,.chart-heading h2{font:650 18px Manrope;letter-spacing:-.5px;color:#394a40;margin:6px 0 0}.lesson-card{border-radius:13px;background:#fff;border:1px solid #e7ebe4;padding:16px 18px;display:flex;align-items:center;gap:16px}.lesson-icon{height:47px;width:47px;display:grid;place-items:center;border-radius:13px;font-size:23px}.home-icon{background:#e9f0e7;color:#6e9776}.lesson-info{flex:1;min-width:0}.lesson-meta{display:flex;gap:8px;align-items:center;color:#a0aaa2;font-size:9px}.lesson-tag{color:#71917a;background:#edf3ed;border-radius:10px;padding:4px 7px;font-size:8px;font-weight:700;letter-spacing:.4px}.meta-dot{color:#c5cdc5}.lesson-info h3,.library-main h3{font:650 14px Manrope;color:#394b40;margin:7px 0 4px}.lesson-info p,.library-main p{font-size:10px;color:#98a199;margin:0}.lesson-card-side{display:flex;align-items:center;gap:14px}.accuracy-chip{font-size:9px;color:#77917a}.button{border:0;border-radius:8px;padding:10px 14px;font-size:10px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button:hover{transform:translateY(-1px)}.button.primary{background:#58846e;color:#fff;box-shadow:0 3px 8px #42765c20}.button.primary:hover{background:#47775f}.button.secondary{background:#eef2ed;color:#5a7763;border:1px solid #e3e9e1}.button.secondary:hover{background:#e6ede5}.button span{font-size:14px;font-weight:400}.start-button{white-space:nowrap}.gentle-note{display:flex;align-items:center;gap:13px;margin:18px 0 0;padding:14px 17px;background:#eef3ec;border-radius:11px}.note-star{font-size:18px;color:#a1b28d}.gentle-note b{font:650 11px Manrope;color:#5c725d}.gentle-note p{font-size:10px;color:#8c9b8b;margin:4px 0 0}.note-doodle{margin-left:auto;color:#9cb49c;font-size:22px}.recent-mini{margin-top:26px}.recent-mini>div{padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;color:#536459}.recent-mini>div span{float:right;color:#84968b}.page-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.page-header h1{margin-top:9px}.lesson-list{display:grid;gap:9px}.library-row{display:flex;align-items:center;gap:15px;border:1px solid #e7ebe4;background:#fff;border-radius:12px;padding:13px 15px}.library-week{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#eff3eb;color:#78947a;font-size:10px;font-weight:700}.library-main{flex:1}.library-main h3{margin-top:6px}.library-action{display:flex;align-items:center;gap:13px}.duration-tag{font-size:10px;color:#9aa49c}.library-footnote{margin-top:18px;text-align:center;color:#a0aaa1;font-size:10px}.progress-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.overview-card{border:1px solid #e8ebe4;background:#fff;border-radius:13px;padding:17px}.overview-card small,.result-stats small{font-size:8px;letter-spacing:1.2px;color:#93a096;font-weight:700}.overview-card strong{display:block;font:700 25px Manrope;color:#4d745e;margin:10px 0 2px}.overview-card i,.result-stats i{font-style:normal;font-size:12px;margin-left:2px}.overview-card span{font-size:10px;color:#a0aaa2}.flags-overview strong{color:#ad9258}.chart-card{margin-top:15px;border:1px solid #e8ebe4;background:#fff;border-radius:13px;padding:19px 22px}.chart-heading{display:flex;align-items:center;justify-content:space-between}.chart-heading h2{font-size:16px}.chart-key{font-size:9px;color:#8a988f}.chart-key i{display:inline-block;width:7px;height:7px;background:#7ea789;border-radius:2px;margin-right:5px}.chart-area{height:190px;display:flex;align-items:end;gap:14px;padding:20px 7px 0;position:relative}.chart-area:before,.chart-area:after{content:"";height:1px;position:absolute;left:0;right:0;background:#f0f2ed;bottom:36px}.chart-area:after{bottom:92px}.chart-column{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;position:relative;z-index:1;min-width:16px}.chart-value{font-size:8px;color:#7d9280;margin-bottom:5px}.chart-bar{width:min(32px,80%);min-height:3px;border-radius:5px 5px 1px 1px;background:#a9c6aa}.chart-column small{font-size:8px;color:#a2aca4;margin-top:7px;white-space:nowrap}.empty-chart{margin:auto;color:#9aa69c;font-size:11px}.history-block .section-heading{margin-top:30px}.filter-check{font-size:9px;color:#8b988e;display:flex;align-items:center;gap:5px}.history-table{border:1px solid #e7ebe4;background:#fff;border-radius:12px;overflow:hidden}.history-head,.history-row{display:grid;grid-template-columns:minmax(170px,1.8fr) .8fr .9fr .6fr minmax(120px,1fr);gap:10px;align-items:center;padding:11px 15px}.history-head{background:#f6f8f4;font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#96a198}.history-row{border-top:1px solid #eff1ed;font-size:10px;color:#6f7f73}.history-row b{display:block;font-size:10px;color:#526357}.history-row small{display:block;margin-top:4px;font-size:9px;color:#a4ada5}.history-row strong{color:#64876d}.status-pill{font-size:8px;border-radius:8px;padding:5px 7px;width:max-content}.status-pill.counted{background:#eaf2eb;color:#64836a}.status-pill.excluded{background:#f5ece4;color:#aa8668}.empty-history,.empty-flags{padding:22px;text-align:center;color:#98a39a;font-size:10px}.flags-shelf .section-heading{margin-top:28px}.flag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.earned-flag{display:flex;align-items:center;gap:12px;border:1px solid #eee9db;background:#faf8f0;border-radius:11px;padding:12px}.earned-flag>span{font-size:24px;color:#b1965c}.earned-flag b,.earned-flag small,.earned-flag time{display:block}.earned-flag b{font:650 11px Manrope;color:#716443}.earned-flag small{font-size:9px;color:#a69b7e;margin-top:3px}.earned-flag time{font-size:8px;color:#b2a88e;margin-top:5px}.settings-card{border:1px solid #e8ebe4;background:#fff;border-radius:13px;padding:20px;margin-bottom:13px}.settings-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.settings-title h2,.reset-card h2{font:650 15px Manrope;color:#3c5043;margin:5px 0 0}.settings-icon{height:39px;width:39px;border-radius:11px;background:#f2eee3;color:#af9456;display:grid;place-items:center;font-size:18px}.settings-icon.mint{background:#e8f1eb;color:#699074}.settings-icon.blue{background:#e8eef1;color:#768f9a}.settings-icon.peach{background:#f6ece3;color:#b28a67}.settings-form{display:flex;align-items:end;gap:12px}.settings-form label{flex:1;font-size:9px;font-weight:700;color:#839087}.settings-form input,.settings-form select{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #e6eae4;border-radius:8px;background:#fbfcfa;color:#46574a;font-size:11px;outline-color:#8aaa91}.settings-desc{font-size:10px;line-height:1.6;color:#909d93;margin:-7px 0 14px}.settings-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.file-button{cursor:pointer}.assignment-current{font-size:9px;color:#8b9b8e}.assignment-preview{border:1px solid #e9eee8;background:#f8faf7;padding:13px;border-radius:9px;margin-top:13px;font-size:10px;color:#5c6e60}.assignment-preview p{color:#87938a}.error-text{color:#b3715c;font-size:10px}.weak-list{display:flex;gap:7px;flex-wrap:wrap}.weak-chip{padding:7px 10px;border-radius:8px;background:#f6f3ea;color:#a08854;font-size:9px}.weak-chip b{text-transform:uppercase}.reset-card{display:flex;align-items:center;justify-content:space-between;border-color:#f0e9e4}.danger{background:#fbf0ed;color:#ac705e}.practice-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.back-link{border:0;background:none;padding:0;color:#76877c;font-size:13px}.back-link span{font-size:10px;padding-left:5px}.practice-label{font-size:10px;color:#829087;display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;background:#78a784;border-radius:50%}.practice-menu{font-size:9px;color:#9aa59c}.practice-menu span{padding:0 6px;color:#c8d0c9}.no-look{color:#7d987f}.practice-wrap{max-width:780px;margin:0 auto}.practice-heading{text-align:center;margin:38px 0 22px}.practice-heading h1{font-size:30px;margin:9px 0}.practice-heading p{font-size:11px;color:#929e94}.practice-stats{display:flex;justify-content:center;gap:70px;margin:20px 0}.practice-stats div{text-align:center}.practice-stats small{display:block;font-size:8px;letter-spacing:1px;color:#96a197;font-weight:700;margin-bottom:6px}.practice-stats strong{font:650 19px Manrope;color:#5d7b63}.practice-stats i{font-style:normal;font-size:10px}.typing-card{border:1px solid #e3e9e2;background:#fff;border-radius:14px;padding:31px 30px 17px;box-shadow:0 8px 28px #40594308}.prompt-line{font:500 20px/1.85 DM Sans,sans-serif;letter-spacing:.25px;color:#b5bdb5;min-height:152px;overflow-wrap:anywhere}.typed-text{color:#708c74}.current-char{display:inline-block;color:#385c46;background:#e2ede2;box-shadow:0 2px #88a98d;border-radius:3px;min-width:.6em;text-align:center}.remaining-text{color:#b8c0b9}.typing-bottom{border-top:1px solid #f0f2ed;padding-top:13px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;min-height:34px}.finger-hint{display:flex;gap:8px;align-items:center;color:#a0aaa1;font-size:9px}.finger-icon{font-size:16px;color:#91a58f}.mistake-hint{font-size:9px;color:#b58868}.typing-capture{position:fixed;left:-9999px;width:1px;height:1px;opacity:0}.practice-controls{display:flex;align-items:center;gap:15px;padding:17px 4px;color:#a0aaa2;font-size:9px}.practice-controls kbd{font:9px DM Sans;border:1px solid #e3e8e2;border-radius:4px;padding:3px 5px;color:#809087}.practice-encouragement{margin-left:auto;color:#7d9a80}.pause-button{padding:7px 10px;background:#eef2ed;color:#728176}.pause-screen{text-align:center;margin:14vh auto 0;max-width:400px}.pause-symbol{display:grid;place-items:center;margin:0 auto 25px;width:68px;height:68px;border-radius:50%;background:#ecf1e9;color:#7f9c7d;font-size:25px}.pause-screen p{color:#929d94;font-size:12px;margin:0 0 23px}.pause-leave{display:block;margin:18px auto}.result-wrap{max-width:570px;margin:25px auto;text-align:center;padding:24px}.result-confetti{font-size:16px;letter-spacing:15px;color:#c9b37d;height:34px}.result-flag{width:84px;height:84px;margin:7px auto 19px;border-radius:27px;background:#eee7d3;color:#af955d;display:grid;place-items:center;font-size:42px;transform:rotate(-6deg);box-shadow:0 9px 18px #b5a4752b}.result-wrap h1{font:700 30px Manrope;letter-spacing:-1px;color:#4f684f;margin:9px}.result-sub{color:#929e92;font-size:11px;line-height:1.7;max-width:390px;margin:0 auto}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:27px 0 20px;border:1px solid #e7ebe4;border-radius:12px;background:#fff;padding:17px 8px}.result-stats strong{display:block;font:700 20px Manrope;color:#638268;margin-top:7px}.result-quote{font:italic 12px Georgia;color:#899581;background:#f1f3eb;border-radius:10px;padding:15px}.result-actions{display:flex;justify-content:center;gap:9px;margin:21px}.result-small{font-size:9px;color:#a1aaa2}.setup-wrap{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:#f2f5ef;padding:24px}.setup-card{position:relative;z-index:1;width:min(100%,420px);padding:36px;background:#fcfdfb;border:1px solid #e8ede6;border-radius:20px;box-shadow:0 17px 50px #46644f0d}.setup-brand{padding:0;margin-bottom:37px}.setup-card h1{font:700 34px/1.2 Manrope;letter-spacing:-1.4px;color:#35493b;margin:10px 0}.setup-card h1 em{font-style:normal;color:#6b9275}.setup-copy{font-size:12px;line-height:1.7;color:#929d94;margin:0 0 24px}.setup-card label{display:block;font-size:10px;font-weight:700;color:#6d7f70;margin:15px 0 7px}.setup-card input,.setup-card select{width:100%;border:1px solid #e4eae2;background:#fbfcfa;border-radius:9px;padding:12px;color:#3e5244;font-size:12px;outline-color:#8aaa91}.quota-select{position:relative}.quota-select span{position:absolute;right:13px;top:12px;color:#93a096;pointer-events:none}.quota-select select{appearance:none}.full{width:100%;margin-top:24px;padding:13px}.privacy-note{border-top:1px solid #edf0eb;margin-top:23px;padding-top:18px;text-align:center;font-size:9px;color:#9aa59b}.privacy-note span{color:#b79a5f;padding-right:4px}.setup-orbit{position:absolute;border:1px solid #e0e8dc;border-radius:50%;width:450px;height:450px;right:-190px;top:-180px}.orbit-two{width:620px;height:620px;left:-345px;top:auto;bottom:-380px;border-color:#e7e6d8}.empty-flags{grid-column:1/-1}.result-wrap .eyebrow{color:#9a9d7e}@media(max-width:900px){.shell{grid-template-columns:205px 1fr}.sidebar{padding-inline:13px}.today-grid{grid-template-columns:1fr}.reward-card{min-height:165px}.reward-art{width:30%}.mood-sun{margin-right:2%}.page{padding-inline:25px}.practice-menu{display:none}}@media(max-width:650px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:sticky;z-index:4;top:0;padding:10px 13px;border-right:0;border-bottom:1px solid #eaede7;display:grid;grid-template-columns:1fr auto;align-items:center}.brand{padding:0;font-size:16px}.brand-mark{width:24px;height:24px}.profile-chip,.sidebar-bottom{display:none}.sidebar nav{grid-column:1/-1;display:flex;gap:2px;margin-top:7px}.nav-item{padding:8px 10px;gap:6px;font-size:10px}.nav-icon{font-size:14px;width:16px}.nav-arrow{display:none}.topbar{height:48px;padding:0 17px}.page{padding:27px 17px 50px}.welcome-row h1,.page-header h1{font-size:27px}.mood-sun{height:41px;width:41px;margin:0}.page-subtitle{font-size:10px;line-height:1.5}.today-grid{gap:10px}.quota-card{min-height:184px;padding:17px}.reward-card{padding:13px}.reward-art{min-width:102px}.lesson-card{align-items:flex-start;padding:13px;gap:10px}.lesson-icon{height:39px;width:39px}.lesson-info h3{font-size:12px}.lesson-info p{line-height:1.5}.lesson-card-side{display:grid;justify-items:end;gap:9px}.accuracy-chip{font-size:8px}.start-button{padding:9px;font-size:9px}.section-heading{margin-top:26px}.page-header{align-items:flex-start;gap:10px}.page-header>.button{font-size:8px;padding:9px}.library-row{gap:9px;padding:10px}.library-week{height:35px;width:35px}.library-main p{line-height:1.4}.library-action{display:grid;gap:7px;justify-items:end}.library-action .button{font-size:8px;padding:8px}.progress-overview{gap:6px}.overview-card{padding:11px 8px}.overview-card strong{font-size:19px}.overview-card span{font-size:8px}.history-head,.history-row{grid-template-columns:minmax(105px,1.5fr) .6fr .8fr;gap:7px;padding:9px}.history-head span:nth-child(4),.history-head span:nth-child(5),.history-row>span:nth-of-type(3),.history-row>span:nth-of-type(4){display:none}.history-row>div{grid-column:auto}.status-pill{font-size:7px}.filter-check{font-size:8px}.settings-form{display:grid;grid-template-columns:1fr 1fr}.settings-form button{grid-column:1/-1}.settings-actions .button{font-size:8px;padding:9px}.practice-top{margin-bottom:15px}.practice-heading{margin:32px 0 18px}.practice-heading h1{font-size:25px}.practice-stats{gap:31px}.practice-stats strong{font-size:16px}.typing-card{padding:21px 17px 13px}.prompt-line{font-size:17px;min-height:170px}.typing-bottom{align-items:flex-start}.finger-hint{font-size:8px}.practice-controls{gap:8px;font-size:8px}.practice-controls kbd{font-size:8px}.result-wrap{padding:12px}.result-wrap h1{font-size:27px}.result-stats{gap:2px}.result-stats strong{font-size:16px}.result-stats small{font-size:7px}.result-actions{margin:18px 0}.setup-card{padding:28px 23px}.setup-card h1{font-size:31px}}.assignment-form{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:end}.assignment-form>label{font-size:9px;font-weight:700;color:#839087}.assignment-form input,.assignment-form select{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #e6eae4;border-radius:8px;background:#fbfcfa;color:#46574a;font-size:11px}.assignment-form fieldset{grid-column:1/-1;border:1px solid #edf0eb;border-radius:9px;padding:12px;display:flex;gap:10px;flex-wrap:wrap}.assignment-form legend{font-size:9px;color:#849187;font-weight:700;padding:0 5px}.assignment-form fieldset label{font-size:9px;color:#718077;display:flex;align-items:center;gap:5px}.assignment-form>button{justify-self:start}.assignment-preview ul{margin:8px 0 13px;padding-left:19px;line-height:1.8}.assignment-preview h3{font:650 14px Manrope;color:#465d4d;margin:9px 0}.assignment-preview .eyebrow{font-size:8px}.assignment-preview p{margin:7px 0}.teacher-card{background:#fbfcf9}@media(max-width:650px){.assignment-form{grid-template-columns:1fr 1fr}.assignment-form fieldset{grid-column:1/-1;display:grid}.assignment-form>button{grid-column:1/-1}}