@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/224e262ef877bfa4-s.0mo8vqgr8yagc.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0r4w1y.tjq0ay.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.0lcb62h0-.jh3.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.0ri_id_kcagyz.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.0tqkxa-w3pk~c.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/224e262ef877bfa4-s.0mo8vqgr8yagc.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0r4w1y.tjq0ay.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.0lcb62h0-.jh3.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.0ri_id_kcagyz.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.0tqkxa-w3pk~c.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/224e262ef877bfa4-s.0mo8vqgr8yagc.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0r4w1y.tjq0ay.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.0lcb62h0-.jh3.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.0ri_id_kcagyz.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.0tqkxa-w3pk~c.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/224e262ef877bfa4-s.0mo8vqgr8yagc.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0r4w1y.tjq0ay.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.0lcb62h0-.jh3.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.0ri_id_kcagyz.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.0tqkxa-w3pk~c.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/224e262ef877bfa4-s.0mo8vqgr8yagc.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0r4w1y.tjq0ay.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.0lcb62h0-.jh3.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.0ri_id_kcagyz.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.0tqkxa-w3pk~c.woff2)format("woff2");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:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_fd6c379f-module__6xxpSW__className{font-family:Nunito,Nunito Fallback;font-style:normal}.nunito_fd6c379f-module__6xxpSW__variable{--font-nunito:"Nunito", "Nunito Fallback"}
:root{--primary:#5a67d8;--primary-dark:#434190;--primary-light:#ebf4ff;--success:#48bb78;--success-light:#f0fff4;--warn:#ed8936;--warn-light:#fffaf0;--danger:#fc8181;--danger-light:#fff5f5;--bg:#edf2f7;--surface:#fff;--surface-raised:#f7fafc;--ink:#1a202c;--ink-2:#2d3748;--muted:#718096;--border:#e2e8f0;--shadow-xs:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-sm:0 4px 6px #0000000d, 0 2px 4px #0000000a;--shadow:0 10px 15px #00000012, 0 4px 6px #0000000d;--shadow-lg:0 20px 25px #00000014, 0 10px 10px #0000000a;--radius-sm:10px;--radius:16px;--radius-lg:20px;--radius-full:9999px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-nunito), "Nunito", "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;color:var(--ink);background:var(--bg);font-variant-emoji:emoji;min-height:100vh;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.auth-shell{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:420px;padding:48px 40px}.auth-card h1{color:var(--primary);letter-spacing:-.02em;margin-bottom:8px;font-size:1.6rem;font-weight:800}.auth-card p{color:var(--muted);margin-bottom:28px;font-size:.95rem}.auth-card .field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.auth-card label{color:var(--ink-2);font-size:.875rem;font-weight:600}.auth-card input[type=email]{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:12px 14px;font-size:1rem;transition:border-color .15s}.auth-card input[type=email]:focus{border-color:var(--primary);outline:none}.auth-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-top:8px;padding:13px;font-size:1rem;font-weight:700;transition:background .15s}.auth-btn:hover{background:var(--primary-dark)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;color:var(--muted);margin-top:24px;font-size:.9rem}.auth-footer a{color:var(--primary);font-weight:600}.auth-notice{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 14px;font-size:.9rem}.auth-notice.success{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.auth-notice.error{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.settings-page{flex-direction:column;gap:24px;max-width:560px;padding:32px 0;display:flex}.settings-page h1{color:var(--ink);margin-bottom:4px;font-size:1.5rem;font-weight:800}.settings-form{flex-direction:column;gap:18px;display:flex}.settings-form h2,.settings-danger-zone h2{color:var(--ink);margin-bottom:4px;font-size:1rem;font-weight:700}.settings-divider{border:none;border-top:1px solid var(--border);margin:0}.settings-danger-zone{flex-direction:column;gap:14px;display:flex}.settings-danger-zone p{color:var(--muted);font-size:.9rem;line-height:1.5}.auth-btn.danger{background:var(--danger);box-shadow:0 4px 14px #c5303047}.auth-btn.danger:hover{background:#9b2c2c}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:8px;height:100vh;padding:28px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.content{padding:32px 28px;padding-bottom:calc(32px + var(--nav-height))}.brand{color:var(--primary);letter-spacing:-.02em;padding:4px 12px 20px;font-size:1.35rem;font-weight:800;display:block}.brand-flag{vertical-align:-.08em;border-radius:2px;width:1.1em;height:.73em;margin-right:.42em;display:inline-block;box-shadow:inset 0 0 0 1px #00000014}.brand small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:.72rem;font-weight:600;display:block}.nav-links{flex-direction:column;gap:4px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:12px;padding:12px 14px;font-size:.95rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-link:hover{background:var(--bg);color:var(--ink)}.nav-link.active{background:var(--primary-light);color:var(--primary)}.nav-link svg{flex-shrink:0;width:20px;height:20px}.tab-bar{height:var(--nav-height);background:var(--surface);border-top:1px solid var(--border);z-index:100;padding:0 8px;padding-bottom:env(safe-area-inset-bottom);display:none;position:fixed;bottom:0;left:0;right:0}.tab-bar a{color:var(--muted);border-radius:var(--radius-sm);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.72rem;font-weight:700;transition:color .15s;display:flex}.tab-bar a.active{color:var(--primary)}.tab-bar svg{width:22px;height:22px}.page{flex-direction:column;gap:20px;max-width:860px;display:flex}.hero{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:28px 32px}.hero h1{letter-spacing:-.02em;color:var(--ink);margin-top:12px;font-size:1.75rem;font-weight:800;line-height:1.2}.hero p{color:var(--muted);margin-top:6px;font-size:.95rem}.unit-intro{border-radius:var(--radius);box-shadow:var(--shadow-xs);background:radial-gradient(circle at 0 0,#5a67d824,#0000 34%),linear-gradient(135deg,#fff 0%,#f7fbff 52%,#eef6ff 100%);border:1px solid #bfd7ff;margin-top:18px;padding:18px}.unit-intro-main{max-width:680px}.unit-intro-main h2{letter-spacing:-.01em;margin-top:4px;font-size:1.15rem;line-height:1.25}.unit-intro-main p:last-child{color:var(--ink-2);font-size:1rem}.unit-intro-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.unit-intro-panel{border-radius:var(--radius-sm);background:#ffffffc7;border:1px solid #5a67d829;padding:12px}.unit-intro-panel strong{color:var(--primary-dark);margin-bottom:6px;font-size:.86rem;display:block}.unit-intro-panel ul{color:var(--ink-2);flex-direction:column;gap:5px;padding-left:18px;font-size:.88rem;line-height:1.35;display:flex}.unit-intro-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.unit-intro-path div{border-radius:var(--radius-sm);background:#ebf4ffc7;padding:12px}.unit-intro-path span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:800;display:block}.unit-intro-path p{color:var(--ink-2);font-size:.88rem;line-height:1.4}.unit-language-support{border-radius:var(--radius-sm);background:#ffffffd1;border:1px solid #5a67d829;gap:10px;margin-top:12px;padding:12px;display:grid}.unit-language-support>div{border-radius:var(--radius-sm);background:#ebf4ffcc;padding:10px 12px}.unit-language-support>div>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:.74rem;font-weight:800;display:block}.unit-language-support>div>p{color:var(--ink-2);font-size:.88rem;line-height:1.45}.unit-language-support dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;display:grid}.unit-language-support dt,.unit-language-support dd{border-radius:var(--radius-sm);margin:0;padding:10px 12px}.unit-language-support dt{color:var(--primary-dark);background:#5a67d81f;font-size:.84rem;font-weight:800}.unit-language-support dd{color:var(--ink-2);background:#f7fafcf2;font-size:.86rem;line-height:1.35}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:24px}.card h2{color:var(--ink);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.card h3{color:var(--ink);font-size:1rem;font-weight:700}.card[data-step=retrieval]{border-left:4px solid #ed8936}.card[data-step=input]{border-left:4px solid #4299e1}.card[data-step=comprehension_task]{border-left:4px solid #9f7aea}.card[data-step=noticing]{border-left:4px solid #38b2ac}.card[data-step=focus_on_form]{border-left:4px solid #f6ad55}.card[data-step=controlled_practice]{border-left:4px solid #68d391}.card[data-step=production]{border-left:4px solid #f687b3}.card[data-step=feedback]{border-left:4px solid var(--muted)}.card[data-step=transfer]{border-left:4px solid #667eea}.card[data-step=reflection]{border-left:4px solid #a0aec0}.feedback{border-left:4px solid var(--success);background:var(--success-light)}.feedback.error{border-left-color:var(--danger);background:var(--danger-light)}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.button{border-radius:var(--radius-full);background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 4px 14px #5a67d852}.button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px #5a67d861}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.button.secondary{background:var(--surface);color:var(--ink-2);border:2px solid var(--border);box-shadow:var(--shadow-xs)}.button.secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light);box-shadow:var(--shadow-xs)}.button.success{background:var(--success);box-shadow:0 4px 14px #48bb7852}.button.success:hover:not(:disabled){background:#38a169;box-shadow:0 6px 20px #48bb7861}.button.warn{background:var(--warn);box-shadow:0 4px 14px #ed893652}.button.sm{padding:9px 18px;font-size:.88rem}.button.small{padding:6px 14px;font-size:.82rem}.button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.rating-row{padding:10px 0 4px}.pill{border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary);letter-spacing:.01em;align-items:center;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.pill.success{background:var(--success-light);color:#276749}.pill.warn{background:var(--warn-light);color:#9c4221}.pill.danger{background:var(--danger-light);color:#9b2c2c}.pill.muted{background:var(--bg);color:var(--muted)}.field{color:var(--ink-2);flex-direction:column;gap:8px;font-size:.9rem;font-weight:600;display:flex}.field input,.field select,.field textarea{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);resize:vertical;padding:13px 16px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #5a67d81f}.cloze-card{flex-wrap:wrap;align-items:baseline;gap:0 4px;font-size:1.05rem;line-height:1.8;display:flex}.cloze-card span{white-space:pre-wrap}.cloze-input{border:0;border-bottom:2.5px solid var(--primary);background:var(--surface-raised);color:var(--ink);font-size:inherit;vertical-align:baseline;border-radius:4px 4px 0 0;min-width:3ch;max-width:22ch;padding:1px 6px 2px;font-family:inherit;font-weight:800;display:inline-block}.cloze-input:focus{background:#5a67d80f;outline:none;box-shadow:0 0 0 2px #5a67d82e}.cloze-form{flex-direction:column;gap:10px;display:flex}.cloze-form-row{align-items:center;gap:12px;display:flex}.cloze-form-label{min-width:130px;color:var(--ink);flex-shrink:0;font-size:.95rem;font-weight:600}.cloze-form-input{flex:1;min-width:0;max-width:280px}.inline-feedback{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;padding:14px 16px}.annotated-line{margin:0;font-size:1rem;line-height:1.75}.annotated-issue{color:#742a2a;text-underline-offset:3px;font-weight:700;-webkit-text-decoration:underline wavy #c53030;text-decoration:underline wavy #c53030;text-decoration-thickness:2px}.annotated-correction{color:#276749;text-underline-offset:3px;font-weight:700;-webkit-text-decoration:underline #276749;text-decoration:underline #276749;text-decoration-thickness:2px}.feedback-help{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffffb8;padding:14px 16px}.feedback-answer{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);padding:10px 12px}.metric{letter-spacing:-.03em;color:var(--ink);margin-top:8px;font-size:2.25rem;font-weight:800;line-height:1}.list{flex-direction:column;gap:8px;list-style:none;display:flex}.list-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-raised);padding:14px 16px;font-size:.93rem}.progress-bar{border-radius:var(--radius-full);background:var(--bg);border:1px solid var(--border);width:100%;height:10px;overflow:hidden}.progress-bar>span{background:linear-gradient(90deg, var(--primary), #667eea);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:block}.step-dots{align-items:center;gap:6px;display:flex}.step-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .2s,width .2s}.step-dot.done{background:var(--success)}.step-dot.active{background:var(--primary);border-radius:4px;width:20px}.stat-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;gap:4px;padding:20px;display:flex}.stat-card .stat-icon{margin-bottom:4px;font-size:1.5rem}.stat-card .stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.8rem;font-weight:700}.stat-card .stat-value{color:var(--ink);letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1}.muted{color:var(--muted)}.small{font-size:.88rem}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.8rem;font-weight:700}.continue-banner{background:linear-gradient(135deg, var(--primary) 0%, #667eea 100%);color:#fff;border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 8px 24px #5a67d847}.continue-banner .continue-text{flex:1}.continue-banner h3{margin-bottom:2px;font-size:1.05rem;font-weight:800}.continue-banner p{opacity:.85;font-size:.85rem}.continue-banner .button{color:var(--primary);background:#fff;flex-shrink:0;box-shadow:0 2px 10px #00000026}.continue-banner .button:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px)}.band-banner{border-radius:var(--radius);color:#744210;background:linear-gradient(135deg,#f6e05e,#ecc94b);border:1px solid #d69e2e;padding:16px 24px}.band-banner strong{font-weight:800}@media (max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.tab-bar{display:flex}.content{padding:20px 16px;padding-bottom:calc(20px + var(--nav-height))}.hero{border-radius:var(--radius);padding:20px}.hero h1{font-size:1.4rem}.unit-intro{padding:14px}.unit-intro-grid,.unit-intro-path{grid-template-columns:1fr}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:1fr}.button{padding:13px 20px}.page{gap:16px}}@media (max-width:480px){.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}