.onb-shell{display:flex;flex-direction:column;gap:18px}.onb-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:stretch;border-radius:22px;padding:28px;background:var(--brand-bg);color:var(--brand-ink);box-shadow:var(--shadow);overflow:hidden;position:relative}.onb-hero:after{content:"E";position:absolute;right:18px;bottom:-36px;font-family:var(--font-display);font-size:156px;color:var(--brand-bg-2);opacity:.36;pointer-events:none}.onb-hero__label{display:inline-flex;margin-bottom:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--brand-accent)}.onb-hero h1{margin:0;max-width:620px;font-family:var(--font-display);font-weight:500;font-size:42px;line-height:1.06}.onb-hero p{margin:14px 0 0;max-width:620px;color:var(--brand-ink-2);font-size:16px;line-height:1.58}.onb-hero__panel{position:relative;z-index:1;align-self:stretch;border:1px solid var(--brand-bg-2);border-radius:18px;padding:20px;background:var(--brand-bg-2);display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.onb-hero__icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--brand-accent);color:var(--brand-bg);margin-bottom:auto}.onb-hero__panel strong{font-size:18px}.onb-hero__panel span{color:var(--brand-ink-2);line-height:1.45}.onb-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}.onb-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--surface);box-shadow:var(--shadow-sm)}.onb-card__head{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:var(--accent-strong)}.onb-card__head h2{margin:0;color:var(--ink);font-size:18px}.onb-step{display:flex;gap:13px;padding:14px 0;border-top:1px solid var(--line)}.onb-step:first-of-type{border-top:0;padding-top:0}.onb-step>span{width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;font-weight:800;flex-shrink:0}.onb-step strong,.onb-program strong{display:block;font-size:15px}.onb-step p,.onb-program p,.onb-muted{margin:4px 0 0;color:var(--muted);line-height:1.45}.onb-program{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.onb-program:first-of-type{border-top:0;padding-top:0}.onb-program span{flex-shrink:0;padding:4px 9px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:800}.onb-tariffs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.onb-tariff{min-height:82px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:16px;font:inherit;text-align:left;cursor:pointer}.onb-tariff--featured{border-color:var(--accent);background:var(--accent-soft)}.onb-tariff:disabled{cursor:default;opacity:.72}.onb-tariff strong,.onb-tariff small{display:block}.onb-tariff small{margin-top:3px;color:var(--muted)}.onb-tariff b{color:var(--accent-strong)}.onb-status{margin-top:14px;display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:700}.onb-class,.onb-empty-state,.onb-progress-preview,.onb-profile{min-height:220px}.onb-class__track{margin-top:16px;display:flex;flex-direction:column;gap:9px}.onb-class__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.onb-class__row>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);font-weight:800}.onb-class__row small{color:var(--muted);font-weight:800}.onb-empty-state{display:flex;flex-direction:column;justify-content:center}.onb-empty-state p,.onb-progress-preview>p{margin:0;max-width:620px;color:var(--muted);line-height:1.55}.onb-link-button{align-self:flex-start;margin-top:18px;min-height:42px;display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:0 16px;background:var(--accent);color:var(--on-accent);font-weight:800}.onb-preview-bars{display:flex;align-items:flex-end;gap:8px;height:118px;margin-top:20px}.onb-preview-bars span{flex:1;min-height:10px;border-radius:8px 8px 0 0;background:var(--accent-soft-2)}.onb-preview-bars span:nth-child(2n){background:var(--accent)}.onb-profile{display:flex;align-items:flex-start;gap:18px}.onb-profile__avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--accent-soft-2);color:var(--accent-strong);font-size:24px;font-weight:800}.onb-profile h2{margin:0;font-size:24px}.onb-profile p{margin:4px 0 0;color:var(--muted)}.onb-profile__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.onb-profile__chips span{padding:5px 10px;border-radius:9px;background:var(--accent-soft);color:var(--accent-strong);font-weight:800;font-size:12px}@media(max-width:820px){.onb-hero,.onb-grid,.onb-tariffs__grid{grid-template-columns:1fr}.onb-hero{padding:24px}.onb-hero h1{font-size:34px}.onb-profile{flex-direction:column}}.cls-shell{display:flex;flex-direction:column;gap:14px}.cls-head,.cls-lessons,.cls-program,.cls-note{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.cls-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:20px}.cls-head span{display:block;color:var(--muted);font-size:13px;font-weight:700}.cls-head h2{margin:3px 0 0;font-size:23px;line-height:1.12}.cls-head>strong{color:var(--accent-strong);font-family:var(--font-mono);font-size:18px}.cls-progress{grid-column:1 / -1;height:9px;border-radius:999px;overflow:hidden;background:var(--surface-3)}.cls-progress span{height:100%;border-radius:inherit;background:var(--accent)}.cls-lock{display:flex;align-items:center;gap:10px;border:1px solid var(--red);border-radius:14px;padding:14px 16px;background:var(--red-soft);color:var(--red);font-weight:700}.cls-lessons,.cls-program,.cls-note{padding:18px}.cls-section-title{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--accent-strong)}.cls-section-title h3{margin:0;color:var(--ink);font-size:17px}.cls-lesson{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.cls-lesson+.cls-lesson{margin-top:9px}.cls-date{width:48px;height:50px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong)}.cls-date strong,.cls-date span{line-height:1}.cls-date span{font-size:11px;font-weight:700}.cls-lesson__body strong,.cls-lesson__body span{display:block}.cls-lesson__body span,.cls-muted,.cls-unit__head small,.cls-program-row small,.cls-note p{color:var(--muted)}.cls-status{padding:4px 9px;border-radius:8px;background:var(--surface-3);color:var(--ink-2);font-size:12px;font-weight:800}.cls-status--planned{background:var(--accent-soft);color:var(--accent-strong)}.cls-status--completed{background:var(--green-soft);color:var(--green)}.cls-status--cancelled{background:var(--red-soft);color:var(--red)}.cls-join{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent)}.cls-unit{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface-2)}.cls-unit+.cls-unit{margin-top:10px}.cls-unit__head{display:flex;align-items:center;gap:12px;padding:14px}.cls-unit__head>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);font-weight:800}.cls-unit__head strong,.cls-unit__head small,.cls-program-row strong,.cls-program-row small{display:block}.cls-unit__lessons{padding:0 14px 14px}.cls-program-row{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.cls-program-row+.cls-program-row{margin-top:7px}.cls-program-row__dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);display:grid;place-items:center;flex-shrink:0}.cls-program-row__dot.done{border:0;background:var(--green-soft);color:var(--green)}.cls-program-row__dot.current{border-color:var(--accent);background:var(--accent-soft)}.cls-note{background:var(--amber-soft)}.cls-note strong{display:block;color:var(--ink-2);margin-bottom:7px}.cls-note p{margin:0;color:var(--ink);line-height:1.5}@media(max-width:640px){.cls-lesson{grid-template-columns:auto minmax(0,1fr) auto}.cls-status{grid-column:2 / 3;justify-self:start}}.hwl-shell{display:flex;flex-direction:column;gap:14px}.hwl-head,.hwl-card,.hwl-empty{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.hwl-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}.hwl-head h2,.hwl-empty h2{margin:0;font-size:23px}.hwl-head p,.hwl-empty p,.hwl-card__top p,.hwl-instructions{margin:4px 0 0;color:var(--muted);line-height:1.45}.hwl-head svg{color:var(--accent-strong)}.hwl-list{display:flex;flex-direction:column;gap:11px}.hwl-card{padding:16px}.hwl-card__top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}.hwl-card h3{margin:0;font-size:16px;line-height:1.25}.hwl-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--accent);background:var(--accent-soft);margin-top:1px}.hwl-badge{padding:4px 9px;border-radius:8px;background:var(--surface-3);color:var(--ink-2);font-size:12px;font-weight:800}.hwl-badge--accent{background:var(--accent-soft);color:var(--accent-strong)}.hwl-badge--amber{background:var(--amber-soft);color:var(--amber)}.hwl-badge--green{background:var(--green-soft);color:var(--green)}.hwl-instructions{padding:12px 0 0 34px}.hwl-note{margin:13px 0 0 34px;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--surface-2)}.hwl-note--accent{background:var(--accent-soft)}.hwl-note small{color:var(--muted);font-weight:800}.hwl-note p{margin:4px 0 0;color:var(--ink)}.hwl-action,.hwl-primary,.hwl-secondary{min-height:40px;border-radius:12px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.hwl-action{width:calc(100% - 34px);margin:14px 0 0 34px;border:0;background:var(--accent);color:var(--on-accent)}.hwl-open{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0 34px;color:var(--accent-strong);font-size:14px;font-weight:800;text-decoration:none}.hwl-open:hover{text-decoration:underline}.hwl-form{margin:14px 0 0 34px;display:flex;flex-direction:column;gap:10px}.hwl-form textarea{width:100%;border:1px solid var(--line-2);border-radius:13px;padding:12px;background:var(--surface-2);color:var(--ink);font:inherit;resize:vertical}.hwl-form__actions{display:flex;justify-content:flex-end;gap:9px}.hwl-secondary{border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);padding:0 14px}.hwl-primary{border:0;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;gap:7px;padding:0 16px}.hwl-primary:disabled{cursor:default;opacity:.65}.hwl-empty{min-height:220px;padding:28px;display:grid;place-items:center;text-align:center}.hwl-empty svg{color:var(--green)}@media(max-width:560px){.hwl-card__top{grid-template-columns:auto minmax(0,1fr)}.hwl-badge{grid-column:2 / 3;justify-self:start}}.prg-shell{display:flex;flex-direction:column;gap:14px}.prg-level,.prg-card,.prg-stats article{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.prg-level{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px}.prg-level span,.prg-level p,.prg-stats span,.prg-empty{color:var(--muted)}.prg-level>div>span{font-size:13px;font-weight:800}.prg-level h2{margin:3px 0 0;font-size:34px;line-height:1}.prg-level h2 small{color:var(--green);font-size:15px}.prg-level p{margin:8px 0 0}.prg-level__icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong)}.prg-level__steps{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.prg-level__steps span{height:7px;border-radius:999px;background:var(--accent)}.prg-level__steps span:nth-child(n+4){background:var(--surface-3)}.prg-level__steps span.active{background:var(--accent)}.prg-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.prg-stats article{padding:18px}.prg-stats strong,.prg-stats span{display:block}.prg-stats strong{font-size:30px;line-height:1}.prg-stats span{margin-top:5px}.prg-card{padding:18px}.prg-card__head{display:flex;align-items:center;gap:9px;color:var(--accent-strong);margin-bottom:14px}.prg-card__head h3{margin:0;color:var(--ink);font-size:17px}.prg-bars{height:96px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.prg-bars>span{flex:1;min-height:8px;border-radius:7px 7px 0 0;background:var(--accent-soft-2);position:relative}.prg-bars>span:nth-child(2n),.prg-bars>span:nth-child(4){background:var(--accent)}.prg-bars i{position:absolute;left:50%;bottom:-22px;transform:translate(-50%);color:var(--muted);font-style:normal;font-size:11px}.prg-empty{margin:0;padding:8px 0;font-size:14px}@media(max-width:560px){.prg-stats{grid-template-columns:1fr}}.sub-shell{display:flex;flex-direction:column;gap:14px}.sub-balance,.sub-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.sub-balance{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;overflow:hidden;padding:22px;background:var(--brand-bg);color:var(--brand-ink)}.sub-balance:after{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;background:var(--brand-bg-2);opacity:.7}.sub-balance__label{display:block;color:var(--brand-accent);font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:9px}.sub-balance h2{margin:0;font-family:var(--font-display);font-size:30px;font-weight:500}.sub-balance p{margin:8px 0 0;color:var(--brand-ink-2);line-height:1.5}.sub-balance small{display:block;margin-top:9px;color:var(--brand-ink-3);font-weight:700}.sub-ring{--p: 0;position:relative;z-index:1;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,var(--brand-bg) 72%,transparent 73%),conic-gradient(var(--brand-accent) calc(var(--p) * 1%),var(--brand-bg-2) 0)}.sub-ring strong,.sub-ring span{grid-area:1 / 1}.sub-ring strong{font-size:34px;line-height:1}.sub-ring span{margin-top:48px;color:var(--brand-ink-3);font-family:var(--font-mono);font-size:12px}.sub-status{position:absolute;right:22px;bottom:22px;z-index:1;padding:5px 10px;border-radius:9px;background:var(--surface-3);color:var(--ink-2);font-size:12px;font-weight:800}.sub-status--green{background:var(--green-soft);color:var(--green)}.sub-status--amber{background:var(--amber-soft);color:var(--amber)}.sub-status--red{background:var(--red-soft);color:var(--red)}.sub-card{padding:18px}.sub-card__head{display:flex;align-items:center;gap:9px;color:var(--accent-strong);margin-bottom:13px}.sub-card__head h3{margin:0;color:var(--ink);font-size:17px}.sub-tariffs{display:flex;flex-direction:column;gap:10px}.sub-tariff{min-height:74px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:15px;font:inherit;text-align:left;cursor:pointer}.sub-tariff--featured{border-color:var(--accent);background:var(--accent-soft)}.sub-tariff:disabled{cursor:default;opacity:.7}.sub-tariff strong,.sub-tariff small{display:block}.sub-tariff small{margin-top:3px;color:var(--muted)}.sub-tariff b{color:var(--accent-strong)}.sub-note{margin:12px 0 0;color:var(--muted);line-height:1.45}.sub-history__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.sub-history__row:first-child{border-top:0;padding-top:0}.sub-history__row strong,.sub-history__row small{display:block}.sub-history__row small{color:var(--muted);margin-top:2px}@media(max-width:560px){.sub-balance{grid-template-columns:1fr}.sub-status{position:static;justify-self:start}}:root{--bg: #f4f1eb;--surface: #ffffff;--surface-2: #fbf9f5;--surface-3: #efebe2;--ink: #222831;--ink-2: #525c66;--muted: #8b9099;--line: #e8e3d9;--line-2: #dad4c8;--accent: #e0701f;--accent-strong: #b85713;--accent-soft: #fbede0;--accent-soft-2: #f4dcc2;--on-accent: #ffffff;--green: #3e8e79;--green-soft: #e4f1ed;--amber: #c2842c;--amber-soft: #f7edd9;--red: #c25a48;--red-soft: #f7e7e2;--read: #2b2f36;--hl: #fbe7c2;--shadow-sm: 0 1px 2px rgba(34, 40, 49, .05);--shadow: 0 1px 2px rgba(34, 40, 49, .04), 0 8px 24px rgba(34, 40, 49, .07);--shadow-lg: 0 12px 40px rgba(34, 40, 49, .16);--radius: 16px;--font-display: "Newsreader", Georgia, serif;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", monospace;--brand-bg: #1c2127;--brand-bg-2: #2c343c;--brand-ink: #f1ede4;--brand-ink-2: #aeb6bf;--brand-ink-3: #7c858e;--brand-accent: #f0915a}[data-theme=dark]{--bg: #13171c;--surface: #1b2127;--surface-2: #1f262d;--surface-3: #283038;--ink: #eceff2;--ink-2: #aeb6bf;--muted: #7c858e;--line: #2b333b;--line-2: #3a434c;--accent: #e89a5c;--accent-strong: #f0b381;--accent-soft: #2e2012;--accent-soft-2: #3c2a16;--on-accent: #1a1206;--green: #5eb39b;--green-soft: #1b2c28;--amber: #d5a24d;--amber-soft: #2e2616;--red: #d9776a;--red-soft: #32201d;--read: #d7dce2;--hl: #4a3a18;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Hanken Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#78787847;border-radius:8px}.app{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:var(--surface-2);padding:18px 14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 8px 10px;font-weight:800;font-size:17px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 8px 16px;border-bottom:1px solid var(--line);margin-bottom:4px}.sidebar-user strong{display:block;font-size:14px;line-height:1.2}.sidebar-user span{display:block;color:var(--muted);font-size:11.5px;line-height:1.35;margin-top:3px}.sidebar-avatar{width:38px;height:38px;border-radius:12px;background:var(--accent-soft-2);color:var(--accent-strong);display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:13px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a,.sidebar-action{min-height:42px;width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:11px;padding:10px 13px;background:transparent;color:var(--ink-2);font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-align:left}.side-nav a:hover,.sidebar-action:hover{background:var(--surface);color:var(--ink)}.side-nav a.active{background:var(--accent-soft);color:var(--accent-strong)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid var(--line)}.mobile-topbar,.mobile-tabbar{display:none}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0;font-size:17px}.brand .mark,.sidebar-brand .mark{width:28px;height:28px;border-radius:9px;object-fit:cover;display:block}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{padding:7px 13px;border-radius:10px;font-weight:600;font-size:14px;color:var(--ink-2)}.nav a.active{background:var(--accent-soft);color:var(--accent-strong)}.spacer{flex:1}.content{width:100%;max-width:1120px;margin:0 auto;padding:32px 28px 80px}.lesson-app{display:block}.lesson-app .content{max-width:1240px;padding:24px 24px 72px}.page-title{font-size:24px;font-weight:800;letter-spacing:0;margin:0 0 4px}.page-sub{color:var(--muted);margin:0 0 22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:720px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:1px solid transparent;font:inherit;font-weight:700;font-size:14px;cursor:pointer;background:var(--accent);color:var(--on-accent)}.btn:hover{background:var(--accent-strong)}.btn.ghost{background:transparent;border-color:var(--line-2);color:var(--ink)}.btn.ghost:hover{background:var(--surface-2)}.btn.block{width:100%}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);display:grid;place-items:center;cursor:pointer}.icon-btn:hover{background:var(--surface-2)}.mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;min-height:76px;padding:6px 8px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);box-shadow:0 -2px 18px #2228310f}.mobile-tabbar a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:var(--muted);font-size:10.5px;font-weight:700;text-align:center}.mobile-tabbar a.active{color:var(--accent-strong);background:var(--accent-soft)}.mobile-tabbar span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-3);color:var(--ink-2)}.badge.green{background:var(--green-soft);color:var(--green)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.accent{background:var(--accent-soft);color:var(--accent-strong)}.stat .value{font-size:30px;font-weight:800;letter-spacing:0}.stat .label{color:var(--muted);font-size:13px;font-weight:600}.ring{--p: 0;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,var(--surface) 78%,transparent 79%),conic-gradient(var(--accent) calc(var(--p) * 1%),var(--accent-soft-2) 0);font-weight:800}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.list{display:flex;flex-direction:column;gap:10px}.list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-weight:700;font-size:13px}.field input,.field select,.field textarea{font:inherit;padding:11px 13px;border-radius:11px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink)}.error{color:var(--red);font-size:13px;font-weight:600}.auth{min-height:100vh;display:flex;background:var(--bg);color:var(--ink)}.auth-brand{position:relative;overflow:hidden;flex:1.05;min-width:0;background:var(--brand-bg);color:var(--brand-ink);padding:40px 46px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand__glow{position:absolute;top:-90px;right:-60px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(224,112,31,.3),transparent 68%);pointer-events:none}.auth-brand__watermark{position:absolute;right:38px;bottom:30px;font-family:var(--font-mono);font-size:150px;font-weight:700;color:#ffffff0a;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none}.auth-brand__logo{position:relative;display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px;letter-spacing:-.2px}.auth-brand__headline{position:relative;max-width:440px}.auth-brand__kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--brand-accent);margin-bottom:18px}.auth-brand__headline h2{font-family:var(--font-display);font-weight:500;font-size:46px;line-height:1.08;letter-spacing:-.8px;margin:0 0 18px}.auth-brand__headline p{margin:0;font-size:16px;line-height:1.6;color:var(--brand-ink-2)}.auth-brand__stats{position:relative;display:flex;gap:26px;flex-wrap:wrap}.auth-brand__stat-value{font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1}.auth-brand__stat-label{font-family:var(--font-mono);font-size:11px;color:var(--brand-ink-3);margin-top:4px}.brand-logo-badge{position:relative;width:34px;height:34px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:20px;color:#fff6ec;line-height:1}.brand-logo-badge span{margin-top:2px}.brand-logo-badge:after{content:"";position:absolute;top:7px;right:8px;width:4px;height:4px;border-radius:50%;background:#fff6ec}.auth-form-side{flex:1;display:flex;flex-direction:column;min-width:0}.auth-topbar{display:flex;align-items:center;justify-content:flex-end;padding:22px 36px;font-size:13px;color:var(--muted)}.auth-topbar a{color:var(--accent-strong);font-weight:700;margin-left:4px}.auth-form-col{flex:1;display:flex;align-items:center;justify-content:center;padding:0 36px 40px}.auth-card{width:100%;max-width:392px}.auth-card h1{margin:0 0 6px;font-family:var(--font-display);font-weight:500;font-size:30px;letter-spacing:-.4px}.auth-card>p{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.5}.auth-tabs{display:flex;margin-bottom:18px}.auth-tabs.segmented-tabs{width:100%}.auth-tabs.segmented-tabs button{flex:1}.auth-hint{display:none}.auth-card .field label{display:inline-flex;align-items:center;gap:6px}@media(max-width:860px){.auth{flex-direction:column}.auth-brand{flex:none;padding:28px 24px 30px;gap:22px}.auth-brand__watermark{display:none}.auth-brand__headline h2{font-size:32px}.auth-topbar{padding:16px 22px}.auth-form-col{padding:0 22px 32px}}.demo-block{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.demo-block__label{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:11px}.demo-block__buttons{display:flex;gap:8px}.demo-chip{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-2);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.demo-chip:hover{border-color:var(--accent);color:var(--accent-strong)}.demo-chip:disabled{cursor:default;opacity:.6}.demo-block__note{display:block;margin-top:12px;font-size:11px;color:var(--muted)}.workspace{display:flex;flex-direction:column;gap:18px}.workspace-stack{display:flex;flex-direction:column;gap:16px}.page-lead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.page-lead h1{margin:0;font-size:28px;line-height:1.1}.page-lead p{margin:8px 0 0;color:var(--ink-2)}.lead-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.btn.icon-only{padding:0;width:40px;flex:0 0 auto}.theme-toggle{position:relative;flex:0 0 auto;width:58px;height:32px;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);cursor:pointer}.theme-toggle__knob{position:absolute;top:3px;left:3px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);transition:transform .18s ease}.theme-toggle.on .theme-toggle__knob{transform:translate(26px)}.segmented-tabs{display:inline-flex;align-items:center;gap:3px;background:var(--surface-3);border-radius:12px;padding:4px;align-self:flex-start;overflow-x:auto;max-width:100%}.segmented-tabs button{border:0;background:transparent;color:var(--ink-2);min-height:34px;padding:7px 12px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.segmented-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.empty-block{min-height:150px;border:1px dashed var(--line-2);border-radius:16px;background:var(--surface-2);display:grid;place-items:center;text-align:center;padding:24px}.empty-block div{font-weight:800;font-size:17px}.empty-block p{color:var(--muted);max-width:360px}.avatar{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;background:var(--accent-soft-2);color:var(--accent-strong);font-weight:800;font-size:13px}.small-label{font-size:12px;font-weight:700}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.section-heading h2{margin:0;font-size:19px}.lesson-card{position:relative;overflow:hidden;border-radius:18px;padding:28px 30px;background:var(--brand-bg);color:var(--brand-ink);box-shadow:0 18px 40px #1c212738}.lesson-card:after{content:"</>";position:absolute;right:26px;bottom:14px;font-family:var(--font-mono);font-size:78px;font-weight:700;color:#ffffff0b;line-height:1;-webkit-user-select:none;user-select:none}.lesson-card__glow{position:absolute;top:-60px;right:-30px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(224,112,31,.32),transparent 68%);pointer-events:none}.lesson-card h2{position:relative;margin:0 0 6px;font-family:var(--font-display);font-weight:500;font-size:34px;line-height:1.05;letter-spacing:-.3px;z-index:1}.lesson-card p{position:relative;margin:0 0 18px;color:var(--brand-ink-2);font-size:15px;z-index:1}.lesson-card__meta{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--brand-accent);margin-bottom:14px;z-index:1}.lesson-card__meta span{width:7px;height:7px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 0 4px #f0915a33}.lesson-card__footer{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.lesson-card__button.btn{background:var(--accent);color:#fff;box-shadow:0 8px 18px #e0701f59}.lesson-card__button.btn:hover{background:var(--accent-strong)}.lesson-card .teacher-chip{color:var(--brand-ink-2)}.lesson-card .teacher-chip .avatar{background:var(--brand-bg-2);color:#e6c9a8}.student-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.student-hero__kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:var(--muted);margin-bottom:4px}.student-hero h1{margin:0;font-family:var(--font-display);font-weight:500;font-size:40px;line-height:1;letter-spacing:-.5px}.student-hero__chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:8px;padding:7px 11px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.stat-card__label{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.stat-card__delta{letter-spacing:0;text-transform:none;color:var(--green)}.stat-card__sub{display:flex;align-items:center;gap:16px}.stat-card__value{font-family:var(--font-display);font-weight:600;font-size:38px;line-height:1}.stat-card__value-row{display:flex;align-items:baseline;gap:7px;margin-bottom:14px}.stat-card__unit{font-size:14px;color:var(--ink-2)}.stat-card__renew{display:inline-block;margin-top:9px;font-size:12.5px;font-weight:700;color:var(--accent-strong)}.stat-card__bar{height:8px;border-radius:5px;background:var(--surface-3);overflow:hidden}.stat-card__bar>span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--accent),#f0915a)}.stat-card__bars{display:flex;align-items:flex-end;gap:5px;height:36px}.stat-card__bars>span{flex:1;border-radius:3px;background:var(--accent-soft-2)}.stat-card__bars>span.hot{background:var(--accent)}.home-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.home-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.home-panel__head h3{margin:0;font-size:16px;font-weight:800}.home-panel__count{font-family:var(--font-mono);font-size:11px;color:var(--accent-strong);background:var(--accent-soft);border-radius:6px;padding:3px 8px}.home-panel__count.muted-count{color:var(--muted);background:transparent}.hw-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:11px}.hw-item+.hw-item{margin-top:10px}.hw-item__check{width:22px;height:22px;border-radius:7px;border:2px solid var(--accent);flex-shrink:0}.hw-item__check.done{border:0;background:var(--green);display:flex;align-items:center;justify-content:center;color:#fff}.hw-item__body{flex:1;min-width:0}.hw-item__title{font-size:13.5px;font-weight:700}.hw-item__meta{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);margin-top:2px}.hw-item__due{font-size:11.5px;font-weight:700;flex-shrink:0}.hw-item__due.soon{color:var(--red)}.prog-row{display:flex;align-items:center;gap:12px;padding:9px 4px}.prog-row+.prog-row{border-top:1px solid var(--line)}.prog-row__num{font-family:var(--font-mono);font-size:11px;color:var(--line-2);width:24px}.prog-row__title{flex:1;font-size:13.5px;font-weight:700}.prog-row__title.upcoming{color:var(--ink-2)}.prog-row__tag{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.prog-row__tag.current{color:var(--green)}@media(max-width:820px){.stat-row,.home-cols{grid-template-columns:1fr}.student-hero h1{font-size:32px}}.teacher-chip{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.balance-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.balance-card__ring{width:88px;height:88px}.balance-card__ring span{font-size:24px}.balance-card__body h3{margin:4px 0;font-size:17px}.balance-card__body p{margin:0 0 10px;color:var(--ink-2)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quick-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);min-height:108px;padding:18px;text-align:left;font:inherit;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.quick-card svg{color:var(--accent)}.quick-card span{font-weight:800}.quick-card small{color:var(--muted)}.program-outline h2,.profile-panel h2,.progress-card h2{margin:4px 0 0}.program-outline__units{display:flex;flex-direction:column;gap:10px}.program-unit{border:1px solid var(--line);border-radius:14px;overflow:hidden}.program-unit>button{width:100%;border:0;background:transparent;color:var(--ink);padding:14px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;text-align:left;font:inherit;cursor:pointer}.program-unit>button>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:800}.program-unit small{color:var(--muted)}.rotated{transform:rotate(180deg)}.program-lessons{padding:0 12px 12px 58px}.program-lesson{display:grid;grid-template-columns:22px 1fr;align-items:start;gap:10px;padding:9px 0}.program-lesson>span{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);display:grid;place-items:center}.program-lesson>span.done{background:var(--green-soft);color:var(--green);border-color:transparent}.program-lesson>span.current{background:var(--accent-soft);border-color:var(--accent)}.program-lesson strong{display:block;font-size:14px}.program-lesson small{display:block;margin-top:2px}.homework-list{display:flex;flex-direction:column;gap:10px}.homework-card{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--surface)}.homework-card__head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.homework-card__note{border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:var(--surface-2)}.homework-card__note.accent{border-color:var(--accent-soft-2);background:var(--accent-soft)}.homework-card__note small{color:var(--muted);font-weight:700}.homework-card__note p{margin:4px 0 0;color:var(--ink);font-size:13px}.homework-card__form{display:flex;flex-direction:column;gap:8px}.homework-card__form textarea{font:inherit;padding:10px 12px;border-radius:11px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);resize:vertical}.homework-card__actions{display:flex;justify-content:flex-end;gap:8px}.homework-card__staff{display:flex;gap:8px;flex-wrap:wrap}.btn.small{padding:7px 12px;font-size:13px;border-radius:10px}.homework-card h3{margin:0;font-size:15px}.homework-card p{margin:5px 0 0;color:var(--muted);font-size:13px}.progress-card h2{font-size:30px}.progress-card h2 span{color:var(--green);font-size:15px}.activity-bars{height:112px;display:flex;align-items:end;gap:9px;margin-top:18px}.activity-bars span{flex:1;min-width:16px;border-radius:7px 7px 0 0;background:var(--accent)}.skills-card{display:flex;flex-direction:column;gap:18px}.skill-row{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center}.skill-row small{display:block;color:var(--muted);margin-top:2px}.skill-bar{height:9px;border-radius:999px;background:var(--surface-3);overflow:hidden}.skill-bar span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.skill-bar span.green{background:var(--green)}.skill-bar span.amber{background:var(--amber)}.tariff-card{width:100%;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:10px;background:var(--surface);color:var(--ink);font:inherit;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;cursor:pointer}.tariff-card:hover{border-color:var(--accent);background:var(--accent-soft)}.tariff-card small{display:block;color:var(--muted);margin-top:3px}.payment-history,.profile-panel,.reminder-list{display:flex;flex-direction:column;gap:12px}.history-row,.reminder-list div,.reminder-row,.risk-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.reminder-row{width:100%;border:none;border-bottom:1px solid var(--line);background:transparent;font:inherit;color:inherit;padding:0 0 12px;cursor:pointer}.reminder-row:disabled{cursor:default;opacity:.7}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mode-card{border:1px solid var(--line);border-radius:16px;padding:16px;font-weight:800;background:var(--surface);font-family:inherit;color:inherit;text-align:left;cursor:pointer}.mode-card:disabled{cursor:default}.mode-card.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.mode-card small{color:var(--muted);font-weight:600}.switch{width:44px;height:26px;border-radius:999px;background:var(--line-2);position:relative}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm)}.switch.on{background:var(--accent)}.switch.on:after{left:21px}.teacher-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.timeline-list,.student-card-grid,.material-grid,.program-catalog{display:flex;flex-direction:column;gap:12px}.timeline-row,.student-card,.material-card{display:grid;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px}.timeline-row{grid-template-columns:110px 1fr auto}.timeline-row small,.student-card p,.material-card p,.client-row small{color:var(--muted)}.student-card{grid-template-columns:auto 1fr auto}.student-card h3,.material-card h3{margin:0 0 4px}.student-card p,.material-card p{margin:0;font-size:13px}.week-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.week-col{min-height:180px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:12px;display:flex;flex-direction:column;gap:10px}.week-col span{border-radius:10px;background:var(--accent-soft);color:var(--accent-strong);padding:8px;font-size:12px;font-weight:700}.material-card{grid-template-columns:auto 1fr auto}.material-card svg{color:var(--accent)}.client-table{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.client-row{display:grid;grid-template-columns:1.5fr .7fr .8fr auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.client-row:last-child{border-bottom:0}.client-row small{display:block;margin-top:3px}.lesson-runtime{display:grid;grid-template-columns:230px minmax(400px,1fr) 300px;gap:18px;align-items:start}.lesson-pane-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.lesson-pane-head .small-label{flex:1}.pane-toggle{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink-2);cursor:pointer;margin-left:auto}.pane-toggle:hover{color:var(--accent-strong);border-color:var(--accent)}.lesson-rail{display:grid;place-items:center;width:40px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink-2);cursor:pointer}.lesson-rail:hover{color:var(--accent-strong);border-color:var(--accent)}.lesson-side__bar{display:flex;align-items:center;gap:5px}.lesson-side__bar .lesson-side__tabs{flex:1;min-width:0}.lesson-stage,.lesson-side{min-width:0}.lesson-program-nav{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);padding:18px 14px}.lesson-program-nav h3{margin:8px 0 4px;font-size:18px;line-height:1.2}.lesson-program-nav p{margin:0 0 16px;color:var(--ink-2);font-size:13px}.lesson-step-list{display:flex;flex-direction:column;gap:8px}.lesson-step-list button{display:grid;grid-template-columns:28px 1fr;gap:8px;width:100%;border:0;border-radius:12px;padding:11px 10px;background:transparent;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer}.lesson-step-list button.active{background:var(--accent-soft);color:var(--accent-strong)}.lesson-step-list span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);font-size:12px;font-weight:800}.lesson-step-list button.active span{background:var(--accent);color:var(--on-accent)}.lesson-step-list strong{color:inherit;font-size:13px}.lesson-step-list small{grid-column:2;color:var(--muted);font-size:12px}.lesson-material-callout{display:flex;gap:10px;border-top:1px solid var(--line);margin-top:16px;padding-top:14px;color:var(--ink-2)}.lesson-material-callout strong,.lesson-material-callout small{display:block}.lesson-material-callout strong{color:var(--ink);font-size:13px}.lesson-material-callout small{color:var(--muted);font-size:12px;margin-top:2px}.lesson-stage,.lesson-side{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);position:relative}.lesson-side__resizer{position:absolute;top:0;left:-10px;width:12px;height:100%;cursor:col-resize;touch-action:none}.lesson-side__resizer:after{content:"";position:absolute;top:50%;left:5px;width:3px;height:40px;transform:translateY(-50%);border-radius:999px;background:var(--line)}.lesson-side__resizer:hover:after{background:var(--accent)}.lesson-side-show{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:70;display:grid;place-items:center;width:26px;height:56px;border:1px solid var(--line);border-right:0;border-radius:12px 0 0 12px;background:var(--surface);color:var(--ink-2);cursor:pointer}.lesson-side-show:hover{color:var(--accent-strong);border-color:var(--accent)}.lesson-stage{overflow:hidden}.lesson-progress{height:5px;background:var(--surface-3)}.lesson-progress span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.lesson-hero{min-height:180px;margin:20px;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--on-accent);display:grid;place-items:center;position:relative}.video-tile{position:absolute;right:18px;top:18px;width:92px;height:112px;border-radius:16px;background:#222831;color:#fff;display:grid;place-items:center;padding:12px;border:2px solid rgba(255,255,255,.7)}.reading-card{padding:6px 28px 24px}.reading-card p{font-family:Georgia,serif;font-size:22px;line-height:1.65;color:var(--read)}.reading-card label{display:block;font-size:17px;line-height:1.7}.reading-card input{width:min(140px,100%);margin:0 8px;border:0;border-bottom:2px dashed var(--accent);background:transparent;color:var(--accent-strong);text-align:center;font:inherit;font-weight:800;outline:none}.lesson-actions{display:flex;gap:12px;padding:0 28px 28px}.lesson-side{padding:16px;display:flex;flex-direction:column;gap:12px;container-type:inline-size}.lesson-side h2{margin:0}.lesson-side p{color:var(--ink-2);line-height:1.5}.side-action,.success-note{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:center;gap:9px}.success-note{border-color:var(--green);background:var(--green-soft);color:var(--green);font-weight:800}.lesson-stage__head{padding:16px 28px 4px}.lesson-stage__head h2{margin:4px 0 0;font-size:20px;line-height:1.25}.lesson-stage__block{padding:8px 28px;min-height:220px}.lesson-stage__head .btn{margin-top:10px}.lesson-step-list button.pointed{box-shadow:inset 0 0 0 1.5px var(--accent)}.lesson-step-list button.pointed span{background:var(--accent);color:var(--on-accent)}.lesson-pointer{display:flex;align-items:center;gap:10px;margin:16px 28px 0;padding:11px 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong);font-size:14px;font-weight:700}.lesson-pointer span{flex:1}.pointer-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent-strong);text-decoration:none}.pointer-card div{flex:1;display:flex;flex-direction:column}.pointer-card strong{font-size:15px}.pointer-card span{color:var(--ink-2);font-size:13px}.program-add-row{display:flex;gap:8px;margin:8px 0 4px}.program-add-row input{flex:1;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface);color:var(--ink);font:inherit}.hw-switch{display:flex;flex-wrap:wrap;gap:8px}.hw-switch__chip{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:14px;font-weight:700;text-decoration:none}.hw-switch__chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.hw-submit{display:flex;flex-direction:column;gap:12px;padding:16px 28px 20px}.hw-note{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface-2)}.hw-note--accent{border-color:var(--accent);background:var(--accent-soft)}.hw-note small{color:var(--muted);font-weight:700}.hw-note p{margin:4px 0 0}.hw-submit__form{display:flex;flex-direction:column;gap:10px}.hw-submit__form textarea{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface);color:var(--ink);font:inherit;resize:vertical}.hw-submit__actions{display:flex;justify-content:flex-end;gap:10px}.lesson-stage__done{margin:0 28px 24px}.block-heading{margin:8px 0 0;font-size:16px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-strong)}.block-video{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;background:#000}.block-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.block-audio{display:flex;flex-direction:column;gap:8px}.block-audio__title{font-weight:700}.block-audio audio{width:100%}.block-image{margin:0}.block-image img{display:block;width:100%;border-radius:16px}.block-image figcaption{margin-top:8px;font-size:14px;color:var(--muted);text-align:center}.block-callout{display:flex;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}.block-callout__icon{flex:0 0 auto;margin-top:2px}.block-callout__body strong{display:block;margin-bottom:4px}.block-callout__body p{margin:0}.block-callout--tip{border-color:var(--green);background:var(--green-soft)}.block-callout--tip .block-callout__icon{color:var(--green)}.block-callout--warning{border-color:var(--amber);background:var(--amber-soft)}.block-callout--warning .block-callout__icon{color:var(--amber)}.block-callout--note{border-color:var(--accent-soft-2);background:var(--accent-soft)}.block-callout--note .block-callout__icon{color:var(--accent)}.vocab-word{border:0;background:transparent;font:inherit;color:var(--accent-strong);border-bottom:2px dotted var(--accent);cursor:pointer;padding:0}.vocab-hint{display:flex;align-items:center;gap:6px;margin-top:14px;color:var(--muted);font-size:13px}.vocab-pop{position:relative;margin-top:12px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong)}.vocab-pop strong{font-size:15px}.vocab-pop span{color:var(--ink-2)}.vocab-pop__close{margin-left:auto;border:0;background:transparent;font-size:18px;cursor:pointer;color:var(--muted)}.material-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit}.material-card__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong)}.material-card__body{display:flex;flex-direction:column}.material-card__body small{color:var(--muted);font-size:12px}.material-card__open{margin-left:auto;color:var(--muted)}.vocab-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}.vocab-list__head{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--surface-3);font-weight:800;font-size:14px}.vocab-list ul{margin:0;padding:6px 14px 12px;list-style:none}.vocab-list li{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:8px 0;border-bottom:1px solid var(--line)}.vocab-list li:last-child{border-bottom:0}.vocab-list strong{font-size:15px}.vocab-list span{color:var(--ink-2)}.vocab-list em{grid-column:1 / -1;color:var(--muted);font-size:13px}.exercise{border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:var(--surface)}.exercise__label{display:flex;align-items:center;gap:6px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--accent-strong);margin-bottom:10px}.exercise__text{font-size:18px;line-height:2}.exercise__text input{width:min(150px,60%);margin:0 6px;border:0;border-bottom:2px dashed var(--accent);background:transparent;color:var(--accent-strong);text-align:center;font:inherit;font-weight:700;outline:none}.exercise__text input.ok{border-color:var(--green);color:var(--green)}.exercise__text input.bad{border-color:#e5484d;color:#e5484d}.choice-grid{display:grid;gap:8px}.choice{display:flex;align-items:center;gap:8px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}.choice.ok{border-color:var(--green);background:var(--green-soft);color:var(--green)}.choice.bad{border-color:#e5484d;background:#e5484d14;color:#e5484d}.choice.dim{opacity:.55}.choice-grid--tf{grid-template-columns:1fr 1fr}.choice-grid--tf .choice{justify-content:center}.order-answer{display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;background:var(--surface)}.order-answer.ok{border-style:solid;border-color:var(--green);background:var(--green-soft)}.order-answer.bad{border-style:solid;border-color:#e5484d;background:#e5484d14}.order-answer__hint{color:var(--muted);font-size:14px;align-self:center}.order-bank{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.order-chip{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}.order-chip.picked{border-color:var(--accent);background:var(--accent-soft)}.order-chip:disabled{opacity:.35;cursor:default}.open-answer{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;resize:vertical}.open-sample{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--accent-soft-2)}.open-sample small{color:var(--accent-strong);font-weight:700}.open-sample p{margin:6px 0 0}.match-grid{display:grid;gap:8px}.match-row{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;align-items:center}.match-left{font-weight:700}.match-row select{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit}.match-row select.ok{border-color:var(--green)}.match-row select.bad{border-color:#e5484d}.exercise__footer{display:flex;align-items:center;gap:12px;margin-top:14px}.exercise__result{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px}.exercise__result.ok{color:var(--green)}.exercise__result.bad{color:#e5484d}.lesson-side__tabs{display:flex;gap:2px;background:var(--surface-3);border-radius:12px;padding:3px}.lesson-side__tabs button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:9px;padding:7px 4px;background:transparent;color:var(--ink-2);font:inherit;font-size:12.5px;white-space:nowrap;cursor:pointer}.lesson-side__tabs button svg{flex:0 0 auto}.lesson-tab-label{overflow:hidden;text-overflow:ellipsis}@container (max-width: 322px){.lesson-side__tabs .lesson-tab-label{display:none}}.lesson-side__tabs button.active{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow-sm)}.lesson-side__list{display:flex;flex-direction:column;gap:8px}.side-vocab{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.side-vocab strong{display:block;margin-bottom:6px;font-size:13px}.side-vocab__row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:3px 0}.side-vocab__row em{color:var(--muted)}.lesson-chat{display:flex;flex-direction:column;gap:10px;height:320px}.lesson-chat__feed{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.chat-bubble{max-width:80%;padding:9px 12px;border-radius:14px;background:var(--surface-3);font-size:14px}.chat-bubble.me{align-self:flex-end;background:var(--accent-soft);color:var(--accent-strong)}.lesson-chat__input{display:flex;gap:8px}.lesson-chat__input input{flex:1;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;background:var(--surface)}.lesson-empty{display:grid;place-items:center;gap:10px;padding:60px 20px;text-align:center;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:20px}.lesson-empty h3{margin:0}.call-dock{position:fixed;z-index:80;width:280px;border-radius:18px;overflow:hidden;background:#1b2027;color:#fff;box-shadow:0 18px 50px #00000059;border:1px solid rgba(255,255,255,.08)}.call-dock__bar{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:grab;touch-action:none;background:#ffffff0a;font-size:13px}.call-dock__bar strong{font-weight:700}.call-dock__spacer{flex:1}.call-dock__clock{font-variant-numeric:tabular-nums;color:#ffffffb3}.call-dock__icon{border:0;background:transparent;color:#ffffffbf;cursor:pointer;display:grid;place-items:center}.call-dot{width:9px;height:9px;border-radius:50%;background:#fff6}.call-dot.live{background:#36c46f;box-shadow:0 0 0 3px #36c46f40}.call-dock__body{height:150px;background:linear-gradient(135deg,#2a3340,#1b2027)}.call-dock__video{width:100%;height:100%}.call-dock__stage{height:100%;display:grid;place-items:center;align-content:center;gap:6px}.call-dock__peer{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:20px}.call-dock__peer-name{font-weight:700}.call-dock__via{font-size:12px;color:#ffffff8c}.call-dock__controls{display:flex;gap:8px;padding:12px}.call-dock__controls .btn{flex:1;justify-content:center}.call-dock__controls .btn.ghost{background:#ffffff14;color:#fff;border:0}.call-dock__controls .btn.danger{background:#e5484d;color:#fff}.call-dock--max{inset:3vh 3vw;width:auto;height:auto;display:flex;flex-direction:column}.call-dock--max .call-dock__bar{cursor:default}.call-dock--max .call-dock__body{flex:1;height:auto;min-height:0}.call-dock--max .call-dock__controls{display:none}.call-dock--stash{left:-10000px;top:0;pointer-events:none}.call-join{width:100%}.call-dock__hint{padding:0 12px 12px;font-size:12px;color:#ffd27d}.call-pill{position:fixed;z-index:80;display:flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:999px;background:#1b2027;color:#fff;font:inherit;font-weight:700;box-shadow:0 12px 30px #0000004d;cursor:grab;touch-action:none}.call-pill:active{cursor:grabbing}.call-pill.live{background:#1f6f43}@media(max-width:1040px){.lesson-runtime{grid-template-columns:220px minmax(0,1fr)}.lesson-side{grid-column:1 / -1}}@media(max-width:820px){.app{display:block}.sidebar{display:none}.mobile-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.mobile-tabbar{display:flex}.content{max-width:none;padding:22px 16px 110px}.lesson-app .content{padding:18px 14px 72px}.page-lead,.lesson-card__footer,.balance-card{align-items:stretch;flex-direction:column}.page-lead,.balance-card{display:flex}.quick-grid,.teacher-grid,.mode-grid,.lesson-runtime{grid-template-columns:1fr}.week-grid{grid-template-columns:repeat(2,1fr)}.timeline-row,.student-card,.material-card,.client-row,.homework-card{grid-template-columns:1fr}.lesson-actions{flex-direction:column}.lesson-stage{order:1}.lesson-program-nav{order:2}.lesson-side{order:3;grid-column:auto}.reading-card{padding:0 18px 20px}.reading-card p{font-size:19px}.reading-card label{font-size:16px}.lesson-hero{margin:14px;min-height:160px}.video-tile{width:78px;height:96px;right:12px;top:12px}}.small{font-size:13px}.modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#22283173}.modal-card{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:20px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head h2{margin:0;font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.code-box{margin:6px 0 4px;padding:14px;border-radius:12px;border:1px dashed var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-size:22px;font-weight:800;letter-spacing:2px;text-align:center}.metrics-toolbar{margin-bottom:12px}.metrics-tabs{margin-bottom:16px}.request-cta{width:100%;border-style:dashed;border-color:var(--accent);color:var(--accent-strong);margin-bottom:14px}.source-filter{max-width:360px;margin-bottom:16px}.metric-grid{gap:14px}.metric-card{display:flex;flex-direction:column;gap:10px}.metric-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-card__head h3{margin:0;font-size:15px}.metric-card__value{display:flex;align-items:baseline;gap:10px}.metric-card__value strong{font-size:30px;font-weight:800}.delta{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:700}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.delta.flat{color:var(--muted)}.sparkline{width:100%;height:36px}.sparkline--empty{border-bottom:2px dashed var(--line-2)}.metric-card__foot{margin:0}.request-form{display:flex;flex-direction:column}.request-form h3{margin:0 0 12px;font-size:16px}.catalog-list{display:flex;flex-direction:column;gap:10px}.catalog-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.catalog-row small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.builder-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.builder-head h1{margin:12px 0 2px}.builder{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:start}.builder-editor{display:flex;flex-direction:column;gap:12px}.builder-empty{padding:20px;text-align:center}.builder-block{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.builder-block__bar{display:flex;align-items:center;gap:8px;padding:10px 12px}.builder-block__bar strong{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-block__spacer{flex:1}.builder-block__bar .icon-btn{width:30px;height:30px}.icon-btn.danger{color:#e5484d}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.builder-block__edit{border-top:1px solid var(--line);padding:14px;background:var(--surface-2)}.builder-block__edit .field{margin-bottom:12px}.builder-block__edit .field>span{font-weight:700;font-size:13px}.builder-block__edit .field code{background:var(--surface-3);padding:1px 5px;border-radius:5px;font-size:12px}.builder-block__actions{display:flex;justify-content:flex-end;gap:8px}.opt-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.opt-row input[type=text],.opt-row input:not([type]){flex:1}.opt-row .gap-index{font-family:monospace;font-size:12px;color:var(--accent-strong);min-width:38px}.opt-row .gap-hint{max-width:120px}.btn.small{padding:6px 10px;font-size:13px;border-radius:9px}.builder-add{align-self:flex-start}.builder-add-menu{display:grid;gap:8px;border:1px dashed var(--line-2);border-radius:14px;padding:12px;background:var(--surface)}.builder-add-menu button{text-align:left;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:var(--surface);cursor:pointer}.builder-add-menu button strong{display:block;font-size:14px}.builder-add-menu button small{color:var(--muted)}.builder-add-menu .builder-add-cancel{text-align:center;border:0;background:transparent;color:var(--ink-2)}.builder-preview{position:sticky;top:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);padding:16px}.builder-preview__frame{margin-top:10px;display:flex;flex-direction:column;gap:18px;max-height:70vh;overflow-y:auto}.builder-preview__block{padding-bottom:16px;border-bottom:1px solid var(--line)}.builder-preview__block:last-child{border-bottom:0}.program-card{padding:0;overflow:hidden}.program-card__head{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:left;border:0;background:transparent;padding:18px 20px;cursor:pointer;font:inherit;color:inherit}.program-card__head h2{margin:6px 0 4px;font-size:18px}.program-card__head p{margin:0;color:var(--ink-2);font-size:14px}.program-card__meta{display:flex;align-items:center;gap:10px;white-space:nowrap}.program-tree{border-top:1px solid var(--line);padding:14px 20px 18px}.program-unit{margin-bottom:12px}.program-unit__title{font-weight:800;margin-bottom:6px}.program-section{margin:6px 0 10px 6px;padding-left:10px;border-left:2px solid var(--line)}.program-lesson-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0}.program-lesson-row span{display:flex;align-items:center;gap:7px;font-size:14px}@media(max-width:900px){.builder{grid-template-columns:1fr}.builder-preview{position:static}}.section-heading__actions{display:flex;gap:8px;flex-wrap:wrap}.pay-link-result{display:flex;flex-direction:column;gap:12px}.pay-link-row{display:flex;gap:8px}.pay-link-row input{flex:1;font:inherit;padding:11px 13px;border-radius:11px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink)}.pay-link-row .btn{white-space:nowrap}.app.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .sidebar-head,.sidebar.collapsed .sidebar-brand{justify-content:center;gap:0}.sidebar.collapsed .side-nav a,.sidebar.collapsed .sidebar-action{justify-content:center;padding-left:0;padding-right:0}.auth-divider{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:13px;margin:14px 0 10px;gap:10px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line, rgba(0, 0, 0, .12))}.tg-login-block{display:flex;flex-direction:column}.tg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:none;border-radius:12px;background:linear-gradient(180deg,#2aabee,#229ed9);color:#fff;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 6px 18px #229ed959;transition:filter .15s ease,transform .05s ease}.tg-btn:hover{filter:brightness(1.05)}.tg-btn:active{transform:translateY(1px)}.tg-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.settings-page{display:flex;flex-direction:column;gap:14px;width:100%;max-width:720px;margin:0 auto}.settings-page .page-lead h1{margin:0 0 4px}.settings-card{background:var(--surface, #fff);border:1px solid var(--line, rgba(0, 0, 0, .1));border-radius:16px;padding:18px 20px}.settings-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.settings-card-icon{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.settings-card-head h2{margin:0;font-size:16px}.settings-card-head p{margin:2px 0 0;font-size:13px}.settings-card-body,.settings-form{display:flex;flex-direction:column;gap:12px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-tg{display:flex;flex-direction:column;gap:10px}.settings-tg-status{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:600;color:var(--accent)}.settings-tg-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line, rgba(0, 0, 0, .08));cursor:pointer}.switch-row:first-of-type{padding-top:0}.switch-row:last-of-type{border-bottom:none;padding-bottom:0}.switch-row input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.settings-danger{margin-top:4px}@media(max-width:560px){.settings-grid{grid-template-columns:1fr}}.help-page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:760px;margin:0 auto}.help-quickstart-head{display:flex;align-items:center;gap:8px}.help-quickstart-head h2{margin:0}.help-checklist{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:10px}.help-checklist li{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.help-checklist li svg{flex:none;margin-top:2px;color:var(--accent)}.help-section-title{margin:6px 0 0}.help-articles{display:flex;flex-direction:column;gap:8px}.help-article{border:1px solid var(--line, rgba(0, 0, 0, .1));border-radius:12px;background:var(--surface, #fff);overflow:hidden}.help-article-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:none;border:none;cursor:pointer;font-weight:600;font-size:15px;color:var(--ink);text-align:left}.help-article-head svg{flex:none;transition:transform .18s ease;color:var(--muted)}.help-article.open .help-article-head svg{transform:rotate(180deg)}.help-article-body{padding:0 16px 14px;display:flex;flex-direction:column;gap:10px}.help-article-body p{margin:0;line-height:1.55;color:var(--ink-2, var(--ink))}.tour-overlay{position:fixed;inset:0;z-index:2000}.tour-dim{position:absolute;inset:0;background:#080c1499}.tour-hole{position:absolute;border-radius:12px;box-shadow:0 0 0 9999px #080c1499;border:2px solid var(--accent);pointer-events:none;transition:all .18s ease}.tour-tooltip{position:absolute;width:300px;max-width:calc(100vw - 24px);background:var(--surface, #fff);color:var(--ink);border-radius:14px;padding:16px;box-shadow:0 18px 50px #080c1459}.tour-step-count{font-size:12px;color:var(--muted);margin-bottom:6px}.tour-tooltip h3{margin:0 0 6px;font-size:16px}.tour-tooltip p{margin:0 0 14px;line-height:1.5;color:var(--ink-2, var(--ink))}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.tour-actions-right{display:flex;gap:8px}.tour-actions .btn{padding:7px 14px}