@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-cyrillic-ext-400-normal.29h3lvkzti2g0.woff2)format("woff2"),url(../media/inter-cyrillic-ext-400-normal.2tawlv965c-2g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-cyrillic-400-normal.2y7ys-6xqyvlu.woff2)format("woff2"),url(../media/inter-cyrillic-400-normal.313z8u3gguft6.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-greek-ext-400-normal.2sh_6_vhnlvft.woff2)format("woff2"),url(../media/inter-greek-ext-400-normal.0l231a9nt5uww.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-greek-400-normal.05unz6ahsdg5s.woff2)format("woff2"),url(../media/inter-greek-400-normal.1ie-jkghmy-g3.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-vietnamese-400-normal.0vt5hs1-p3hwb.woff2)format("woff2"),url(../media/inter-vietnamese-400-normal.1sh--xb01u94w.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-latin-ext-400-normal.215r6wzhyafb5.woff2)format("woff2"),url(../media/inter-latin-ext-400-normal.1s10ttb8x1xct.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-latin-400-normal.08vufg9rbrtqu.woff2)format("woff2"),url(../media/inter-latin-400-normal.0qkhh15u3nzc2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-cyrillic-ext-500-normal.2lrm7m7v2pmbu.woff2)format("woff2"),url(../media/inter-cyrillic-ext-500-normal.1dhkj9n1d9eco.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-cyrillic-500-normal.1nv56f3vj863s.woff2)format("woff2"),url(../media/inter-cyrillic-500-normal.06elr_s4xp1zj.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-greek-ext-500-normal.0kf5e66myu7u-.woff2)format("woff2"),url(../media/inter-greek-ext-500-normal.2yi4i7l4h95u-.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-greek-500-normal.0_q-v-7d36a_x.woff2)format("woff2"),url(../media/inter-greek-500-normal.2q6jyr9iwt8we.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-vietnamese-500-normal.2jar8flmuc211.woff2)format("woff2"),url(../media/inter-vietnamese-500-normal.1ms37jnnr6ne8.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-latin-ext-500-normal.2rhh45_wkw1e4.woff2)format("woff2"),url(../media/inter-latin-ext-500-normal.2mn7n1eepax5z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-latin-500-normal.037elok7xg7ol.woff2)format("woff2"),url(../media/inter-latin-500-normal.0zoa3evckypzi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-cyrillic-ext-600-normal.42f1l9b1vn7on.woff2)format("woff2"),url(../media/inter-cyrillic-ext-600-normal.0llmxmbbmm9_u.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-cyrillic-600-normal.0-dy8oiks8ebz.woff2)format("woff2"),url(../media/inter-cyrillic-600-normal.1yx35ha52iheu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-greek-ext-600-normal.1vvyze5ech61n.woff2)format("woff2"),url(../media/inter-greek-ext-600-normal.2409xwbea2gft.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-greek-600-normal.1o2sh6_upyp40.woff2)format("woff2"),url(../media/inter-greek-600-normal.217aew8mjlovh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-vietnamese-600-normal.28hfptm0o_tt8.woff2)format("woff2"),url(../media/inter-vietnamese-600-normal.0ryxdan2-9e5a.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-latin-ext-600-normal.24qjoiekzybge.woff2)format("woff2"),url(../media/inter-latin-ext-600-normal.0jniwfmk9oe12.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-latin-600-normal.42bxzpetz5w8g.woff2)format("woff2"),url(../media/inter-latin-600-normal.2azw06-3fu-n-.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(../media/space-grotesk-vietnamese-400-normal.2pfkn3g7wwn5d.woff2)format("woff2"),url(../media/space-grotesk-vietnamese-400-normal.0jx4ftenpz7nn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(../media/space-grotesk-latin-ext-400-normal.0nstv631bqswv.woff2)format("woff2"),url(../media/space-grotesk-latin-ext-400-normal.2dgpnwoa-g_sq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(../media/space-grotesk-latin-400-normal.0nlbkvxqdexvu.woff2)format("woff2"),url(../media/space-grotesk-latin-400-normal.2235qcybq8ygl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(../media/space-grotesk-vietnamese-500-normal.32w_8-q5bbe5v.woff2)format("woff2"),url(../media/space-grotesk-vietnamese-500-normal.1gksubtjqhveb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(../media/space-grotesk-latin-ext-500-normal.1wfxy-y2qxssa.woff2)format("woff2"),url(../media/space-grotesk-latin-ext-500-normal.02-69q69ru7pt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(../media/space-grotesk-latin-500-normal.31yp0bkv7z4ku.woff2)format("woff2"),url(../media/space-grotesk-latin-500-normal.1_3k4-aqyhjfx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#212121;--muted:#656560;--canvas:#fff;--stone:#eeece7;--green:#003c33;--coral:#ff7759;--rule:#deded8;--primary:#17171c;--focus:#1863dc;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);margin:0;font:16px/1.55 Inter,Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Space Grotesk,sans-serif;font-weight:400}h1{letter-spacing:-1.4px;font-size:40px;line-height:1.15}h2{letter-spacing:-.6px;font-size:27px;line-height:1.2}h3{font-size:21px;line-height:1.3}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a,button{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{color:#17171c;background:#ffc6b8}input,textarea,select{caret-color:var(--green)}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #c9c9c2;border-radius:8px;padding:12px 14px}input::placeholder,textarea::placeholder{color:#75756e}textarea{resize:vertical}label{font-size:14px;font-weight:500;display:block}label input,label textarea,label select{margin-top:8px}label small{color:var(--muted);margin-top:6px;font-weight:400;display:block}form>label{margin-bottom:22px}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere}small{font-size:13px}hr{border:0;border-top:1px solid var(--rule);margin:28px 0}.button{white-space:nowrap;border:1px solid #0000;border-radius:32px;justify-content:center;align-items:center;gap:16px;min-height:46px;padding:12px 23px;font-size:14px;font-weight:500;transition:background .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.primary{background:var(--primary);color:#fff}.primary:hover{background:#343438}.white{color:#17171c;background:#fff}.secondary{background:0 0;border-color:#b7b9b0}.small{min-height:38px;padding:8px 15px}.full{width:100%}.text-button{text-underline-offset:4px;background:0 0;border:0;padding:8px 0;font-size:14px;text-decoration:underline}.icon-button{background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-button:hover{background:#e8e9e1}.brand{letter-spacing:-1.2px;white-space:nowrap;align-items:center;gap:9px;font-size:29px;font-weight:500;display:flex}.brand img{object-fit:contain}.brand-dot{color:var(--coral)}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;padding:12px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.error{color:#92351f;background:#fff0eb;border-radius:8px;margin:16px 0;padding:13px 16px;font-size:14px}.notice{background:#f4f3ed;border-radius:8px;margin:16px 0;padding:14px 18px;font-size:14px}.success{color:#254e2d;background:#edf5e9}.pill{border:1px solid #c6c8be;border-radius:30px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;line-height:1.5;display:inline-flex}.pill.light{color:#f0f1e6;border-color:#78968a}.pill.coral{color:#713827;background:#ffe8e0;border-color:#ffc0ad}.pill.green{color:#315436;background:#edf5e9;border-color:#c6d9bf}.quiet-label{color:var(--muted);font-size:13px}.muted{color:var(--muted)}.app-shell{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--rule);z-index:20;background:#fafaf7;flex-direction:column;width:232px;padding:32px 22px 20px;display:flex;position:fixed;inset:0 auto 0 0}.workspace-label{color:#6b6b64;margin:43px 12px 17px;font-size:12px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.nav-link{color:#5f635c;border-radius:8px;align-items:center;gap:13px;padding:12px 14px;font-size:14px;display:flex}.nav-link.selected{color:var(--green);background:#e7eddf;font-weight:600}.nav-link:hover{background:#eeeee8}.sidebar-bottom{margin-top:auto}.sidebar-note{color:#6c7467;margin:40px 12px}.sidebar-note p{font-size:15px}.seedling{color:#54745c;font-family:Space Grotesk;font-size:44px}.workspace-switch{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;padding:18px 8px;font-size:13px;display:flex}.profile{border-top:1px solid var(--rule);align-items:center;gap:10px;padding-top:18px;display:flex}.avatar{background:#e8dccb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.profile strong{text-overflow:ellipsis;white-space:nowrap;max-width:94px;font-size:12px;font-weight:500;display:block;overflow:hidden}.profile small{color:var(--muted);font-size:11px}.profile .icon-button{margin-left:auto}.app-content{width:calc(100% - 232px);min-width:0;margin-left:232px}.topbar{border-bottom:1px solid var(--rule);height:76px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 42px;font-size:13px;display:flex}.topbar a{color:var(--ink);align-items:center;gap:12px;display:flex}.main-content{max-width:1280px;margin:auto;padding:40px 42px 64px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-heading p{margin-top:10px;font-size:15px}.today-hero{background:var(--green);color:#fff;border-radius:16px;grid-template-columns:1.15fr 1fr;gap:50px;padding:38px 40px;display:grid}.today-hero h2{letter-spacing:-1.3px;white-space:pre-line;max-width:420px;margin:23px 0 16px;font-size:42px;line-height:1.12}.today-hero p{color:#cfdbcb;max-width:350px;font-size:15px}.today-hero .button{margin-top:28px}.hero-exercise{color:var(--ink);background:#eeece7;border-radius:12px;align-self:center;padding:23px;transform:rotate(2deg)}.exercise-top{color:#5c665c;justify-content:space-between;align-items:center;padding-bottom:35px;font-size:12px;display:flex}.hero-exercise h3{font-size:27px}.hero-exercise p{color:#5d635a;margin-top:10px}.exercise-bottom{border-top:1px solid #c6c9bf;justify-content:space-between;gap:12px;margin-top:37px;padding-top:16px;font-size:12px;display:flex}.exercise-bottom span{align-items:center;gap:6px;display:flex}.daily-summary{border-bottom:1px solid var(--rule);align-items:center;gap:45px;padding:28px 0;display:flex}.daily-summary>div{align-items:baseline;gap:10px;display:flex}.daily-summary strong{font-variant-numeric:tabular-nums;font-family:Space Grotesk;font-size:28px;font-weight:400}.daily-summary span{color:var(--muted);font-size:13px}.daily-summary p{margin-left:auto;font-size:12px}.section{margin-top:38px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-heading a{align-items:center;gap:8px;font-size:13px;display:flex}.path-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.path-card{border:1px solid var(--rule);border-radius:12px;padding:27px;transition:background .2s}.path-card:hover{background:#f8f8f3}.path-symbol{color:#2d5033;background:#eaf0df;border-radius:12px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:20px;display:flex}.path-sql .path-symbol{color:#7d4634;background:#ffe6dc}.path-meta{color:var(--muted);font-size:12px}.path-card h3{margin-top:8px;font-size:24px}.path-card p{max-width:350px;margin-top:11px;font-size:14px;line-height:1.6}.path-footer{border-top:1px solid var(--rule);color:#575d53;justify-content:space-between;margin-top:25px;padding-top:20px;font-size:12px;display:flex}.tip-row{color:#526047;background:#f6f5f0;border-radius:12px;align-items:center;gap:15px;margin-top:30px;padding:22px 25px;display:flex}.tip-row h3{font:500 14px Inter}.tip-row p{margin-top:4px;font-size:13px}.app-footer{color:#71736b;justify-content:space-between;max-width:1280px;margin:auto;padding:0 42px 25px;font-size:12px;display:flex}.login-layout{grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.login-main{flex-direction:column;padding:42px 60px;display:flex}.login-content{width:100%;max-width:440px;margin:75px auto 60px}.login-content h1{letter-spacing:-2px;font-size:52px;line-height:1.08}.lead{margin:24px 0 35px;font-size:16px;line-height:1.7}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;top:13px;right:6px}.form-note{text-align:center;margin-top:22px;font-size:12px;line-height:1.8}.login-footer{margin-top:auto;font-size:12px}.login-aside{background:var(--green);color:#f4f2e8;border-radius:22px;flex-direction:column;margin:18px 18px 18px 0;padding:32px 40px;display:flex;overflow:hidden}.login-aside-top{color:#d1ddca;justify-content:space-between;align-items:center;font-size:14px;display:flex}.learning-art{margin:auto 0;padding:50px 0}.art-label{color:#bdcebc;font-size:13px}.art-question{letter-spacing:-1px;color:#f4f2e8;margin:20px 0 40px;font-family:Space Grotesk;font-size:44px;line-height:1.15}.art-code{background:#002d27;border-radius:12px;gap:18px;padding:25px 22px;font-size:18px;display:flex}.line-number{color:#9dbbae;font-size:13px}.syntax{color:#ffad9b}.string{color:#d7e7b9}.art-result{color:#254d32;background:#e7efda;border-radius:12px;gap:12px;margin:12px 0 0 26px;padding:24px 16px;font-family:monospace;font-size:17px;display:flex}.art-result small{margin-top:7px;font-family:Inter;font-size:12px;display:block}.art-steps{justify-content:flex-end;align-items:flex-end;gap:12px;height:90px;margin-top:30px;display:flex}.art-steps span{background:#729b80;border-radius:50px;width:70px;height:20px}.art-steps span:nth-child(2){background:#b8cdb0;margin-bottom:22px}.art-steps span:nth-child(3){background:#ffad9b;margin-bottom:44px}.aside-bottom{color:#bed0bd;font-size:13px}.auth-simple{max-width:470px;margin:60px auto;padding:20px}.auth-simple section{margin-top:60px}.auth-simple section>p{margin:16px 0 32px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:25px;display:flex}.search{flex:1;min-width:200px;position:relative}.search input{padding-left:40px}.search>svg{color:var(--muted);position:absolute;top:15px;left:13px}.filters{flex-wrap:wrap;gap:8px;display:flex}.filter{background:#fff;border:1px solid #d5d5cd;border-radius:25px;padding:8px 17px;font-size:13px}.filter.active{color:#5e3124;background:#ffded2;border-color:#ffad93}.problem-list{border-top:1px solid var(--rule)}.problem-row{border-bottom:1px solid var(--rule);align-items:center;gap:18px;padding:22px 2px;display:flex}a.problem-row:hover{background:#fafaf5}.problem-number{color:#72756c;flex-shrink:0;width:35px;font:14px ui-monospace,monospace}.problem-row-main{flex:1;min-width:0}.problem-row h3{font-size:18px}.problem-row p{margin-top:5px;font-size:12px}.row-meta{color:var(--muted);align-items:center;gap:18px;font-size:12px;display:flex}.topic{margin-top:28px;scroll-margin-top:24px}.topic>h3{padding:14px 0}.path-section{margin-bottom:55px;scroll-margin-top:25px}.path-section>p{margin:10px 0 22px}.empty{text-align:center;background:#f7f7f2;border-radius:12px;padding:50px 20px}.empty p{margin-top:12px}.empty .button{margin-top:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{color:var(--muted);background:#f6f6f1;padding:14px 16px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--rule);padding:18px 16px}td strong{font-weight:500}td small{color:var(--muted);margin-top:3px;display:block}.table-actions{gap:5px;display:flex}.table-actions button{font-size:12px}.panel{border:1px solid var(--rule);border-radius:12px;margin-bottom:26px;padding:26px}.panel h2{margin-bottom:20px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid>label{margin-bottom:4px}.form-actions{align-items:center;gap:12px;margin-top:24px;display:flex}.credentials{overflow-wrap:anywhere;background:#edf5e9;border:1px solid #c5d9be;border-radius:12px;margin-bottom:24px;padding:20px}.credentials code{margin:10px 0;font-size:16px;display:block}.breadcrumbs{color:var(--muted);align-items:center;gap:9px;margin-bottom:22px;font-size:13px;display:flex}.question-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.question-header h1{font-size:32px}.question-meta{color:var(--muted);align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.question-layout{grid-template-columns:1fr 1fr;gap:30px;display:grid}.question-instructions{padding-right:10px}.lesson{background:#f3f4eb;border-radius:12px;margin-bottom:26px;padding:23px}.lesson h2,.question-instructions h2{margin-bottom:13px;font:500 15px Inter}.prose{white-space:pre-wrap;overflow-wrap:anywhere;color:#494d43;font-size:15px;line-height:1.75}.prompt{margin-bottom:25px}.answer-panel{border:1px solid var(--rule);border-radius:12px;align-self:start;overflow:hidden}.answer-toolbar{border-bottom:1px solid var(--rule);background:#f8f8f3;justify-content:space-between;align-items:center;padding:15px 20px;font-size:13px;display:flex}.answer-body{padding:22px}.choice{border:1px solid var(--rule);cursor:pointer;border-radius:8px;align-items:flex-start;gap:13px;margin-bottom:12px;padding:17px 14px;font-size:14px;font-weight:400;display:flex}.choice:has(input:checked){background:#edf3e8;border-color:#51765e}.choice input{width:17px;height:17px;accent-color:var(--green);flex-shrink:0;margin:3px 0 0}.code-editor{tab-size:4;resize:vertical;background:#fdfdf9;border:0;border-radius:0;min-height:290px;padding:20px;font:14px/1.8 ui-monospace,SFMono-Regular,monospace;outline-offset:-3px!important}.answer-footer{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:10px;padding:18px 20px;display:flex}.save-status{color:var(--muted);max-width:180px;font-size:11px}.feedback{background:#f8f1e7;border-radius:12px;margin-top:20px;padding:22px}.feedback.passed{background:#edf5e9}.feedback h3{margin-bottom:10px;font-size:19px}.feedback p{font-size:14px}.feedback pre{background:#fff;border-radius:6px;margin-top:15px;padding:12px;font-size:13px}.hint{background:#fff4e9;border-radius:8px;margin:12px 0;padding:15px 18px;font-size:14px}.help-heading{align-items:center;gap:8px;margin-top:28px;display:flex}.editor-form textarea{font:14px/1.7 ui-monospace,monospace}.editor-form .wide{grid-column:1/-1}.editor-form h3{margin:30px 0 20px}.progress-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin:25px 0 40px;display:grid}.progress-stat{border-top:1px solid var(--rule);padding:22px 0}.progress-stat strong{font:40px Space Grotesk;display:block}.progress-stat span{color:var(--muted);font-size:14px}.bar{background:#e8eadf;border-radius:5px;height:5px;margin-top:15px}.bar span{background:#496b45;border-radius:5px;height:100%;display:block}.mobile-tabs{display:none}.action-message{margin:12px 0;font-size:14px}.review-answer{white-space:pre-wrap;background:#f7f7f1;padding:15px;font:14px monospace}.login-content{animation:.5s ease-out arrive}@keyframes arrive{0%{transform:translateY(8px)}to{transform:translateY(0)}}@media (min-width:1500px){.login-content{margin-top:auto;margin-bottom:auto}.login-layout{min-height:100dvh}.login-main{padding:50px 80px}.login-content h1{font-size:60px}.login-aside{padding:45px 60px}.art-question{font-size:56px}}@media (max-width:1100px){.sidebar{width:205px;padding:25px 16px}.brand{font-size:25px}.app-content{width:calc(100% - 205px);margin-left:205px}.main-content{padding:30px 26px}.topbar{padding:0 26px}.today-hero{gap:25px;padding:28px}.today-hero h2{font-size:35px}.daily-summary{flex-wrap:wrap;gap:20px}.daily-summary p{display:none}.hero-exercise{padding:20px}.login-main{padding:35px}.login-aside{padding:30px}.login-content h1{font-size:44px}.art-code{padding:20px 13px;font-size:15px}.question-layout{gap:20px}}@media (max-width:760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--rule);width:100%;padding:16px 20px;position:relative}.sidebar .brand{font-size:25px}.workspace-label,.sidebar-note{display:none}.sidebar nav{flex-direction:row;gap:3px;margin-top:17px;overflow:auto}.nav-link{white-space:nowrap;gap:7px;padding:9px 11px;font-size:12px}.nav-link svg{width:17px}.sidebar-bottom{position:absolute;top:16px;right:18px}.profile{border:0;padding:0}.profile>div,.profile .avatar{display:none}.workspace-switch{white-space:nowrap;border:0;gap:5px;padding:0;font-size:11px;position:absolute;top:10px;right:45px}.app-content{width:100%;margin:0}.topbar{height:48px;padding:0 22px;font-size:11px}.main-content{padding:28px 22px 40px}h1{font-size:32px}.page-heading{align-items:flex-start}.page-heading>.quiet-label{display:none}.page-heading p{font-size:14px}.today-hero{grid-template-columns:1fr;gap:30px;padding:28px}.today-hero h2{font-size:36px}.hero-exercise{transform:none}.exercise-top{padding-bottom:20px}.exercise-bottom{margin-top:22px}.daily-summary{justify-content:space-between;gap:20px;padding:20px 0}.daily-summary>div{flex-direction:column;gap:0}.daily-summary strong{font-size:25px}.daily-summary span{font-size:11px}.path-grid{grid-template-columns:1fr}.section-heading h2{font-size:23px}.section-heading a{font-size:11px}.app-footer{padding:0 22px 25px;font-size:10px}.tip-row{align-items:flex-start}.tip-row svg{flex-shrink:0}.login-layout{display:block}.login-main{min-height:100dvh;padding:25px}.login-content{margin:65px auto}.login-content h1{font-size:43px}.login-aside{display:none}.row-meta{gap:8px}.row-meta>.pill{display:none}.problem-row{gap:12px}.problem-row h3{font-size:16px}.form-grid,.question-layout{grid-template-columns:1fr}.question-header h1{font-size:28px}.question-header{align-items:flex-start}.question-header>.button{min-height:36px;padding:8px 12px}.question-meta{flex-wrap:wrap}.question-instructions{padding:0}.progress-grid{gap:12px}.progress-stat strong{font-size:30px}.progress-stat span{font-size:12px}.page-heading:has(.button){flex-wrap:wrap}.panel{padding:20px}.toolbar select{width:100%}.mobile-tabs{gap:8px;margin-bottom:20px;display:flex}.mobile-hidden{display:none}.path-section{scroll-margin-top:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:760px){.sidebar-bottom{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex;position:static}.workspace-switch{font-size:12px;position:static}.profile{margin-left:auto}.question-header{flex-wrap:wrap}.question-header h1{overflow-wrap:anywhere}.answer-footer{flex-wrap:wrap}.answer-footer .button{margin-left:auto}.breadcrumbs{flex-wrap:wrap}}.language-tabs{border-bottom:1px solid var(--rule);background:var(--canvas);z-index:5;gap:8px;margin:6px 0 30px;padding-top:10px;padding-bottom:14px;display:flex;position:sticky;top:0}.language-tabs button{background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;min-height:50px;padding:13px 20px;font-size:15px;font-weight:500;display:flex}.language-tabs button:hover{background:#f1f2eb}.language-tabs button[aria-selected=true]{color:#fff;background:#003c33}.tab-count{color:#5a6256;font-variant-numeric:tabular-nums;background:#eeeee7;border-radius:20px;padding:2px 8px;font-size:12px}.language-tabs button[aria-selected=true] .tab-count{color:#eef4e9;background:#2a5a4e}.path-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.path-intro>div{flex:420px;min-width:0}.path-intro>.quiet-label{white-space:nowrap;flex:none}.path-intro p{margin-top:10px}.selected-path{outline-offset:8px}.selected-path .topic:first-of-type{margin-top:30px}@media (max-width:760px){.language-tabs{gap:8px;margin-bottom:24px}.language-tabs button{flex:1;justify-content:center;padding:12px 15px}.path-intro{display:block}.path-intro>.quiet-label{margin-top:12px;display:block}.path-intro h2{font-size:25px}}.select-trigger{background:var(--canvas);width:100%;min-width:0;min-height:46px;color:var(--ink);font:inherit;text-align:left;border:1px solid #c9c9c2;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;font-weight:400;transition:border-color .15s,background .15s;display:flex}.select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-trigger:hover:not(:disabled){border-color:var(--green);background:#fafaf7}.select-trigger[data-state=open]{border-color:var(--green)}.select-trigger:focus-visible{outline:2px solid var(--green);outline-offset:3px}.select-trigger:disabled{cursor:not-allowed;opacity:.5}label .select-trigger{margin-top:8px}.select-chevron{color:var(--muted);flex-shrink:0;transition:transform .15s;display:flex}.select-trigger[data-state=open] .select-chevron{transform:rotate(180deg)}.select-menu{z-index:100;min-width:var(--radix-select-trigger-width);max-width:calc(100vw - 24px);max-height:min(320px,var(--radix-select-content-available-height));background:var(--canvas);color:var(--ink);border-radius:12px;font:14px/1.45 Inter,Arial,sans-serif;overflow:hidden;box-shadow:0 8px 30px #00281e29}.select-viewport{padding:6px}.select-option{cursor:pointer;-webkit-user-select:none;user-select:none;overflow-wrap:anywhere;border-radius:7px;outline:none;align-items:center;min-height:44px;padding:10px 38px 10px 12px;display:flex;position:relative}.select-option[data-state=checked]{color:var(--green);background:#e7eddf;font-weight:600}.select-option[data-highlighted]{background:var(--stone);color:var(--ink)}.select-option[data-highlighted][data-state=checked]{color:var(--green);background:#dce6d3}.select-option[data-disabled]{opacity:.45;cursor:not-allowed}.select-check{color:var(--green);display:flex;position:absolute;right:12px}.select-scroll{background:var(--canvas);color:var(--muted);justify-content:center;padding:6px;display:flex}.format-select{flex-shrink:0;width:175px;font-size:14px}@media (max-width:600px){.format-select{width:100%}}@media (prefers-reduced-motion:reduce){.select-trigger,.select-chevron{transition:none}}.grading-editor{gap:22px;margin-top:20px;display:grid}.grading-editor>p,.grading-editor>div>p{max-width:65ch;font-size:14px}.author-choice{border-bottom:1px solid var(--rule);align-items:center;gap:20px;padding:18px 0;display:flex}.author-choice-text{flex:1;min-width:0}.correct-choice{align-items:center;gap:9px;font-size:14px;font-weight:400;display:flex}.correct-choice input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin:0}.accepted-answer{align-items:end;gap:20px;display:flex}.accepted-answer label{flex:1}.author-test{border:1px solid var(--rule);border-radius:12px;min-width:0;margin:0;padding:20px}.author-test legend{padding:0 8px;font-size:14px;font-weight:500}.author-test .text-button{margin-top:12px}.grading-editor textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}.grading-editor button:disabled{cursor:not-allowed}@media (max-width:600px){.author-choice{flex-wrap:wrap;gap:12px}.author-choice-text{flex-basis:100%;order:-1}.author-choice>.text-button{margin-left:auto}.author-test{padding:14px}}.review-context{background:#f7f7f2;border-radius:8px;margin:20px 0;padding:16px 18px}.review-context summary{cursor:pointer;font-size:14px;font-weight:500}.review-context .prose{margin-top:14px}.grading-editor .rubric-input{font-family:inherit}.test-summary{margin-top:12px;font-size:14px;font-weight:600}.pagination{justify-content:space-between;align-items:center;gap:18px;padding:24px 0;font-size:14px;display:flex}.pagination>div{gap:10px;display:flex}.attempt-detail{max-width:480px;margin-top:10px;font-size:13px}.attempt-detail summary{cursor:pointer;color:var(--green);text-underline-offset:3px;text-decoration:underline}.attempt-detail .review-answer{max-height:260px;overflow:auto}.attempt-detail p{white-space:pre-wrap}@media (max-width:600px){.pagination{flex-direction:column;align-items:flex-start}}.editor-help{color:var(--muted);border-top:1px solid var(--rule);background:#fdfdf9;padding:10px 16px;font-size:11px}.dataset-context{border:1px solid var(--rule);border-radius:10px;margin:20px 0 28px;padding:16px 18px}.dataset-context summary{cursor:pointer;font-size:14px;font-weight:500}.dataset-context p{margin-top:14px;font-size:13px}.dataset-context pre{max-height:280px;font-size:12px;line-height:1.7;overflow:auto}.answer-panel .cm-editor{max-width:100%}.answer-panel .cm-content{min-width:0}.feedback .feedback-context{color:var(--muted);margin-bottom:12px;font-size:12px}.confirm-dialog{background:var(--canvas);width:min(460px,100vw - 40px);max-height:calc(100dvh - 40px);color:var(--ink);border:0;border-radius:16px;margin:auto;padding:30px;overflow:auto;box-shadow:0 20px 70px #001e1838}.confirm-dialog::backdrop{background:#0f1e196b}.confirm-dialog h2{max-width:100%;font-size:27px;line-height:1.2}.confirm-dialog .confirm-description{color:var(--muted);margin-top:14px;font-size:14px;line-height:1.65}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.confirm-actions .button:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media (max-width:480px){.confirm-dialog{padding:24px}.confirm-dialog h2{font-size:25px}.confirm-actions{flex-direction:column-reverse}.confirm-actions .button{width:100%}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fafaf7;--field:#fff;--field-border:#c9c9c2}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eeefe8;--muted:#b1b9af;--canvas:#141b18;--stone:#29322c;--green:#a5d6bb;--rule:#39453d;--primary:#d9ecd9;--focus:#9edac6;--surface:#1d2620;--field:#1a231e;--field-border:#536356}.topbar-actions,.login-brand-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.theme-switch{width:155px;min-height:38px;padding:8px 12px;font-size:12px}.topbar-actions .theme-switch{width:145px}.login-brand-row{flex-wrap:wrap}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:var(--field);border-color:var(--field-border)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a5afa1}html[data-theme=dark] .primary{color:#17251c}html[data-theme=dark] .primary:hover{background:#bddcbe}html[data-theme=dark] .sidebar,html[data-theme=dark] .answer-toolbar,html[data-theme=dark] th,html[data-theme=dark] .review-answer,html[data-theme=dark] .review-context,html[data-theme=dark] .empty,html[data-theme=dark] .notice,html[data-theme=dark] .lesson,html[data-theme=dark] .tip-row,html[data-theme=dark] .editor-help{background:var(--surface)}html[data-theme=dark] .nav-link,html[data-theme=dark] .workspace-label,html[data-theme=dark] .sidebar-note,html[data-theme=dark] .path-footer,html[data-theme=dark] .app-footer,html[data-theme=dark] .problem-number{color:var(--muted)}html[data-theme=dark] .nav-link.selected,html[data-theme=dark] .select-option[data-state=checked]{color:#c0e8cd;background:#2a4435}html[data-theme=dark] .choice:has(input:checked){color:#c0e8cd;background:#2a4435}html[data-theme=dark] .nav-link:hover,html[data-theme=dark] .icon-button:hover,html[data-theme=dark] .path-card:hover,html[data-theme=dark] a.problem-row:hover,html[data-theme=dark] .language-tabs button:hover{background:#24332a}html[data-theme=dark] .filter,html[data-theme=dark] .select-trigger,html[data-theme=dark] .secondary,html[data-theme=dark] .pill{border-color:var(--field-border)}html[data-theme=dark] .filter{background:var(--surface)}html[data-theme=dark] .filter.active,html[data-theme=dark] .pill.coral{color:#ffd5c2;background:#53372c;border-color:#966852}html[data-theme=dark] .select-trigger:hover:not(:disabled){background:var(--surface)}html[data-theme=dark] .select-option[data-highlighted][data-state=checked]{color:#dbf1dd;background:#345441}html[data-theme=dark] .prose,html[data-theme=dark] .tip-row{color:#ccd7c7}html[data-theme=dark] .feedback{background:#3b3024}html[data-theme=dark] .feedback.passed,html[data-theme=dark] .credentials,html[data-theme=dark] .success,html[data-theme=dark] .pill.green{color:#d1edcb;background:#233e2c;border-color:#567455}html[data-theme=dark] .feedback pre{background:#17231b}html[data-theme=dark] .hint{color:#e9d5bc;background:#3a3024}html[data-theme=dark] .error{color:#ffd1c1;background:#4d2b23}html[data-theme=dark] .today-hero,html[data-theme=dark] .login-aside{background:#093e32}html[data-theme=dark] .hero-exercise{color:#ebf2e2;background:#253c30}html[data-theme=dark] .hero-exercise p,html[data-theme=dark] .exercise-top{color:#bed1bc}html[data-theme=dark] .exercise-bottom{border-color:#536b53}html[data-theme=dark] .avatar{color:#f2e0c3;background:#514736}html[data-theme=dark] .path-symbol{color:#c4e3b5;background:#2c4431}html[data-theme=dark] .path-sql .path-symbol{color:#ffd0b8;background:#50362c}html[data-theme=dark] .bar{background:#334232}html[data-theme=dark] .bar span{background:#9dca91}html[data-theme=dark] .tab-count{color:#d4dfce;background:#344035}html[data-theme=dark] .skip-link{background:var(--canvas)}html[data-theme=dark] ::selection{color:#fff;background:#476853}html[data-theme=dark] .brand img{background:#d7e8d6;border-radius:6px}@media (max-width:600px){.topbar-actions{gap:8px}.topbar-actions>a{display:none}.topbar .theme-switch{width:135px}.login-brand-row .theme-switch{width:140px}}.difficulty-badge{white-space:nowrap;vertical-align:middle;border:1px solid;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.difficulty-beginner{color:#3f6344;background:#eef4e9}.difficulty-easy{color:#2c6170;background:#edf5f7}.difficulty-medium{color:#805d20;background:#fbf1db}.difficulty-hard{color:#974731;background:#fff0e9}.problem-row-main>p{flex-wrap:wrap;align-items:center;gap:8px;display:flex}html[data-theme=dark] .difficulty-beginner{color:#b0dbb1;background:#263f2d}html[data-theme=dark] .difficulty-easy{color:#abd6df;background:#233e46}html[data-theme=dark] .difficulty-medium{color:#e8cf8c;background:#443a22}html[data-theme=dark] .difficulty-hard{color:#efb29a;background:#4c3028}.path-level-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:24px 0 32px;display:flex}.path-level-filter p{flex:1;min-width:220px;margin:0;font-size:13px}.difficulty-filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.difficulty-filter{border:1px solid var(--rule);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500}.difficulty-filter:hover{background:var(--stone);color:var(--ink)}.difficulty-filter[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.practice-level-filter{justify-content:flex-end;margin:0 0 24px;display:flex}html[data-theme=dark] .difficulty-filter{border-color:var(--field-border)}html[data-theme=dark] .difficulty-filter:hover{color:var(--ink);background:#24332a}html[data-theme=dark] .difficulty-filter[aria-pressed=true]{color:#153c2b;background:#c0e8cd;border-color:#c0e8cd}@media (max-width:600px){.path-level-filter{gap:12px}.difficulty-filters{justify-content:flex-start;margin-left:0}.difficulty-filter{padding:8px 13px}.practice-level-filter{justify-content:flex-start}}.onboarding-page{max-width:1280px;margin:auto;padding:32px 42px 64px}.onboarding-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;padding-bottom:32px;display:flex}.onboarding-layout{grid-template-columns:1fr 1fr;align-items:start;gap:80px;padding-top:64px;display:grid}.onboarding-intro h1{max-width:520px}.onboarding-intro>p{max-width:440px;margin-top:24px}.onboarding-note{font-size:13px;line-height:1.7}.onboarding-intro .onboarding-note{margin-top:48px}.onboarding-form{min-width:0}.onboarding-steps{color:var(--muted);gap:24px;margin:0 0 32px;padding:0;font-size:13px;list-style:none;display:flex}.onboarding-steps li{align-items:center;gap:8px;display:flex}.onboarding-steps span{border:1px solid var(--rule);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.onboarding-steps [aria-current=step]{color:var(--ink);font-weight:600}.onboarding-steps [aria-current=step] span{background:var(--green);color:#fff;border-color:var(--green)}.onboarding-step-note{margin:12px 0 28px;font-size:13px}.onboarding-form fieldset{border:0;min-width:0;margin:0;padding:0}.onboarding-form fieldset>label{margin-bottom:24px}.onboarding-form .select-trigger{width:100%;margin-top:8px}.onboarding-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.onboarding-form .error{margin-top:20px}.onboarding-form .field-error{color:#9a3c2f}.student-profile-section{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:32px 0 48px;padding:24px 0}.student-profile-grid{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 0;display:grid}.student-profile-grid dt{color:var(--muted);margin-bottom:4px;font-size:13px}.student-profile-grid dd{margin:0}html[data-theme=dark] .onboarding-form .field-error{color:#ffd1c1}html[data-theme=dark] .onboarding-steps [aria-current=step] span{color:#153c2b;background:#c0e8cd;border-color:#c0e8cd}@media (max-width:900px){.onboarding-layout{grid-template-columns:1fr;gap:40px}.onboarding-intro .onboarding-note{margin-top:16px}.onboarding-intro>p,.onboarding-form{max-width:600px}}@media (max-width:600px){.onboarding-page{padding:20px 22px 40px}.onboarding-header{flex-wrap:wrap;align-items:flex-start}.onboarding-header .theme-switch{width:140px}.onboarding-layout{gap:32px;padding-top:32px}.onboarding-intro h1{font-size:32px}.onboarding-steps{gap:16px}.student-profile-grid{grid-template-columns:1fr}}.onboarding-form [aria-invalid=true]{border-color:#9a3c2f}html[data-theme=dark] .onboarding-form [aria-invalid=true]{border-color:#ffd1c1}.sidebar .workspace-label{margin:40px 12px 12px;font-size:12px}.sidebar nav{display:block}.sidebar-links{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sidebar-links li{min-width:0}.sidebar .nav-link{border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;padding:12px;font-size:14px;line-height:1.4;display:grid}.sidebar .nav-link svg{flex-shrink:0;width:20px;height:20px}.sidebar .nav-progress{border-top:1px solid var(--rule);margin-top:16px;padding-top:16px}.sidebar .nav-link:not(.selected):hover{color:var(--ink);background:0 0}.sidebar .nav-link:not(.selected):hover span{text-underline-offset:5px;text-decoration:underline}.sidebar .nav-link.selected,.sidebar .nav-link.selected:hover{color:var(--green);background:#e7eddf;font-weight:600}html[data-theme=dark] .sidebar .nav-link.selected,html[data-theme=dark] .sidebar .nav-link.selected:hover{color:#c0e8cd;background:#2a4435}.sidebar .nav-link:focus-visible{outline-offset:2px}@media (max-width:760px){.sidebar nav{margin-top:16px;overflow:visible}.sidebar-links{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}.sidebar .nav-progress{border:0;margin:0;padding:0}.sidebar .nav-link{text-align:center;white-space:normal;flex-direction:column;justify-content:center;gap:6px;min-height:64px;padding:10px 4px;font-size:11px;display:flex}.sidebar .nav-link svg{width:20px;height:20px}.sidebar .nav-link span{white-space:nowrap}}.creator-footer{border-top:1px solid var(--rule);margin-top:24px;padding:48px 42px 56px;display:block}.footer-wordmark{letter-spacing:-.04em;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:clamp(64px,9vw,96px);font-weight:500;line-height:1}.footer-wordmark>span{color:var(--coral)}.footer-signature{margin-top:32px}.footer-signature>p{color:var(--muted);font-size:14px}.footer-signature .footer-creator{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin-top:8px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3.2vw,44px);line-height:1.2}.footer-signature blockquote{color:var(--muted);text-wrap:balance;margin:28px 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(20px,2vw,26px);line-height:1.5}@media (max-width:760px){.creator-footer{margin-top:16px;padding:32px 22px 40px}.footer-signature,.footer-signature blockquote{margin-top:24px}}.settings-entry{min-height:48px;color:var(--muted);border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;font-size:14px;display:flex}.settings-entry:hover{color:var(--ink)}.settings-entry.selected{color:var(--green);background:#e7eddf;font-weight:600}html[data-theme=dark] .settings-entry.selected{color:#c0e8cd;background:#2a4435}.settings-sections{margin-top:40px}.settings-section{border-top:1px solid var(--rule);grid-template-columns:minmax(180px,1fr) minmax(0,1.7fr);gap:48px;padding:32px 0;display:grid}.settings-description p{max-width:300px;margin-top:12px;font-size:14px}.settings-fields{border:0;grid-template-columns:1fr 1fr;gap:24px;min-width:0;margin:0 0 24px;padding:0;display:grid}.settings-fields label{min-width:0}.settings-fields .select-trigger{width:100%;margin-top:8px}.settings-fields input[readonly]{background:var(--stone);color:var(--muted)}.settings-theme p{margin-top:12px;font-size:13px}.settings-section>form{min-width:0}.settings-section .theme-switch{width:200px}@media (max-width:1000px){.settings-fields{grid-template-columns:1fr}.settings-section{gap:24px}}@media (max-width:760px){.settings-entry{gap:6px;margin:0;padding:8px;font-size:12px}.settings-section{grid-template-columns:1fr;gap:24px}.settings-description p{max-width:none}.settings-sections{margin-top:24px}.sidebar-bottom{flex-wrap:wrap;gap:8px}}.path-picker{flex-wrap:wrap;align-items:end;gap:20px;margin:24px 0 32px;display:flex}.path-picker label{flex:1;min-width:0;max-width:520px}.path-picker .select-trigger{width:100%;margin-top:8px}.learning-lesson{max-width:800px;margin:32px auto}.lesson-introduction{margin-bottom:32px;font-size:18px;line-height:1.7}.lesson-content p{white-space:pre-line;color:var(--ink);margin:16px 0;line-height:1.85}.lesson-content h2{margin:32px 0 16px;font-size:25px}.lesson-content ul{padding-left:24px;line-height:1.85}.lesson-content p code,.lesson-content li code{background:var(--stone);border-radius:4px;padding:2px 5px;font-size:.9em}.lesson-example{border:1px solid var(--rule);border-radius:8px;margin:24px 0;overflow:hidden}.lesson-example figcaption{border-bottom:1px solid var(--rule);color:var(--muted);background:var(--stone);padding:10px 18px;font-size:12px}.lesson-example pre{white-space:pre;background:var(--canvas);margin:0;padding:20px;font-size:14px;line-height:1.75;overflow:auto}.lesson-takeaway{border-top:1px solid var(--rule);margin-top:40px;padding-top:24px}.lesson-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;display:flex}.learning-lesson .form-note{text-align:left}.learning-lesson .lesson-content{overflow-wrap:anywhere}.settings-fields .select-trigger>span:first-child{white-space:normal;text-overflow:clip;text-align:left}.settings-fields .select-trigger{height:auto;min-height:48px}.language-tabs{flex-wrap:wrap}.path-picker .select-trigger{max-width:100%}@media (max-width:760px){.language-tabs button{flex:auto;min-width:0}.path-picker label{width:100%}}.chapter-controls{justify-content:flex-end;gap:20px;margin:20px 0 4px;display:flex}.chapter-controls button:disabled{cursor:default;opacity:.45}.chapter-toggle{text-align:left;width:100%;min-height:52px;font:inherit;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:10px 0;display:flex}.chapter-title{flex:1;min-width:0}.chapter-summary{color:var(--muted);flex-shrink:0;align-items:center;gap:16px;font:13px/1.5 Inter,Arial,sans-serif;display:flex}.chapter-toggle[aria-expanded=true] .chapter-summary>svg{transform:rotate(90deg)}.chapter-toggle:hover .chapter-title{color:var(--green)}.chapter h3{margin-bottom:0}.chapter:has(.chapter-toggle[aria-expanded=false]){border-bottom:1px solid var(--rule)}@media (max-width:600px){.chapter-toggle{gap:12px}.chapter-summary{gap:8px}.chapter-progress{width:100px}.chapter-progress>span{font-size:11px}}.chapter-status{color:var(--muted);flex-shrink:0;display:flex}.chapter-status.complete{color:var(--green)}.chapter-progress{white-space:nowrap;gap:6px;width:130px;display:grid}.chapter-progress progress{appearance:none;background:var(--stone);width:100%;height:5px;color:var(--green);border:0;border-radius:4px;overflow:hidden}.chapter-progress progress::-webkit-progress-bar{background:var(--stone);border-radius:4px}.chapter-progress progress::-webkit-progress-value{background:var(--green);border-radius:4px}.chapter-progress progress::-moz-progress-bar{background:var(--green);border-radius:4px}@media (max-width:600px){.chapter-progress{width:100px}}.lesson-content{min-width:0;max-width:100%}.question-instructions,.question-layout>section{min-width:0}.lesson-table-scroll{border:1px solid var(--rule);background:var(--canvas);border-radius:10px;max-width:100%;margin:20px 0;overflow-x:auto}.lesson-table{border-collapse:collapse;width:100%;color:var(--ink);font-size:14px;line-height:1.55}.lesson-table th,.lesson-table td{border-bottom:1px solid var(--rule);white-space:nowrap;vertical-align:top;padding:11px 16px}.lesson-table th{background:var(--stone);color:var(--ink);text-transform:none;letter-spacing:normal;font-weight:600}.lesson-table tbody tr:last-child td{border-bottom:0}.lesson-table tbody tr:hover{background:var(--stone)}.admin-stats{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:32px;padding:24px 0;display:grid}.admin-stats>div{flex-direction:column;gap:8px;display:flex}.admin-stats strong{font:40px/1.1 Space Grotesk,sans-serif}.admin-stats span,.admin-stats small{color:var(--muted)}.admin-overview-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.admin-facts>div{border-bottom:1px solid var(--rule);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.admin-facts dd{margin:0;font-weight:600}.admin-facts dt{text-transform:capitalize;color:var(--muted)}.admin-new-students>a{border-bottom:1px solid var(--rule);justify-content:space-between;gap:20px;padding:20px 0;display:flex}.admin-new-students span{color:var(--muted)}.admin-activity-tabs{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.admin-pagination{color:var(--muted);justify-content:center;gap:24px;margin-top:24px;display:flex}.admin-path-progress{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.admin-path-progress>div>div{justify-content:space-between;gap:16px;margin-bottom:8px;display:flex}.admin-path-progress span{white-space:nowrap;color:var(--muted);font-size:13px}.admin-path-progress progress{width:100%;height:6px;accent-color:var(--green)}@media (max-width:900px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-overview-grid,.admin-path-progress{grid-template-columns:1fr}.admin-new-students>a{flex-direction:column;gap:4px}}.login-fields{border:0;min-width:0;margin:0;padding:0}.login-fields>label{margin-bottom:22px}.login-identity{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;font-size:14px;display:flex}.login-identity>span{overflow-wrap:anywhere;min-width:0}.login-identity>button{flex-shrink:0}.login-fields>h2{margin-bottom:12px}.login-fields>.form-note{margin-bottom:20px}.lesson-example{--syntax-keyword:#7838a3;--syntax-string:#21663e;--syntax-number:#985116;--syntax-name:#175b94;--syntax-comment:#626b68;--syntax-operator:#8e3d56}html[data-theme=dark] .lesson-example{--syntax-keyword:#d5acff;--syntax-string:#a6d9aa;--syntax-number:#f0c184;--syntax-name:#97caff;--syntax-comment:#a7b6ad;--syntax-operator:#f2a9c1}.lesson-example .tok-keyword,.lesson-example .tok-bool{color:var(--syntax-keyword)}.lesson-example .tok-string,.lesson-example .tok-string2{color:var(--syntax-string)}.lesson-example .tok-number,.lesson-example .tok-literal{color:var(--syntax-number)}.lesson-example .tok-variableName,.lesson-example .tok-typeName,.lesson-example .tok-propertyName{color:var(--syntax-name)}.lesson-example .tok-comment,.lesson-example .tok-meta{color:var(--syntax-comment)}.lesson-example .tok-operator{color:var(--syntax-operator)}.company-label{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;line-height:1.4;display:flex}.company-label>span:first-child{text-transform:uppercase;letter-spacing:.08em}.company-logo{flex-shrink:0;width:180px;height:35px;display:inline-block}.company-logo img{object-fit:contain;width:180px;height:35px;display:block}.company-logo .company-logo-dark,html[data-theme=dark] .company-logo .company-logo-light{display:none}html[data-theme=dark] .company-logo .company-logo-dark{display:block}.footer-signature .company-label{margin-bottom:28px}.login-footer .company-label{margin-bottom:16px}.role-pill{white-space:nowrap;font-weight:500}.role-admin{background:var(--stone);color:var(--ink)}.role-student{color:var(--green)}.user-status-pill{white-space:nowrap;flex-shrink:0}
