.home-greet h1{margin:0 0 4px;font-size:clamp(1.6rem,3vw,1.95rem)}.home-greet p{color:var(--text-muted);margin:0;font-size:1rem}.resume-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);gap:24px;padding:24px;display:grid}@media (min-width:1280px){.resume-card{grid-template-columns:minmax(0,1fr) 260px;gap:28px;padding:28px}}.resume-text{align-content:start;gap:12px;min-width:0;display:grid}.resume-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:.74rem;font-weight:700;display:inline-flex}.resume-text h2{margin:0;font-size:clamp(1.4rem,2.6vw,1.7rem);font-weight:800}.resume-text>p{color:var(--text-muted);max-width:56ch;margin:0}.resume-progress{gap:6px;max-width:420px;display:grid}.resume-progress>span:last-child{color:var(--text-muted);font-size:.86rem}.resume-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.resume-unit{display:none}@media (min-width:1280px){.resume-unit{background:var(--bg);border-radius:14px;align-content:start;gap:10px;padding:16px;display:grid}}.resume-unit-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700}.resume-unit ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.resume-unit li{color:var(--text-muted);align-items:center;gap:10px;margin:0;font-size:.9rem;display:flex}.resume-unit .dot{border:2px solid var(--border-strong);width:18px;height:18px;color:var(--ok);border-radius:50%;flex:none;place-items:center;display:grid}.resume-unit .is-done .dot{border-color:#0000}.resume-unit .is-now{color:var(--text);font-weight:700}.resume-unit .is-now .dot{background:var(--subj,var(--accent));box-shadow:0 0 0 4px color-mix(in srgb, var(--subj,var(--accent)) 18%, transparent);border:0;transform:scale(.6)}.my-subjects{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.my-subject{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:16px;align-content:start;gap:12px;padding:18px;display:grid}a.my-subject:hover{color:var(--text);box-shadow:var(--shadow)}.my-subject.is-soon{border-style:dashed;border-color:var(--border-strong);opacity:.85}.my-subject-head{align-items:center;gap:12px;min-width:0;display:flex}.my-subject-head>span:last-child{min-width:0;display:grid}.my-subject-head strong{font-size:1rem}.my-subject-head>span:last-child span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.home-side .card>h2,.home-side .card-head h2{font-size:1.08rem}.today-list{display:grid}.today-row{color:var(--text);align-items:center;gap:12px;padding:10px 0;display:flex}.today-row+.today-row{border-top:1px solid var(--border)}.today-row:hover{color:var(--text)}.today-row:hover strong{color:var(--accent)}.today-row .list-row-text strong{font-size:.94rem}.week-total{align-items:baseline;gap:6px;display:flex}.week-total b{font-family:var(--font-display);font-size:2rem;line-height:1}.week-total span{color:var(--text-muted)}.week-bars{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;height:92px;margin:16px 0 12px;display:grid}.week-bar{grid-template-rows:minmax(0,1fr) auto;justify-items:stretch;gap:6px;min-height:0;display:grid}.week-bar>span{background:color-mix(in srgb, var(--accent) 22%, var(--surface));border-radius:5px;align-self:end}.week-bar>span.is-today{background:var(--accent)}.week-bar>span.is-empty{background:var(--surface-2)}.week-bar small{text-align:center;color:var(--text-muted);font-size:.72rem}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.parent{width:100%;max-width:var(--content-w);gap:24px;margin:0 auto;padding:24px 16px 48px;display:grid}@media (min-width:1024px){.parent{padding:32px 40px 64px}}.parent-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.parent-head h1{margin:0 0 4px;font-size:clamp(1.6rem,3vw,1.95rem)}.parent-head p{color:var(--text-muted);margin:0}.child-tabs{flex-wrap:wrap;gap:8px;display:flex}.child-tab{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 8px;font-weight:700;display:inline-flex}.child-tab:hover{color:var(--text);border-color:var(--border-strong)}.child-tab[aria-current=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.child-tab small{color:var(--text-muted);font-weight:600}.parent-grid{align-items:start;gap:20px;display:grid}@media (min-width:1100px){.parent-grid{grid-template-columns:minmax(0,1fr) 360px}}.parent-col{gap:20px;min-width:0;display:grid}.parent-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}@media (min-width:760px){.parent-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.topic-rows{gap:12px;display:grid}.topic-row{grid-template-columns:minmax(0,1fr) 120px 48px;align-items:center;gap:12px;font-size:.92rem;display:grid}.topic-row b{text-align:right}@media (max-width:520px){.topic-row{grid-template-columns:minmax(0,1fr) 70px 40px}}.tip-box{background:var(--gold-soft);color:var(--text);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.94rem;display:flex}.tip-box svg{color:var(--gold);flex:none;margin-top:2px}.child-card{gap:14px;display:grid}.child-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.child-who{align-items:center;gap:12px;display:flex}.child-who>span:last-child{line-height:1.3;display:grid}.child-who strong{font-size:1.05rem}.child-who small{color:var(--text-muted);font-size:.86rem}.done-list{margin:0;padding:0;list-style:none;display:grid}.done-list li{border-top:1px solid var(--border);align-items:center;gap:10px;margin:0;padding:10px 0;font-size:.94rem;display:flex}.done-list li:first-child{border-top:0}.done-list li>span:first-of-type{flex:1;min-width:0}.done-list svg{color:var(--ok);flex:none}.user-list{gap:12px;display:grid}.user-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:10px;padding:14px 16px;display:grid}.user-card.is-banned{opacity:.75;border-style:dashed}.user-card>header{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}details.user-card>summary{cursor:pointer}.user-flags{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.user-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.inline-form{background:var(--surface-3);border:1px solid var(--border);border-radius:12px;padding:14px}.user-actions>.inline-form{flex-basis:100%}.week-bars.is-tall{height:170px;margin-bottom:0}.parent>.p-section,.home-col>.p-section{margin:0}.sh{gap:8px;padding:8px 0 24px;display:grid}.sh-sec{border-radius:20px;gap:16px;padding:28px 0 8px;scroll-margin-top:150px;display:grid}.sh-sec:first-child{padding-top:12px}.sh-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;display:flex}.sh-head h2{align-items:center;gap:10px;margin:0;font-size:clamp(1.25rem,2.4vw,1.5rem);display:flex}.sh-head p{color:var(--text-muted);margin:4px 0 0;font-size:.94rem}.sh-ico{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.sh-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;display:grid}@media (min-width:900px){.sh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sh-w2{grid-column:span 2}.sh-w3{grid-column:1/-1}}.sh-grid>.card{margin:0}.sh-grid h3,.sh-grid .card-head h3{margin:0;font-size:1.05rem}.sh-stat{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:18px;align-content:start;gap:4px;padding:18px;text-decoration:none;display:grid}.sh-stat strong{font-family:var(--font-display);font-size:1.7rem;line-height:1.15}.sh-stat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:700}.sh-stat-ico{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.sh-stat-ico.is-streak{background:var(--streak-soft);color:var(--streak)}.sh-stat-ico.is-bad{background:var(--bad-soft);color:var(--bad)}.sh-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px;display:grid}.sh-cards.is-wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.sh-card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:16px;align-content:start;gap:8px;padding:16px;text-decoration:none;display:grid}.sh-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.sh-card>strong{font-size:1rem;line-height:1.35}.sh-sum ul{color:var(--text-2);gap:6px;margin:0;padding-left:1.1em;font-size:.92rem;display:grid}.sh-sum li{margin:0}a.sh-card,a.sh-stat,a.my-subject{transition:transform .25s var(--ease), box-shadow .25s, border-color .25s}a.sh-card:hover,a.sh-stat:hover,a.my-subject:hover{box-shadow:var(--shadow);border-color:var(--border-strong);color:var(--text);transform:translateY(-3px)}.sh-meter{background:var(--surface-2);border-radius:99px;height:8px;display:block;overflow:hidden}.sh-meter>span{height:100%;width:var(--w);border-radius:inherit;background:var(--subj,var(--accent));display:block}.sh-meter.is-bad>span{background:var(--gold)}.trend{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;height:200px;margin-top:14px;display:grid}.trend-col{text-align:center;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;min-height:0;display:grid}.trend-col small{color:var(--text-muted);white-space:nowrap;font-size:.7rem;overflow:hidden}.trend-acc{font-weight:700;color:var(--text-2)!important}.trend-track{align-items:flex-end;min-height:0;display:flex}.trend-track>span{background:color-mix(in srgb, var(--accent) 30%, var(--surface));border-radius:7px 7px 3px 3px;width:100%}.trend-track>span.is-now{background:var(--accent)}.grow{height:var(--h);transition:height .9s cubic-bezier(.22,1,.36,1)}.grow-x{transition:width 1s cubic-bezier(.22,1,.36,1)}.motion .rv{transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.motion .rv:not(.in){opacity:0;transform:translateY(22px)}.motion .rv:not(.in) .grow{height:0}.motion .rv:not(.in) .grow-x{width:0}.sh-sec.is-arrived{animation:1.3s cubic-bezier(.22,1,.36,1) sec-arrive}@keyframes sec-arrive{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent)}to{box-shadow:0 0 0 18px #0000}}@media (prefers-reduced-motion:reduce){.grow,.grow-x,a.sh-card,a.sh-stat,a.my-subject{transition:none}.sh-sec.is-arrived{animation:none}}.badges{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:12px;display:grid}.badge-tile{text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:18px;align-content:start;justify-items:center;gap:6px;padding:18px 14px 14px;display:grid}.badge-tile strong{font-size:.96rem}.badge-tile>.small{line-height:1.35}.badge-medal{background:var(--surface-2);width:56px;height:56px;color:var(--text-soft);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.badge-tile.is-earned{border-style:solid;border-color:color-mix(in srgb, var(--streak) 45%, var(--border));background:linear-gradient(180deg, var(--streak-soft), var(--surface) 70%)}.badge-tile.is-earned .badge-medal{background:var(--streak);color:#2a1a00;box-shadow:0 0 0 5px color-mix(in srgb, var(--streak) 22%, transparent)}.badge-state{color:var(--streak-text);align-items:center;gap:4px;font-size:.78rem;font-weight:800;display:inline-flex}.badge-prog{gap:4px;width:100%;display:grid}.badge-prog small{color:var(--text-muted);font-size:.74rem}.badges-note{grid-column:1/-1;margin:2px 0 0}.motion .badge-tile.is-earned.in .badge-medal{animation:.7s cubic-bezier(.34,1.56,.64,1) both medal-pop;animation-delay:inherit}@keyframes medal-pop{0%{transform:scale(.4)rotate(-20deg)}}@media (prefers-reduced-motion:reduce){.motion .badge-tile.is-earned.in .badge-medal{animation:none}}@media (min-width:900px){.sh-grid.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.is-preview-off{opacity:.7}.sh-sec>.p-section,.sh-sec>.card{margin:0}
.pn{gap:10px}.pn .sh-sec{gap:14px;padding-top:30px}.pn .sh-sec:first-child{padding-top:10px}.pn .sh-head h2{gap:10px;font-size:clamp(1.15rem,2.2vw,1.35rem)}.pn .sh-head p{max-width:72ch;font-size:.9rem}.pn .sh-ico{border-radius:10px;width:34px;height:34px}.pn .sh-ico svg{width:18px;height:18px}.pn .sh-grid{gap:14px}@media (min-width:900px){.pn .sh-grid.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pn .sh-grid.is-goals{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}.pn .pn-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-content:start;gap:8px;min-width:0;margin:0;padding:16px 18px;display:grid;box-shadow:0 1px 8px #14183c0d}@media (max-width:560px){.pn .pn-card{border-radius:14px;padding:14px}}.pn-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:800}.pn-big{font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(1.3rem,2.2vw,1.6rem);font-weight:800;line-height:1.1}.pn-sub{color:var(--text-muted);font-size:.86rem;line-height:1.4}.pn-note{margin:0}.pn-h3{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;margin:0;font-size:1rem;display:flex}.pn-h3 small{color:var(--text-muted);font-size:.8rem;font-weight:500}.pn-h3 svg{vertical-align:-3px}.pn-h3.is-ok{color:var(--ok)}.pn-h3.is-bad{color:var(--bad)}.pn-two{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;display:grid}.pn .mp-btn.is-disabled{opacity:.55;cursor:not-allowed}.pn-stat{color:var(--text);gap:4px;text-decoration:none}a.pn-stat{transition:transform .25s var(--ease), box-shadow .25s}a.pn-stat:hover{color:var(--text);box-shadow:var(--shadow);transform:translateY(-2px)}.pn-stat-ico{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;flex:none;place-items:center;margin-bottom:2px;display:grid}.pn-stat-ico svg{width:19px;height:19px}.pn-stat-ico.is-streak{background:var(--streak-soft);color:var(--streak)}.pn-stat-ico.is-ok{background:var(--ok-soft);color:var(--ok)}.pn-stat-ico.is-bad{background:var(--bad-soft);color:var(--bad)}.pn-delta{color:var(--text-muted);font-size:.84rem;font-weight:800}.pn-delta small{font-weight:500}.pn-delta.is-up{color:var(--ok)}.pn-delta.is-down{color:var(--bad)}.pn .pn-count{grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:14px 18px;padding:12px 18px}.pn-count-ico{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.pn-count-main{gap:2px;display:grid}.pn-count-n{font-family:var(--font-display);color:var(--accent);font-size:1.6rem;font-weight:800;line-height:1.1}.pn-count-n small{font-family:var(--font-body,inherit);color:var(--text-muted);font-size:.82rem;font-weight:600}.pn-count-n.is-wait small{color:var(--text-2);font-size:.86rem}.pn-count-prep{gap:4px;display:grid}.pn-count-row{justify-content:space-between;align-items:baseline;gap:8px;font-size:.88rem;display:flex}.pn-count-row small{color:var(--text-muted)}.pn-count-when{color:var(--text-muted);font-size:.76rem;line-height:1.35}.pn-est{background:var(--gold-soft);color:var(--gold);letter-spacing:.04em;border-radius:99px;margin-left:8px;padding:1px 7px;font-size:.64rem}@media (max-width:700px){.pn .pn-count{grid-template-columns:auto minmax(0,1fr)}.pn-count-prep{grid-column:1/-1}}.pn .pn-hero{color:#fff;background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #9b3de0));box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 26%, transparent);border:0;align-content:stretch;gap:8px}.pn-hero h1{color:#fff;margin:0;font-size:clamp(1.3rem,2.6vw,1.65rem)}.pn-hero-date{opacity:.85;text-transform:capitalize;font-size:.82rem;font-weight:700}.pn-hero-intro{opacity:.92;margin:0;font-size:.95rem}.pn-hero-foot{opacity:.95;font-size:.86rem;font-weight:700}.pn-plan{gap:6px;margin:2px 0 0;padding:0;list-style:none;display:grid}.pn-plan li{margin:0}.pn-task{background:var(--surface);min-height:44px;color:var(--text);transition:transform .2s var(--ease);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:.92rem;font-weight:650;text-decoration:none;display:flex}.pn-task:hover{color:var(--text);transform:translate(3px)}.pn-check{border:2px solid var(--border-strong);width:26px;height:26px;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}.pn-task.is-done .pn-check{background:var(--ok);border-color:var(--ok);color:#fff}.pn-task.is-done .pn-task-t{color:var(--text-muted);text-decoration:line-through}.pn-task-t{flex:1;min-width:0}.pn-task-m{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.pn-plan-btns{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:2px;display:flex}.pn-streak{background:#ffffff24;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:auto;padding:8px 12px 8px 8px;display:flex}.pn-streak-t{margin-right:auto;line-height:1.25;display:grid}.pn-streak b{font-size:.92rem}.pn-streak small{opacity:.9;font-size:.76rem}.pn-week{gap:6px;display:flex}.pn-wd{justify-items:center;gap:3px;display:grid}.pn-wd i{box-sizing:border-box;background:#ffffff1f;border:1.5px dashed #ffffff73;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.pn-wd.is-on i{color:var(--streak);background:#fff;border:0;box-shadow:0 2px 6px #00000026}.pn-wd.is-today i{outline-offset:2px;outline:2px solid #fff}.pn-wd small{opacity:.85;font-size:.64rem;font-weight:700}@media (max-width:420px){.pn-wd i{width:22px;height:22px}.pn-week{gap:4px}}.pn-hero .pn-stat-ico.is-streak{background:#fff;width:32px;height:32px;margin:0}.pn-goals-top{align-items:center;gap:12px;display:flex}.pn-goals-top .pn-ring{flex:none}.pn-goals-top .pn-ring-val{font-size:34px}.pn-goals-head{gap:2px;font-size:.9rem;display:grid}.pn-goals-head b.is-ok{color:var(--ok)}.pn-goal-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pn-goal-list li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px 8px;margin:0;display:grid}.pn-goal-list .pn-hbar{grid-column:1/-1}.pn-goal-list li.is-met .pn-hbar>span{background:linear-gradient(90deg, color-mix(in srgb, var(--ok) 70%, #fff), var(--ok))}.pn-goal-ico{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:7px;flex:none;place-items:center;display:grid}.pn-goal-list li.is-met .pn-goal-ico{background:var(--ok);color:#fff}.pn-goal-name{min-width:0;font-size:.86rem;line-height:1.25;display:grid}.pn-goal-name small{color:var(--text-muted);font-size:.72rem;font-weight:500}.pn-goal-val{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.pn-goal-val b{color:var(--text);font-size:.95rem}.pn-link-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:2px 0;font-size:.86rem;font-weight:700}.pn-goal-form{border-top:1px solid var(--border);gap:8px;padding-top:10px;display:grid}.pn-goal-field{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;display:grid}.pn-goal-in{align-items:center;gap:4px;display:inline-flex}.pn-goal-in small{width:30px;color:var(--text-muted);font-size:.74rem}.pn-goal-in input{border:1px solid var(--border-strong);background:var(--surface);width:66px;min-height:36px;color:var(--text);font:inherit;border-radius:9px;padding:0 8px;font-size:.9rem;font-weight:800}.pn-goal-sums{flex-wrap:wrap;gap:8px;display:flex}.pn-goal-sums>span{background:var(--surface-2);color:var(--text-muted);border-radius:12px;gap:1px;padding:6px 12px;font-size:.74rem;line-height:1.25;display:grid}.pn-goal-sums b{font-family:var(--font-display);color:var(--text);font-size:1.15rem}.pn-goal-sums b small{color:var(--text-muted);font-size:.78rem}.pn-goal-sums>span:first-child{background:var(--ok-soft)}.pn-goal-sums>span:first-child b{color:var(--ok)}.pn .pn-goal-bars{grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;height:130px}.pn-goal-bars .trend-track{background:color-mix(in srgb, var(--ok) 14%, var(--surface-2));border-radius:9px;justify-self:center;width:min(100%,40px);overflow:hidden}.pn-goal-bars .trend-track>span{background:var(--ok);border-radius:9px 9px 0 0}.pn-goal-bars .trend-track>span.is-full{border-radius:9px}.pn .pn-goal-bars{height:140px}.pn-goal-bars .trend-col small{white-space:nowrap;justify-items:center;font-size:.62rem;line-height:1.1;display:grid}.pn-goal-bars .trend-col small b{color:var(--text);font-size:.78rem;font-weight:800}.pn-goal-bars .trend-col.is-today small,.pn-goal-bars .trend-col.is-today small b{color:var(--accent)}.pn-goal-bars .trend-col.is-today .trend-track{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent)}.pn-legend.pn-goal-scale i{background:var(--ok);border-radius:3px;width:10px;height:10px}.pn-legend.pn-goal-scale i.is-track{background:color-mix(in srgb, var(--ok) 14%, var(--surface-2))}@media (max-width:560px){.pn .pn-goal-bars{gap:3px}.pn-goal-bars .trend-col small{font-size:.52rem}.pn-goal-bars .trend-col small b{font-size:.66rem}}.pn-hbar{background:var(--surface-2);border-radius:99px;width:100%;height:18px;display:block;overflow:hidden;box-shadow:inset 0 1px 2px #14183c14}.pn-hbar>span{height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 65%, #fff), var(--accent));box-sizing:border-box;justify-content:flex-end;align-items:center;min-width:18px;padding:0 8px;display:flex}.pn-hbar>span>b{color:#fff;white-space:nowrap;font-size:.68rem;font-weight:800}.pn-hbar.is-good>span{background:linear-gradient(90deg, color-mix(in srgb, var(--ok) 65%, #fff), var(--ok))}.pn-hbar.is-mid>span{background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 65%, #fff), var(--gold))}.pn-hbar.is-bad>span{background:linear-gradient(90deg, color-mix(in srgb, var(--bad) 65%, #fff), var(--bad))}.pn-count-prep .pn-hbar{height:12px}.pn-legend.is-dots i{border-radius:50%;width:10px;height:10px}.pn-legend.is-dots i.is-good{background:var(--ok)}.pn-legend.is-dots i.is-mid{background:var(--gold)}.pn-legend.is-dots i.is-bad{background:var(--bad)}.pn-legend.is-dots i.is-acc{background:var(--accent)}.pn-legend.is-dots i.is-track{background:color-mix(in srgb, var(--accent) 14%, var(--surface-2));border-radius:3px}.pn-bar{background:var(--surface-2);border-radius:99px;width:100%;height:10px;display:block;overflow:hidden}.pn-bar>span{height:100%;width:var(--w);border-radius:inherit;background:var(--accent);display:block}.pn-bar.is-subj>span{background:var(--subj,var(--accent))}.pn-bar.is-good>span{background:var(--ok)}.pn-bar.is-mid>span{background:var(--gold)}.pn-bar.is-bad>span{background:var(--bad)}.pn-rows{gap:10px;display:grid}.pn-row{color:var(--text);gap:4px;text-decoration:none;display:grid}.pn-row-head{align-items:center;gap:8px;font-size:.9rem;display:flex}.pn-row-head small{color:var(--text-muted);white-space:nowrap;font-size:.76rem}.pn-row-head b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pn-row-val{white-space:nowrap;font-weight:800}.pn-ring-val{font:800 28px var(--font-display);fill:var(--text)}.pn-ring-sub{fill:var(--text-muted);font-size:14px}.pn-ring-arc{stroke-dashoffset:var(--off);transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}.motion .rv:not(.in) .pn-ring-arc{stroke-dashoffset:var(--full)}.pn .pn-prog{gap:14px;padding:16px 18px 12px}.pn-chart-when{font-family:var(--font-body,inherit);color:var(--text-muted);font-size:.8rem;font-weight:600}.pn-prog-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 18px;display:grid}.pn-prog-head .pn-ring-arc{stroke:var(--subj,var(--accent))}.pn-prog-sum{gap:3px;display:grid}.pn-prog-sum .pn-label{align-items:center;gap:8px;display:inline-flex}.pn-facts{grid-template-columns:repeat(4,minmax(0,auto));gap:6px;margin:0;display:grid}.pn-facts>div{background:var(--surface-2);border-radius:12px;min-width:104px;padding:6px 12px;display:grid}.pn-facts dt{color:var(--text-muted);white-space:nowrap;font-size:.68rem;font-weight:700}.pn-facts dd{font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:800;line-height:1.2}.pn-facts dd small{font-family:var(--font-body,inherit);color:var(--text-muted);font-size:.74rem;font-weight:600}.pn-facts>.is-due{background:var(--bad-soft)}.pn-facts>.is-due dd,.pn-facts>.is-due dt{color:var(--bad)}@media (max-width:900px){.pn-prog-head{grid-template-columns:auto minmax(0,1fr)}.pn-facts{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.pn-facts>div{min-width:0}}@media (max-width:480px){.pn-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.pn-prog-subj{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}.pn-prog-subj-head{grid-template-columns:auto auto minmax(60px,1fr) auto;align-items:center;gap:8px;font-size:.88rem;display:grid}.pn-prog-subj-head .pn-bar{height:8px}.pn-prog-subj-p{font-size:.86rem;font-weight:800}.pn-units{grid-template-columns:repeat(auto-fill,minmax(min(100%,136px),1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.pn-units>li{margin:0;display:grid}.pn-unit{--uc:var(--border-strong);background:color-mix(in srgb, var(--uc) 8%, var(--surface));color:var(--text);transition:transform .2s var(--ease), box-shadow .2s;border-radius:10px;align-content:start;gap:3px;padding:10px 10px 8px;text-decoration:none;display:grid;position:relative;overflow:hidden}.pn-unit:hover{color:var(--text);transform:translateY(-2px);box-shadow:0 4px 12px #14183c14}.pn-unit-fill{background:color-mix(in srgb, var(--uc) 22%, transparent);height:4px;position:absolute;inset:0 0 auto}.pn-unit-fill>span{height:100%;width:var(--w);background:var(--uc);display:block}.pn-unit-t{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.pn-unit-t i{background:var(--uc);color:#fff;vertical-align:1px;box-sizing:border-box;border-radius:5px;place-items:center;min-width:17px;height:17px;margin-right:5px;padding:0 3px;font-size:.66rem;font-style:normal;font-weight:800;display:inline-grid}.pn-unit-s{justify-content:space-between;align-items:baseline;gap:6px;font-size:.72rem;display:flex}.pn-unit-s b{color:var(--uc)}.pn-unit-s small{color:var(--text);font-family:var(--font-display);font-size:.8rem;font-weight:800}.pn-unit.is-none .pn-unit-s small{color:var(--text-muted)}.pn-unit-m{color:var(--text-muted);font-size:.68rem;line-height:1.3}.pn-unit.is-fresh{--uc:var(--ok)}.pn-unit.is-soon{--uc:var(--gold)}.pn-unit.is-due{--uc:var(--bad);background:var(--bad-soft)}.pn-unit.is-doing{--uc:var(--accent)}.pn-unit.is-none{color:var(--text-muted);background:var(--surface-2)}.pn-unit.is-none .pn-unit-t{color:var(--text-2)}.pn-unit.is-none .pn-unit-s b{color:var(--text-muted)}.pn-prog-foot{border-top:1px solid var(--border);gap:4px;padding-top:10px;display:grid}.pn-prog-foot .pn-sub{font-size:.76rem}.pn-legend{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:.74rem;display:flex}.pn-legend>span{align-items:center;gap:5px;display:inline-flex}.pn-legend i{background:var(--border-strong);border-radius:3px;width:12px;height:8px;display:inline-block}.pn-legend i.is-fresh{background:var(--ok)}.pn-legend i.is-soon{background:var(--gold)}.pn-legend i.is-due{background:var(--bad)}.pn-legend i.is-doing{background:var(--accent)}.pn-growth{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;display:grid}.pn .pn-chart{gap:6px}.pn .pn-chart .pn-big{font-size:clamp(1.2rem,2vw,1.4rem)}.pn .pn-trend{gap:6px;height:120px;margin-top:4px}.pn .pn-trend .trend-col{grid-template-rows:minmax(0,1fr) auto;gap:5px}.pn .pn-growth .trend-track>span{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 42%, var(--surface)), color-mix(in srgb, var(--accent) 18%, var(--surface)));border-radius:8px 8px 3px 3px}.pn .pn-growth .trend-track>span.is-now{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 65%, #fff));box-shadow:0 4px 10px color-mix(in srgb, var(--accent) 30%, transparent)}.pn .pn-trend .trend-col small{font-size:.64rem}.pn-trend .trend-track>span.is-empty{visibility:hidden}.pn-chart-how{border-top:1px solid var(--border);padding-top:8px;font-size:.76rem}.pn .pn-table-card{padding:4px 16px}.pn-table{border-collapse:collapse;width:100%;font-size:.9rem}.pn-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 6px;font-size:.7rem;font-weight:800}.pn-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 6px}.pn-table tr:last-child td{border-bottom:0}.pn-t-title{color:var(--text);font-weight:700}.pn-t-mobile{display:none}.pn-net{font-family:var(--font-display);color:var(--accent);white-space:nowrap;font-size:1.05rem;font-weight:800}.pn-t-date{white-space:nowrap}@media (max-width:640px){.pn-table th:nth-child(2),.pn-table th:nth-child(3),.pn-table th:nth-child(4),.pn-table th:nth-child(6),.pn-t-n,.pn-t-date{display:none}.pn-t-mobile{margin-top:2px;display:block}}.pn-list{margin:0;padding:0;list-style:none;display:grid}.pn-list li{border-top:1px solid var(--border);align-items:center;gap:10px;margin:0;padding:9px 0;display:flex}.pn-list li:first-child{border-top:0;padding-top:2px}.pn-li-ico{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.pn-li-ico svg{width:16px;height:16px}.pn-li-ico.is-ok{background:var(--ok-soft);color:var(--ok)}.pn-li-ico.is-wait{background:var(--gold-soft);color:var(--gold)}.pn-li-t{flex:1;gap:1px;min-width:0;font-size:.9rem;display:grid}.pn-li-when{white-space:nowrap;font-size:.78rem}.pn-pill{text-align:center;border-radius:999px;flex:none;min-width:50px;padding:3px 9px;font-size:.78rem;font-weight:800}.pn-pill.is-ok{background:var(--ok-soft);color:var(--ok)}.pn-pill.is-mid{background:var(--gold-soft);color:var(--gold)}.pn-pill.is-bad{background:var(--bad-soft);color:var(--bad)}.pn-status{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:14px;padding:14px 18px;display:flex}.pn-status>div{gap:2px;display:grid}.pn-status strong{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.25}.pn-status>div>span{color:var(--text-2);font-size:.9rem}.pn-status-dot{background:var(--text-soft);width:13px;height:13px;box-shadow:0 0 0 6px color-mix(in srgb, var(--text-soft) 18%, transparent);border-radius:50%;flex:none}.pn-status.is-ok{background:var(--ok-soft);border-color:color-mix(in srgb, var(--ok) 30%, var(--border))}.pn-status.is-ok .pn-status-dot{background:var(--ok);box-shadow:0 0 0 6px color-mix(in srgb, var(--ok) 20%, transparent)}.pn-status.is-warn{background:var(--gold-soft);border-color:color-mix(in srgb, var(--gold) 35%, var(--border))}.pn-status.is-warn .pn-status-dot{background:var(--gold);box-shadow:0 0 0 6px color-mix(in srgb, var(--gold) 20%, transparent)}.pn-status.is-bad{background:var(--bad-soft);border-color:color-mix(in srgb, var(--bad) 30%, var(--border))}.pn-status.is-bad .pn-status-dot{background:var(--bad);box-shadow:0 0 0 6px color-mix(in srgb, var(--bad) 20%, transparent)}.pn-subs{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;display:grid}.pn-sub-top{flex-wrap:wrap;align-items:center;gap:8px;font-size:.98rem;display:flex}.pn-sub-top b{flex:1}.pn-sub-dl{gap:0;margin:0;font-size:.88rem;display:grid}.pn-sub-dl>div{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.pn-sub-dl dt{color:var(--text-muted)}.pn-sub-dl dd{text-align:right;margin:0;font-weight:700}.pn .card-head h3{font-size:1rem}.pn .week-bars.is-tall{height:120px}.pn .week-bar small{font-size:.68rem}.pn .child-tab{min-height:42px;font-size:.9rem}.pn .parent-head h1{font-size:clamp(1.3rem,2.6vw,1.6rem)}.pn .parent-head p{font-size:.88rem}.pn .badges{grid-template-columns:repeat(auto-fill,minmax(min(100%,104px),1fr));gap:10px}.pn .badge-tile{--bc:var(--accent);border:1px solid var(--border);background:var(--surface);transition:transform .2s var(--ease), box-shadow .2s;border-radius:14px;gap:3px;padding:12px 6px 10px;position:relative}.pn .badge-tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px #14183c14}.pn .badge-tile.tone-lessonsDone{--bc:#3b6cf6}.pn .badge-tile.tone-quizzesDone{--bc:#8b5cf6}.pn .badge-tile.tone-perfectQuizzes{--bc:#e0a100}.pn .badge-tile.tone-unitsDone{--bc:#16a37f}.pn .badge-tile.tone-bestStreak{--bc:#f07a1a}.pn .badge-tile.tone-reviewsLearned{--bc:#0ea5b7}.pn .badge-tile.tone-correctAnswers{--bc:#e0457b}.pn .badge-tile.tone-totalMinutes{--bc:#5b5bd6}.pn .badge-medal{width:54px;height:54px;color:inherit;box-shadow:none;background:conic-gradient(color-mix(in srgb, var(--bc) 70%, transparent) var(--p), var(--surface-2) 0);border-radius:50%;margin:0 0 6px;padding:4px;display:block;position:relative}.pn .badge-disc{background:var(--surface);width:100%;height:100%;color:color-mix(in srgb, var(--bc) 45%, var(--text-soft));border:2px solid var(--surface);border-radius:50%;place-items:center;display:grid}.pn .badge-disc svg{width:20px;height:20px}.pn .badge-lock{background:var(--surface-2);width:18px;height:18px;color:var(--text-muted);border:2px solid var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.pn .badge-tile.is-earned{border-color:color-mix(in srgb, var(--bc) 35%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--bc) 12%, var(--surface)), var(--surface) 75%)}.pn .badge-tile.is-earned .badge-medal{background:linear-gradient(145deg, color-mix(in srgb, var(--bc) 55%, #fff), var(--bc) 55%, color-mix(in srgb, var(--bc) 70%, #000));box-shadow:0 4px 12px color-mix(in srgb, var(--bc) 40%, transparent);padding:3px}.pn .badge-tile.is-earned .badge-disc{color:#fff;background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--bc) 45%, #fff), var(--bc) 62%);border:2px solid #ffffff8c}.pn .badge-tile.is-earned .badge-medal:before,.pn .badge-tile.is-earned .badge-medal:after{content:"";z-index:-1;background:color-mix(in srgb, var(--bc) 80%, #000);clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);width:12px;height:18px;position:absolute;bottom:-9px}.pn .badge-tile.is-earned .badge-medal:before{left:12px;transform:rotate(14deg)}.pn .badge-tile.is-earned .badge-medal:after{right:12px;transform:rotate(-14deg)}.pn .badge-tile{isolation:isolate}.pn .badge-tile strong{font-size:.78rem;line-height:1.2}.pn .badge-desc{display:none}.pn .badge-state{color:var(--bc);gap:3px;font-size:.68rem}.pn .badge-prog{width:auto;color:var(--text-muted);font-size:.68rem;font-weight:700;display:block}.pn .badge-tile:not(.is-earned) strong{color:var(--text-2)}.motion .pn .badge-tile.is-earned.in .badge-disc{animation:2.4s ease-out both medal-shine;animation-delay:inherit}@keyframes medal-shine{0%{filter:brightness()}30%{filter:brightness(1.35)}to{filter:brightness()}}@media (prefers-reduced-motion:reduce){.pn-ring-arc,.pn-task,.pn-unit,a.pn-stat,.pn .badge-tile{transition:none}.motion .pn .badge-tile.is-earned.in .badge-disc{animation:none}}
.topbar{z-index:30;min-height:64px;padding:8px max(16px, calc((100% - var(--bar-w,1080px)) / 2));padding-top:max(8px, env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.topbar .title{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.topbar .progress{background:var(--accent);height:3px;transition:width .3s var(--ease);position:absolute;bottom:-1px;left:0}.step-count{color:var(--text-muted);white-space:nowrap;font-size:.88rem;font-weight:700}.lp-title{gap:0;line-height:1.25;display:grid}.lp-kicker{font-family:var(--font-sans);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}.lp-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.lp-tile{flex:none}.narr-select{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;max-width:150px;min-height:40px;padding:0 8px;font-size:.86rem}.narr-note{background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);border-radius:12px;align-items:center;gap:10px;margin:0 0 16px;padding:10px 8px 10px 14px;font-size:.92rem;font-weight:600;display:flex}.narr-note>svg{color:var(--gold);flex:none}.narr-note>span{flex:1;min-width:0}.narr-note-x{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;font-size:1.3rem;line-height:1}.narr-note-x:hover{background:color-mix(in srgb, var(--gold) 16%, transparent);color:var(--text)}.listen-btn{font:inherit;color:var(--accent);border:1px solid var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;margin-left:auto;padding:4px 12px;font-size:.85rem;font-weight:700}.listen-btn.is-on{background:var(--accent);color:var(--on-accent)}.listen-note{opacity:.8;font-weight:400}@media (max-width:999px){.lp-tile{display:none}}@media (max-width:520px){.topbar{gap:6px;padding-inline:10px}.mode-btn,.topbar>.step-count{display:none}.narr-select{max-width:96px;padding:0 4px;font-size:.78rem}.listen-note{display:none}}.lesson-root{--paper-line:color-mix(in srgb, var(--subj,var(--accent)) 9%, transparent);background-color:var(--bg);min-height:100vh}.lesson-root.paper-grid{background-image:linear-gradient(var(--paper-line) 1px, transparent 1px), linear-gradient(90deg, var(--paper-line) 1px, transparent 1px);background-size:28px 28px}.lesson-root.paper-lines{background-image:linear-gradient(var(--paper-line) 1px, transparent 1px);background-size:100% 32px}.lesson-root.paper-dots{background-image:radial-gradient(var(--paper-line) 1.6px, transparent 1.7px);background-size:22px 22px}.lesson-root[class*=subj-]{--accent:var(--subj);--accent-hover:color-mix(in srgb, var(--subj) 82%, var(--text));--accent-soft:color-mix(in srgb, var(--subj) 13%, var(--surface));--accent-line:color-mix(in srgb, var(--subj) 30%, var(--surface));--on-accent:var(--surface)}.lesson-root .topbar .lp-tile{background:var(--subj);color:var(--surface)}.lesson-hero{background:var(--accent);color:var(--on-accent);border-radius:22px;margin:8px 0 6px;padding:24px 26px 20px;position:relative;overflow:hidden}.lesson-hero:after{content:"";pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--on-accent) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--on-accent) 14%, transparent) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 35%,#000 90%);mask-image:linear-gradient(100deg,#0000 35%,#000 90%)}.lesson-hero>*{z-index:1;position:relative}.lesson-hero .lc-num{z-index:0;font-family:var(--font-display);color:color-mix(in srgb, var(--on-accent) 17%, transparent);font-size:9rem;font-weight:800;line-height:1;position:absolute;bottom:-.28em;right:18px}.lesson-hero .lc-unit{opacity:.92;margin:0;font-size:.9rem;font-weight:600}.lesson-hero h1{letter-spacing:-.015em;color:inherit;margin:6px 0 8px;font-size:clamp(1.7rem,4.5vw,2.3rem);line-height:1.12}.lesson-hero .lc-lead{opacity:.95;max-width:34em;margin:0}.lesson-hero .lc-meta{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.lesson-hero .lc-meta span{background:color-mix(in srgb, var(--on-accent) 18%, transparent);border-radius:999px;padding:3px 12px;font-size:.84rem;font-weight:600}@media (max-width:520px){.lesson-hero{border-radius:18px;padding:20px 18px 16px}.lesson-hero .lc-num{font-size:6.5rem}}.lp-head{z-index:30;pointer-events:none;justify-items:center;display:grid;position:sticky;top:0}.lp-head>*{pointer-events:auto}.lp-head .topbar{box-sizing:border-box;width:100%;position:relative;top:auto}.lp-steps{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);width:min(980px,100% - 32px);min-width:0;box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:12px;margin-top:5px;padding:10px 16px;display:flex}.lp-steps>ol{flex:1;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.lp-seg{flex:1 1 0;min-width:0;margin:0}.lp-seg button{font:inherit;width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;gap:5px;padding:2px 0;display:grid}.lp-seg button:disabled{cursor:default}.lp-seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.lp-seg-bar{background:var(--surface-2);border-radius:99px;height:7px;display:block;overflow:hidden}.lp-seg-bar>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .45s var(--ease);display:block}.lp-seg-t{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;font-size:.78rem;font-weight:650;display:flex;overflow:hidden}.lp-mq{flex:1;min-width:0;overflow:hidden}.lp-mq>span{white-space:nowrap;display:inline-block}.lp-mq.is-long{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.lp-mq.is-long>span{animation:lpMarquee var(--t,8s) ease-in-out infinite alternate}@keyframes lpMarquee{0%,20%{transform:none}80%,to{transform:translateX(var(--d,0))}}@media (prefers-reduced-motion:reduce){.lp-mq.is-long>span{animation:none}}.lp-seg-t b{background:var(--surface-2);width:18px;height:18px;color:var(--text-muted);border-radius:50%;flex:none;place-items:center;font-size:.68rem;display:grid}.lp-seg.is-done .lp-seg-t{color:var(--text-2,var(--text))}.lp-seg.is-done .lp-seg-t b{background:var(--accent);color:var(--on-accent)}.lp-seg.is-now .lp-seg-t{color:var(--accent)}.lp-seg.is-now .lp-seg-t b{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.lp-seg.is-done button:hover .lp-seg-t{color:var(--accent)}.lp-steps>.step-count{flex:none}.lp-steps-now{display:none}.present .lp-steps{width:min(1000px,100% - 24px)}@media (max-width:760px){.lp-steps{border-radius:14px;flex-wrap:wrap;row-gap:5px;width:calc(100% - 16px);margin-top:4px;padding:6px 12px}.lp-steps>ol{flex-basis:100%;gap:4px}.lp-seg-t{display:none}.lp-steps-now{min-width:0;color:var(--accent);flex:1;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.lp-steps-now b{background:var(--accent-soft);width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.68rem;display:grid}}@media (max-width:520px){.lp-head .topbar{min-height:50px;padding-block:4px;padding-top:max(4px, env(safe-area-inset-top))}.lp-head .topbar .icon-btn{width:36px;min-width:36px;height:36px;min-height:36px}.lp-head .narr-select{min-height:34px}.lp-steps{border-radius:12px;gap:8px;padding:5px 10px}.lp-seg-bar{height:5px}.lp-steps-now{font-size:.76rem}.lp-steps-now b{width:16px;height:16px;font-size:.62rem}.lp-steps>.step-count{font-size:.76rem}.lp-gain-chip{min-height:24px;padding:0 8px;font-size:.74rem}.lesson-actions{padding:5px 8px;padding-bottom:max(5px, env(safe-area-inset-bottom));border-radius:14px 14px 0 0;gap:6px}.lesson-actions .mp-btn{min-height:38px;padding-block:6px}.lesson-actions .icon-btn{width:38px;min-width:38px;height:38px;min-height:38px}}.lp-gain-wrap{flex:none;position:relative}.lp-gain-chip{font:inherit;border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);background:var(--gold-soft);min-height:30px;color:var(--gold);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:.82rem;font-weight:800;display:inline-flex}.lp-gain-pop{z-index:40;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);width:min(340px,100vw - 24px);box-shadow:var(--shadow-lg);border-radius:14px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}@media (min-width:1180px){.lesson-root:has(.lp-gains) .lp-gain-wrap{display:none}}.lesson-layout{max-width:1012px;margin:0 auto;padding:20px 16px 45vh}.lesson-main{width:100%;min-width:0}.lp-gains{display:none}@media (min-width:1180px){.lp-gains{--gw:64px;--gr:max(12px, calc((100vw - 1012px) / 4 - var(--gw) / 2));z-index:20;top:50%;right:var(--gr);width:var(--gw);box-sizing:border-box;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;justify-items:center;gap:10px;padding:12px 8px;display:grid;position:fixed;transform:translateY(-50%)}.lp-gains .lp-gains-h{flex-direction:column;gap:2px;margin:0;font-size:.8rem}.lp-gains .lp-gains-h b{margin:0}.lp-gains .lp-gains-t{display:none}.lp-gains .lp-gain{border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.lp-gains .lp-gain.is-on{background:var(--gold);color:#1a1405;box-shadow:0 0 14px 2px color-mix(in srgb, var(--gold) 45%, transparent);border:0;overflow:visible}.lp-gains .lp-gain.is-on .lp-gain-body{background:var(--surface);width:250px;color:var(--text);border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);box-shadow:var(--shadow-lg);border-radius:12px;padding:10px 12px;display:none;position:absolute;top:50%;right:calc(100% + 18px);transform:translateY(-50%)}.lp-gains .lp-gain.is-on:hover .lp-gain-body,.lp-gains .lp-gain.is-on:focus-visible .lp-gain-body{display:grid}.lp-gains .lp-gain.is-off{min-height:0}}@media (min-width:1600px){.lp-gains{--gw:260px;max-height:calc(100vh - 2 * var(--lp-top,130px));border-radius:20px;justify-items:stretch;padding:16px;overflow-y:auto}.lp-gains .lp-gains-h{flex-direction:row;gap:8px;font-size:1rem}.lp-gains .lp-gains-h b{margin-left:auto}.lp-gains .lp-gains-t{display:inline}.lp-gains .lp-gain{border-radius:12px;width:auto;height:auto}.lp-gains .lp-gain.is-on{background:var(--gold-soft);color:var(--text);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);box-shadow:none;align-items:center;gap:10px;padding:10px 12px;display:flex;overflow-x:auto}.lp-gains .lp-gain.is-on .lp-gain-ic{color:var(--gold)}.lp-gains .lp-gain.is-on .lp-gain-body{width:auto;box-shadow:none;background:0 0;border:0;margin:0;padding:0;display:grid;position:static;transform:none}.lp-gains .lp-gain.is-off{min-height:44px}}.lp-gains-h{font-family:var(--font-display);align-items:center;gap:8px;margin:0 0 12px;font-weight:800;display:flex}.lp-gains-h svg{color:var(--gold)}.lp-gains-h b{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.86rem}.lp-gain-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lp-gain{border-radius:12px;margin:0}.lp-gain.is-on{background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);animation:gainIn .6s var(--ease) backwards;align-items:center;gap:10px;padding:10px 12px;display:flex;overflow-x:auto}.lp-gain-ic{flex:none;place-items:center;font-weight:800;display:grid}.lp-gain.is-on .lp-gain-ic{color:var(--gold)}.lp-gain-body{gap:4px;min-width:0;display:grid}.lp-gain-n{letter-spacing:.04em;text-transform:uppercase;color:var(--gold);font-size:.74rem;font-weight:800}.lp-gain.is-off{border:1.5px dashed var(--border-strong);min-height:44px;color:var(--text-muted);place-items:center;font-weight:800;display:grid}.lp-gain-pop .lp-gain-list{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-gain-pop .lp-gain.is-on{flex-direction:column;align-items:stretch;gap:4px;min-width:0;padding:8px}.lp-gain-pop .lp-gain.is-on .lp-gain-ic{justify-self:start}.lp-gain-pop .lp-gain-n{font-size:.66rem}.lp-gain.is-hit,.lp-gain-chip.is-hit{animation:gainHit 1s var(--ease)}@keyframes gainIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes gainHit{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 70%, transparent)}to{box-shadow:0 0 0 18px #0000}}.lp-beam,.lp-beam-trail{z-index:60;pointer-events:none;will-change:transform, opacity;position:fixed;top:0;left:0}.lp-beam{white-space:nowrap;text-overflow:ellipsis;background:var(--gold);color:#1a1405;max-width:220px;box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 30%, transparent), 0 0 24px 6px color-mix(in srgb, var(--gold) 70%, transparent), 0 0 60px 12px color-mix(in srgb, var(--gold) 35%, transparent);border-radius:999px;padding:7px 14px;font-size:.86rem;font-weight:800;overflow:hidden}.lp-beam-trail{width:calc(var(--s) * 7px + 6px);height:calc(var(--s) * 7px + 6px);background:var(--gold);opacity:.5;box-shadow:0 0 18px 6px color-mix(in srgb, var(--gold) 55%, transparent);border-radius:50%}.part.is-gained{animation:gainSrc 2s var(--ease);border-radius:14px}@keyframes gainSrc{0%,to{box-shadow:0 0 #0000}30%{box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 55%, transparent), 0 0 32px 4px color-mix(in srgb, var(--gold) 40%, transparent)}}@media (prefers-reduced-motion:reduce){.lp-gain.is-on,.lp-gain.is-hit,.lp-gain-chip.is-hit,.part.is-gained,.lp-seg-bar>span{transition:none;animation:none}}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);scroll-margin-top:calc(var(--lp-top,110px) + 12px);margin:10px 0;padding:20px 24px 8px 26px;position:relative}.step:before{content:"";background:color-mix(in srgb, var(--accent) 40%, var(--border));border-radius:0 4px 4px 0;width:3px;position:absolute;top:18px;bottom:18px;left:0}.step.is-current{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--shadow), 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent)}.step.is-current:before{border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--accent);width:3px;top:-1px;bottom:-1px;left:-1px}.step-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.step-num{width:34px;height:34px;font-family:var(--font-display);color:var(--accent);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:800;display:grid}.step.is-done .step-num{background:var(--accent);color:var(--on-accent)}.step-title{font-family:var(--font-display);letter-spacing:-.01em;min-width:0;margin:0;font-size:1.4rem;font-weight:750;line-height:1.2}.step-speaking{flex:none;align-items:flex-end;gap:3px;height:16px;margin-left:auto;display:inline-flex}.step-speaking i{background:var(--accent);border-radius:2px;width:3px;height:4px;animation:1s ease-in-out infinite speakBar}.step-speaking i:nth-child(2){animation-delay:.2s}.step-speaking i:nth-child(3){animation-delay:.4s}@keyframes speakBar{0%,to{height:4px}50%{height:16px}}.part{animation:partIn .35s var(--ease) backwards}.part+.part{margin-top:2px}@keyframes partIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.part.is-speaking{position:relative}.part.is-speaking:before{content:"";background:var(--accent);opacity:.7;border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;left:-12px}.step-report{flex:none;align-self:flex-start;margin:-6px -14px 0 auto;position:relative}.step-speaking+.step-report{margin-left:4px}.step-report .report-box{z-index:5;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);width:min(320px,100vw - 48px);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 4px);right:0}.step-report .report-done{text-align:right;max-width:160px;font-size:.78rem;display:block}.report-ic{width:30px;height:30px;color:var(--text-muted);opacity:.7;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.report-ic:hover,.report-ic:focus-visible{opacity:1;color:var(--accent);background:var(--surface-2)}.part-more{border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);text-align:center;margin:6px 0 10px;padding:8px 12px;font-size:.86rem}@media (max-width:520px){.step{border-radius:var(--radius);margin:8px 0;padding:12px 14px 4px 15px}.step:before{width:2px}.step.is-current:before{border-radius:var(--radius) 0 0 var(--radius);width:2px}.step-report{margin:-4px -8px 0 auto}.step-num{width:30px;height:30px;font-size:.86rem}.step-title{font-size:1.2rem}}.lesson-actions{z-index:30;border:1px solid var(--border);width:min(760px,100% - 24px);box-shadow:var(--shadow-lg);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;width:min(980px,100% - 24px);margin-inline:auto;padding:8px;display:flex;position:fixed;bottom:12px;left:0;right:0}.lesson-actions .la-next{flex:160px;max-width:260px}.lesson-actions .la-auto{margin-right:auto}.lesson-actions .la-auto.is-on{background:var(--text);color:var(--bg);border-color:var(--text)}.lesson-actions .la-cc{opacity:.55}.lesson-actions .la-cc.is-on{opacity:1;color:var(--accent)}.lesson-actions .la-rate{font-variant-numeric:tabular-nums;width:auto;min-width:44px;padding:0 8px;font-size:.82rem;font-weight:800}.lesson-actions .la-rate.is-on{color:var(--accent)}.la-rate-wrap{display:inline-flex;position:relative}.la-rate-menu{z-index:40;background:var(--surface);width:min(300px,100vw - 32px);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:14px;gap:10px;padding:12px 14px;display:grid;position:absolute;bottom:calc(100% + 12px);right:-8px}.la-rate-head{color:var(--text-muted);justify-content:space-between;align-items:baseline;font-size:.86rem;font-weight:700;display:flex}.la-rate-head b{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.05rem}.la-rate-menu input[type=range]{width:100%;accent-color:var(--accent)}.la-rate-chips{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.la-rate-chips button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:10px;font-size:.85rem;font-weight:700}.la-rate-chips button.is-on{background:var(--accent);border-color:var(--accent);color:#fff}.la-note{color:var(--gold);flex-basis:100%;padding:0 4px;font-size:.86rem;font-weight:600}@media (max-width:520px){.lesson-actions{width:100%;padding-bottom:max(8px, env(safe-area-inset-bottom));border-bottom:0;border-radius:18px 18px 0 0;bottom:0}.lesson-actions .la-all{display:none}.lesson-actions{flex-wrap:nowrap}.lesson-actions .la-auto{flex:none;margin-right:0;padding:0 12px}.lesson-actions .la-next{white-space:nowrap;flex:auto;min-width:0;max-width:none;padding-inline:10px}.lesson-actions .la-note{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-basis:auto;padding:8px 12px;position:absolute;bottom:calc(100% + 8px);left:12px;right:12px}}.la-sub{text-align:center;color:#fff9;pointer-events:none;background:#090d1ae6;border-radius:14px;width:max-content;max-width:min(100vw - 24px,860px);margin:0 auto;padding:10px 20px;font-size:1.28rem;font-weight:650;line-height:1.45;animation:.25s ease-out backwards subIn;position:absolute;bottom:calc(100% + 14px);left:0;right:0;box-shadow:0 10px 30px #00000059}.la-sub span{border-radius:4px;transition:color .15s}.la-sub .is-past,.la-sub .is-now{color:#fff}.la-sub.is-fb{background:#090d1af0}@keyframes subIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:520px){.la-sub{border-radius:10px;max-width:calc(100vw - 16px);padding:5px 10px;font-size:.8rem;line-height:1.35;bottom:calc(100% + 6px)}}.lesson-end{text-align:center;padding:28px 0}.lesson-end h2{margin:0 0 8px}.le-card{text-align:left;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);animation:partIn .5s var(--ease) backwards;gap:16px;margin:22px 0 0;padding:22px 24px;display:grid}.le-head{align-items:center;gap:14px;display:flex}.le-ic{background:var(--ok-soft);width:54px;height:54px;color:var(--ok);border-radius:50%;flex:none;place-items:center;display:grid}.le-head h2{margin:0;font-size:1.3rem;line-height:1.25}.le-head p{color:var(--text-muted);margin:2px 0 0;font-size:.9rem}.le-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0;display:grid}.le-tiles>div{background:var(--surface-2);border-radius:12px;padding:10px 14px}.le-tiles dt{color:var(--text-muted);font-size:.8rem;font-weight:650}.le-tiles dd{font-family:var(--font-display);margin:2px 0 0;font-size:1.2rem;font-weight:800}.le-gains{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.le-gains li{background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:10px;margin:0;padding:6px 12px}.le-card .nav-row{justify-content:flex-end;margin:0}@media (max-width:520px){.le-card{padding:18px 16px}.le-card .nav-row .mp-btn{flex:100%}}.nav-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.lesson-tools{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;margin:16px 0 0;display:flex}.report-box{background:var(--surface-2);border-radius:12px;gap:8px;max-width:520px;padding:12px 14px;display:grid}.report-box p{margin:0}.report-reasons{flex-wrap:wrap;gap:6px;display:flex}.report-done{color:var(--ok);font-size:.86rem}.present{font-size:1.25em}.present .lesson-layout.is-present{max-width:1180px;padding-top:20px;display:block}.present .lesson-layout.is-present .lesson-main{max-width:none}.present .step-title{font-size:1.9rem}.present .step-num{width:40px;height:40px;font-size:1.1rem}body .present .lesson-actions{width:min(1000px,100% - 24px);left:0;right:0}.quiz-top{color:var(--text-muted);justify-content:space-between;align-items:center;margin:8px 0 12px;font-size:.92rem;font-weight:700;display:flex}.score{font-family:var(--font-display);color:var(--accent);font-size:2.6rem;font-weight:800}.quiz-result{gap:20px;margin-top:12px;display:grid}.qr-head{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);align-items:center;gap:22px;padding:22px;display:flex}.qr-head h1{margin:0 0 4px}.qr-head .lead{margin:0}.qr-score{font-family:var(--font-display);fill:var(--text);font-size:24px;font-weight:800}.qr-topics{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);gap:14px;padding:20px;display:grid}.qr-topics h2{margin:0;font-size:1.08rem}.qr-topic{gap:6px;display:grid}.qr-topic-head{justify-content:space-between;gap:12px;font-size:.95rem;display:flex}.qr-topic-head .is-ok{color:var(--ok)}.qr-topic-head .is-warn{color:var(--gold)}.qr-suggest{border-radius:var(--radius);color:var(--text);background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 35%, var(--border));align-items:center;gap:12px;padding:14px 16px;display:flex}.qr-suggest:hover{color:var(--text)}.qr-suggest>span:first-child{flex:1;gap:2px;display:grid}.qr-suggest>span:last-child{color:var(--text-muted);font-size:1.4em}@media (max-width:520px){.qr-head{text-align:center;flex-direction:column}}.crumbs{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:.95rem;display:flex;overflow:hidden}.crumbs a{color:var(--text-muted);font-weight:600}.crumbs a:hover{color:var(--accent)}.crumbs span:last-child{color:var(--text);text-overflow:ellipsis;font-weight:750;overflow:hidden}.subject-page{width:100%;max-width:var(--content-w);gap:18px;min-width:0;margin:0 auto;padding:20px 16px 48px;display:grid}@media (min-width:900px){.subject-page{gap:20px;padding:28px 32px 64px}}.site .subject-page{padding-top:40px}.subject-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px;display:grid}.subject-tabs a{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:46px;color:var(--text-2);transition:border-color .2s, transform .2s var(--ease);border-radius:13px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none;display:flex}.subject-tabs a:hover{color:var(--text);border-color:color-mix(in srgb, var(--subj) 45%, var(--border));transform:translateY(-1px)}.subject-tabs .subj-tile{border-radius:9px;width:32px;height:32px;font-size:.76rem}.subject-tabs a.is-on{background:color-mix(in srgb, var(--subj) 10%, var(--surface));border-color:color-mix(in srgb, var(--subj) 50%, var(--border));color:var(--subj)}.subject-tabs a.is-on .subj-tile{background:var(--subj);color:var(--on-accent)}.sv-hero{--k:74%;--hero-a:color-mix(in srgb, var(--subj) var(--k), #0b1030);--hero-b:color-mix(in srgb, var(--subj) calc(var(--k) - 24%), #0b1030);isolation:isolate;color:#fff;background:linear-gradient(135deg, var(--hero-a), var(--hero-b));box-shadow:0 14px 34px color-mix(in srgb, var(--subj) 22%, transparent);border-radius:22px;gap:18px;padding:22px;display:grid;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sv-hero{--k:52%;box-shadow:none}}:root[data-theme=dark] .sv-hero{--k:52%;box-shadow:none}.sv-hero:before,.sv-hero:after{content:"";z-index:-1;pointer-events:none;background:#ffffff12;border-radius:50%;position:absolute}.sv-hero:before{width:340px;height:340px;top:-160px;right:-90px}.sv-hero:after{width:220px;height:220px;bottom:-150px;right:240px}@media (min-width:900px){.sv-hero{padding:24px 28px}.sv-hero .sv-hero-main{grid-template-columns:auto minmax(0,1fr) auto;gap:16px 24px}.sv-hero .sv-facts{flex-wrap:nowrap;grid-column:auto}}.sv-hero-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 20px;min-width:0;display:grid}.sv-hero .pn-ring{flex:none}.sv-hero .pn-ring circle:first-child{stroke:#ffffff2e}.sv-hero .pn-ring-arc{stroke:#fff}.sv-hero .pn-ring-val{fill:#fff}.sv-hero .pn-ring-sub{fill:#fffc;font-weight:700}.sv-hero-text{gap:4px;min-width:0;display:grid}.sv-kicker{opacity:.92;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:inline-flex}.sv-kicker b{min-width:26px;height:22px;font-family:var(--font-display);background:#fff3;border-radius:7px;place-items:center;padding:0 5px;font-size:.74rem;display:inline-grid}.sv-hero h1{color:#fff;margin:0;font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.1}.sv-hero p{opacity:.92;margin:2px 0 0;font-size:.92rem}.sv-hero p b{color:#fff}.sv-facts{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin:0;display:flex}.sv-facts>div{background:#ffffff21;border:1px solid #ffffff29;border-radius:12px;padding:7px 14px;display:grid}.sv-facts dt{opacity:.85;font-size:.7rem;font-weight:700}.sv-facts dd{font-family:var(--font-display);margin:0;font-size:1.2rem;font-weight:800;line-height:1.2}.sv-facts dd small{opacity:.8;font-size:.78rem;font-weight:600}.sv-facts>.is-due{background:var(--surface);color:var(--bad);border-color:#0000}@media (max-width:560px){.sv-hero{border-radius:18px;gap:16px;padding:18px 16px}.sv-hero-main{gap:12px 14px}.sv-hero .pn-ring{width:84px;height:84px}.sv-facts>div{flex:1;padding:6px 10px}}.sv-layout{align-items:start;gap:16px;display:grid}.sv-side{order:-1;gap:14px;display:grid}@media (min-width:900px){.sv-layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.sv-side{grid-area:1/2;position:sticky;top:96px}.sv-list{grid-area:1/1}}.sv-next,.sv-weak{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px 20px;box-shadow:0 1px 8px #14183c0d}.sv-next{color:var(--text);transition:transform .25s var(--ease), box-shadow .25s;gap:4px;text-decoration:none;display:grid}.sv-next:hover{color:var(--text);transform:translateY(-2px);box-shadow:0 10px 24px #14183c1a}.sv-next-k{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.74rem;font-weight:800}.sv-next strong{font-family:var(--font-display);font-size:1.1rem;line-height:1.25}.sv-next-m{color:var(--text-muted);font-size:.86rem}.sv-next .mp-btn{justify-self:start;gap:6px;margin-top:10px}.sv-next.is-done .sv-next-k{color:var(--ok)}.sv-weak h2{margin:0 0 12px;font-size:1rem}.sv-weak ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sv-weak li{margin:0}.sv-weak li>a,.sv-weak li>div{color:var(--text);gap:6px;text-decoration:none;display:grid}.sv-weak li>a:hover .sv-weak-t{color:var(--accent)}.sv-weak-r{justify-content:space-between;align-items:baseline;gap:10px;font-size:.88rem;display:flex}.sv-weak-t{min-width:0;line-height:1.3}.sv-weak-r b{font-family:var(--font-display);flex:none}.sv-weak .pn-bar{height:8px}.unit-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.unit-search{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text-muted);border-radius:12px;flex:240px;align-items:center;gap:8px;padding:0 12px;display:flex}.unit-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.unit-search input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1}.unit-chips{flex-wrap:wrap;gap:6px;display:flex}.unit-chips button{border:1px solid var(--border);background:var(--surface);min-height:38px;font:inherit;color:var(--text-muted);cursor:pointer;border-radius:999px;padding:0 14px;font-size:.86rem;font-weight:700;transition:background-color .2s,color .2s}.unit-chips button:hover{color:var(--text)}.unit-chips button.is-on{background:var(--text);border-color:var(--text);color:var(--surface)}.unit-empty{text-align:center;margin:0;padding:22px 18px}.sv-list{gap:14px;min-width:0;display:grid}.sv-group{gap:10px;display:grid}.sv-sec{font-family:var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin:4px 2px 0;font-size:.74rem;font-weight:800}.sv-unit{--uc:var(--border-strong);background:var(--surface);border:1px solid var(--border);border-radius:18px;scroll-margin-top:110px;overflow:hidden;box-shadow:0 1px 8px #14183c0d}.sv-unit.is-done,.sv-unit.is-fresh,.sv-unit.is-near{--uc:var(--ok)}.sv-unit.is-due{--uc:var(--bad)}.sv-unit.is-doing{--uc:var(--accent)}.sv-unit.is-soon{box-shadow:none;background:0 0;border-style:dashed}.sv-unit>summary{cursor:pointer;border-radius:18px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;list-style:none;transition:background-color .15s;display:grid}.sv-unit>summary::-webkit-details-marker{display:none}.sv-unit>summary:hover{background:var(--surface-2)}.sv-unit>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sv-unit-n{width:38px;height:38px;font-family:var(--font-display);background:var(--surface-2);color:var(--text-muted);border-radius:11px;place-items:center;font-weight:800;display:grid}.sv-unit:not(.is-todo):not(.is-soon) .sv-unit-n{background:var(--uc);color:var(--on-accent)}.sv-unit-t{gap:8px;min-width:0;display:grid}.sv-unit-t strong{font-family:var(--font-display);font-size:1.06rem;font-weight:800;line-height:1.3}.sv-unit.is-soon .sv-unit-t strong{color:var(--text-2)}.sv-bar{background:var(--surface-2);border-radius:99px;max-width:400px;height:7px;display:block;overflow:hidden}.sv-bar>span{height:100%;width:var(--w);border-radius:inherit;background:var(--uc);display:block}.sv-unit.is-due .sv-bar>span{background:var(--ok)}.sv-unit-side{align-items:center;gap:8px;display:flex}.sv-pill{white-space:nowrap;background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:750;display:inline-flex}.sv-pill.is-done,.sv-pill.is-fresh{background:var(--ok-soft);color:var(--ok)}.sv-pill.is-near{background:var(--gold-soft);color:var(--gold)}.sv-pill.is-due{background:var(--bad-soft);color:var(--bad)}.sv-pill.is-doing{background:var(--accent-soft);color:var(--accent)}.sv-rev{border:1px solid color-mix(in srgb, var(--bad) 45%, transparent);color:var(--bad);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:750;text-decoration:none}.sv-rev:hover{color:var(--on-accent);background:var(--bad)}.sv-unit-p{text-align:right;min-width:46px;font-family:var(--font-display);font-size:1.1rem;font-weight:800}.sv-unit.is-todo .sv-unit-p{color:var(--text-muted)}.sv-chev{color:var(--text-muted);transition:transform .25s var(--ease);flex:none}.sv-unit[open] .sv-chev{transform:rotate(180deg)}.sv-items{gap:8px;margin:0;padding:0 18px 16px 72px;list-style:none;display:grid}.sv-items li{margin:0}.sv-item{background:var(--surface-2);min-height:46px;color:var(--text);border:1.5px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;transition:border-color .15s;display:flex}.sv-item:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.sv-dot{border:1.5px solid var(--border-strong);background:var(--surface);width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.sv-item-t{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;font-size:.95rem;font-weight:650;line-height:1.3;display:flex}.sv-item-m{color:var(--text-muted);white-space:nowrap;flex:none;font-size:.82rem}.sv-item.is-quiz{background:var(--gold-soft)}.sv-item.is-quiz .sv-dot{border-color:color-mix(in srgb, var(--gold) 45%, transparent);color:var(--gold)}.sv-item.is-done .sv-dot{background:var(--ok);border-color:var(--ok);color:var(--on-accent)}.sv-item.is-cur{background:var(--accent-soft);border-color:var(--accent)}.sv-go{background:var(--accent);color:var(--on-accent);border-radius:10px;flex:none;padding:6px 14px;font-size:.84rem;font-weight:750}.sv-soon{color:var(--text-muted);margin:0;padding:0 18px 16px 72px;font-size:.88rem}@media (max-width:560px){.sv-unit>summary{grid-template-columns:34px minmax(0,1fr);gap:6px 12px;padding:14px}.sv-unit-n{width:34px;height:34px}.sv-unit-side{flex-wrap:wrap;grid-column:2}.sv-unit-p{min-width:0;margin-left:auto;font-size:1rem}.sv-items,.sv-soon{padding:0 12px 12px}.sv-item{flex-wrap:wrap;gap:4px 10px}.sv-item-m{order:3;width:100%;padding-left:34px}}@media (prefers-reduced-motion:reduce){.subject-tabs a,.sv-next,.sv-item,.sv-chev{transition:none}}.draft-tag{background:var(--bad-soft);color:var(--bad);border-radius:6px;padding:1px 8px;font-size:.74rem;font-weight:800}.pending{color:var(--text-muted);font-size:.9em;font-style:italic}.mp-btn.qv-opt{text-align:left;justify-content:flex-start;min-height:52px;padding:10px 16px;font-weight:600}body:has(.lesson-actions) .page{padding-bottom:150px}.lp-loop{top:var(--lp-top,64px);z-index:25;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;margin:0 0 12px;padding:7px 14px 7px 9px;font-size:.86rem;animation:.3s ease-out loopIn;display:flex;position:sticky}.lp-loop.is-open{background:color-mix(in srgb, var(--gold) 12%, var(--surface));border:1.5px dashed var(--gold)}.lp-loop.is-solved{background:var(--ok);color:var(--surface);border:1.5px solid var(--ok)}.lp-loop-ic{background:var(--gold);color:#1a1405;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.lp-loop.is-solved .lp-loop-ic{background:var(--surface);color:var(--ok)}.lp-loop-t{min-width:0;line-height:1.25;display:grid}.lp-loop-t b{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.74rem}.lp-loop-t span{overflow-wrap:anywhere;font-weight:700}@keyframes loopIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.lp-loop{animation:none}}
.cq-list{gap:16px;display:grid}.cq-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}.cq-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.86rem;display:flex}.cq-meta .tag{margin-left:0}.cq-stem{white-space:pre-wrap;margin:10px 0 14px;font-size:1.05rem}.cq-options{gap:8px;display:grid}.cq-opt{font:inherit;text-align:left;min-height:var(--tap);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.cq-opt b{font-family:var(--font-display);color:var(--accent);width:1.2em}.cq-opt:hover:not(:disabled){border-color:var(--accent)}.cq-opt:disabled{cursor:default}.cq-opt.is-picked{border-color:var(--accent)}.cq-opt.is-right{border-color:var(--ok);background:var(--ok-soft)}.cq-opt.is-wrong{border-color:var(--bad);background:var(--bad-soft)}.cq-opt.is-dim{opacity:.6}.cq-after{gap:10px;margin-top:14px;display:grid}.cq-solution{background:var(--surface-2);white-space:pre-wrap;border-radius:12px;margin:0;padding:12px 14px}.cq-votes{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.answer-box .seg,.cq-votes .seg{justify-self:start}.opt-grid{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.opt-grid legend{margin-bottom:6px;font-weight:600}.opt-row{align-items:center;gap:8px;display:flex}.opt-row input{flex:1;min-width:0}.opt-correct{font-weight:800;font-family:var(--font-display);cursor:pointer;align-items:center;gap:6px;min-width:52px;display:inline-flex}.opt-correct input{width:20px;height:20px;accent-color:var(--ok)}.done-box{gap:12px;display:grid}.mine-list,.queue{gap:12px;margin:0 0 12px;padding:0;list-style:none;display:grid}.mine-item,.queue-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0;padding:14px 16px}.mine-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mine-head .tag{margin-left:0}.mine-text{white-space:pre-wrap;margin:8px 0}.answer-box{background:var(--ok-soft);border-radius:12px;gap:6px;padding:12px 14px;display:grid}.answer-box p{margin:0}.opt-list{margin:4px 0 8px;padding-left:1.6em}.opt-list li.is-right{color:var(--ok);font-weight:700}.queue-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.queue-actions.col{flex-direction:column;align-items:stretch}
.panel-main{min-width:0;padding-top:12px}.panel-main>h1:first-child{margin-top:0}.panel-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.panel-grid{align-items:start;gap:20px;display:grid}@media (min-width:1200px){.panel-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}.panel-col{gap:20px;min-width:0;display:grid}.table-wrap.is-flat{border:0;border-radius:0}.table-wrap.is-flat .p-table th{background:0 0}.stack-bar{background:var(--surface-2);border-radius:999px;height:14px;display:flex;overflow:hidden}.stack-bar>span{height:100%;display:block}.stack-bar .is-ok,.legend-row .is-ok{background:var(--ok)}.stack-bar .is-accent,.legend-row .is-accent{background:var(--accent)}.stack-bar .is-bad,.legend-row .is-bad{background:var(--bad)}.legend-row{color:var(--text-muted);flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:.86rem;display:flex}.legend-row span{align-items:center;gap:6px;display:inline-flex}.legend-row i{border-radius:3px;width:10px;height:10px;display:inline-block}.quick-list{gap:8px;display:grid}.quick-row{border:1px solid var(--border);min-height:48px;color:var(--text);border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-size:.92rem;font-weight:600;display:flex}.quick-row:hover{color:var(--text);border-color:var(--accent-line);background:var(--accent-soft)}.quick-row>span{flex:1}.quick-row svg{color:var(--text-muted)}.audit-mini{margin:0;padding:0;list-style:none;display:grid}.audit-mini li{border-top:1px solid var(--border);grid-template-columns:96px minmax(0,1fr) auto;align-items:baseline;gap:12px;margin:0;padding:10px 0;font-size:.9rem;display:grid}.audit-mini li:first-child{border-top:0}@media (max-width:640px){.audit-mini li{grid-template-columns:1fr;gap:2px}}.status-legend{flex-wrap:wrap;align-items:stretch;gap:8px;margin:4px 0 18px;display:flex}.legend-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:200px;align-content:start;gap:6px;padding:14px;display:grid}.legend-step .status,.legend-num{justify-self:start}.legend-step p{color:var(--text-muted);margin:0;font-size:.9rem}.legend-num{background:var(--accent);width:26px;height:26px;color:var(--on-accent);border-radius:7px;place-items:center;font-size:.85rem;font-weight:800;display:grid}.legend-arrow{color:var(--text-muted);align-self:center;font-weight:800}@media (max-width:640px){.legend-arrow{display:none}}.filters{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 12px;display:flex}.filters .search{margin-left:auto}.filters .search input,.filters select{font:inherit;border:1px solid var(--border-strong);background:var(--surface);min-height:36px;color:var(--text);border-radius:999px;min-width:220px;padding:0 12px;font-size:.9rem}@media (max-width:560px){.filters .search{width:100%;margin-left:0}.filters .search input{width:100%}}.row-link{color:var(--text)}.row-link:hover b{text-decoration:underline}.vis-yes{color:var(--ok);font-weight:600}.vis-no{color:var(--text-muted)}.editor h1{margin:4px 0}.ed-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.ed-status{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.ed-bar{z-index:5;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:10px 0;display:flex;position:sticky;top:64px}.ed-note{flex:1;min-width:200px}.ed-cols{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.ed-cols.no-preview{grid-template-columns:1fr}.ed-side{max-height:calc(100vh - 142px);position:sticky;top:132px;overflow:auto}.ed-side .p-section{margin-top:0}.ed-preview{font-size:.92em}.ed-preview .step{margin-bottom:10px;padding:14px}.ed-preview h4{margin:0}.narr summary{cursor:pointer;color:var(--text-muted);font-size:.86rem}.json-area{width:100%;min-height:60vh;font-family:var(--font-mono);font-size:.82rem;line-height:1.45}@media (max-width:1000px){.ed-cols{grid-template-columns:1fr}.ed-side{max-height:none;position:static}}.sf{gap:12px;display:grid}.sf-row{gap:4px;display:grid}.sf-inline{grid-template-columns:minmax(140px,auto) 1fr;align-items:center;gap:10px}.sf-label{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.88rem;font-weight:700;display:flex}.sf-input{font:inherit;border:1px solid var(--border-strong);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;width:100%;padding:8px 10px;font-size:.95rem}.sf-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}textarea.sf-input{resize:vertical;line-height:1.5}.sf-input.mono,.mono-if{font-family:var(--font-mono);font-size:.88rem}.sf-num{max-width:140px}.sf-check{align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.sf-absent{color:var(--text-muted);align-items:baseline;gap:10px;display:flex}.sf-group{border:1px solid var(--border);border-radius:12px;gap:10px;min-width:0;margin:0;padding:12px 14px;display:grid}.sf-group>legend{align-items:baseline;gap:8px;padding:0 6px;font-size:.9rem;font-weight:800;display:flex}.sf-array{background:color-mix(in srgb, var(--surface-2) 40%, transparent)}.sf-item{border:1px solid var(--border);background:var(--surface);border-radius:10px}.sf-item>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.9rem;font-weight:700;list-style:none;display:flex}.sf-item>summary::-webkit-details-marker{display:none}.sf-item[open]>summary{border-bottom:1px solid var(--border)}.sf-item>:not(summary){margin:10px}.sf-simple{align-items:flex-end;gap:6px;display:flex}.sf-simple>.sf-row{flex:1}.sf-union{gap:10px;display:grid}.sf-tools{gap:4px;display:inline-flex}@media (max-width:560px){.sf-inline{grid-template-columns:1fr}}.map-tree{gap:14px;display:grid}.map-sec{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px 14px}.map-sec>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.map-sec>header h2{margin:4px 0 8px;font-size:1.05rem}.map-node{border:1px dashed var(--border-strong);background:var(--bg);border-radius:12px;margin:8px 0;padding:10px 12px;transition:background .15s,border-color .15s}.map-node.is-over{border-color:var(--accent);background:var(--accent-soft)}.map-node-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.map-node-head .sf-tools{margin-left:auto}.map-items{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.map-item-row{border:1px solid var(--border);background:var(--surface);cursor:grab;border-radius:10px;align-items:center;gap:8px;margin:0;padding:8px 10px;display:flex}.map-item-row.is-drag{opacity:.45}.map-item-row .grip{color:var(--text-muted);letter-spacing:-2px;font-weight:800}.map-item-title{flex:1;min-width:0}.map-item-title a{color:var(--text);font-weight:700}.map-item-title a:hover{text-decoration:underline}.map-empty{padding:8px}.map-add{max-width:420px;font-size:.86rem}.coverage details{border-bottom:1px solid var(--border);padding:8px 0}.coverage summary{cursor:pointer}.coverage ul{gap:6px;margin:6px 0;padding:0;list-style:none;display:grid}.coverage li{background:var(--surface-2);border-radius:8px;margin:0;padding:8px 10px;font-size:.88rem}.coverage li.cov-gap{box-shadow:inset 3px 0 0 var(--bad)}.coverage li.cov-ok{box-shadow:inset 3px 0 0 var(--ok)}.coverage .tag{margin:4px 4px 0 0}.token-box{gap:10px;display:grid}.role-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.role-list li{margin:0}.job{border-top:1px solid var(--border);padding:10px 0}.job summary{cursor:pointer}.job-log{white-space:pre-wrap;max-height:360px;margin-top:8px;overflow-y:auto}.quota-reset{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;display:flex}.file-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.acc{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:8px 0}.acc>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;font-weight:700;list-style:none;display:flex}.acc>summary::-webkit-details-marker{display:none}.acc>summary:before{content:"▸";color:var(--text-muted);transition:transform .15s}.acc[open]>summary:before{transform:rotate(90deg)}.acc>summary .acc-title{flex:1;min-width:180px}.acc>summary .acc-cells{flex-wrap:wrap;gap:6px 14px;font-size:.88rem;font-weight:400;display:flex}.acc-body{padding:0 12px 10px 22px}.acc .acc{background:var(--surface-2);margin:6px 0}.acc .acc .acc{background:var(--surface)}.acc-lesson>summary{padding:8px 12px;font-weight:600}.parts{border-collapse:collapse;width:100%;font-size:.88rem}.parts td,.parts th{border-top:1px solid var(--border);vertical-align:top;text-align:left;padding:6px}.parts .part-key{white-space:nowrap;color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem}.parts .part-text{min-width:200px}.parts .part-ops{white-space:nowrap}.parts .part-ops button{margin-right:6px}.parts .parts-group td{background:var(--surface-2,var(--surface));padding-top:10px}.parts .part-edit{gap:8px;margin-left:8px;font-size:.8rem;display:inline-flex}.phrase-input{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:inline-flex}.phrase-input input{min-width:0;font:inherit;flex:220px;padding:4px 6px}.play-btn{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text);cursor:pointer;vertical-align:middle;border-radius:50%;place-items:center;margin-right:6px;display:inline-grid}.play-btn.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}.phrase-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.phrase-grid textarea{width:100%;min-height:150px;font:inherit;font-size:.88rem}.audit-file{margin:16px 0}.audit-file h3{font-size:.95rem;font-family:var(--font-mono);margin:0 0 6px}.audit-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:70px 1fr;gap:8px;margin-bottom:4px;padding:8px 12px;font-size:.9rem;display:grid}.audit-row .lv-error{color:var(--bad);font-weight:800}.audit-row .lv-warning{color:var(--gold);font-weight:800}.audit-row code{color:var(--text-muted);font-size:.85em}.catalog{gap:16px;display:grid}@media (min-width:1200px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}.cat-theme{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:20px}.cat-theme-title{font-family:var(--font-display);margin-bottom:14px;font-weight:800;display:inline-block}.cat-col{gap:14px;display:grid}.cat-block{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);gap:12px;min-width:0;padding:18px;display:grid}.cat-block>h3{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:.74rem;font-family:var(--font-sans);margin:0}.cat-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.swatch{grid-template-columns:auto 1fr;align-items:center;gap:0 10px;font-size:.82rem;display:grid}.swatch>i,.swatch>.subj-tile{border:1px solid var(--border);border-radius:10px;grid-row:span 2;width:36px;height:36px}.swatch code{color:var(--text-muted);font-size:.74rem}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.icon-grid span{background:var(--surface-3);border:1px solid var(--border);border-radius:10px;justify-items:center;gap:6px;padding:12px 6px;display:grid}.icon-grid code{color:var(--text-muted);font-size:.72rem}