:root{--font-ui: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--navy: #0A2463;--navy-2: #13327F;--navy-3: #22408F;--navy-deep: #071433;--cobalt: #1E4FD8;--cobalt-dark: #173FB0;--sky: #E3ECFF;--sky-2: #CFE0FF;--amber: #F5B83D;--amber-soft: #FDEFCB;--amber-ink: #7A4B00;--ground: #F4F7FC;--surface: #FFFFFF;--ink: #0B1B3F;--ink-soft: #4A5878;--line: #DCE3F0;--line-2: #C7D2E8;--line-soft: #E8EDF6;--on-navy: #C9D6F5;--on-navy-2: #B9CCFF;--good: #166534;--good-bg: #DCFCE7;--good-dot: #16A34A;--bad: #991B1B;--bad-bg: #FEE2E2;--r-s: 10px;--r-m: 14px;--r-l: 18px;--r-xl: 22px;--max: 1280px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--cobalt)}a:hover{color:var(--navy)}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-soft)}.small{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.topbar-in{max-width:var(--max);margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex:0 0 auto}.brand-mark{width:40px;height:40px;border-radius:11px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;letter-spacing:-.02em}.brand-name{display:flex;flex-direction:column;line-height:1.15}.brand-name b{font-weight:800;font-size:19px;letter-spacing:-.02em}.brand-name span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--ink-soft)}.mainnav{display:flex;gap:4px;flex:1 1 auto}.mainnav a{padding:16px 14px;font-weight:500;font-size:15px;text-decoration:none;color:var(--ink-soft);white-space:nowrap}.mainnav a:hover{color:var(--ink)}.mainnav a.active{color:var(--cobalt);font-weight:600;box-shadow:inset 0 -3px 0 var(--cobalt)}.topbar-right{display:flex;align-items:center;gap:10px}.icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;position:relative;text-decoration:none}.icon-btn:hover{border-color:var(--line-2);color:var(--ink)}.dot{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--amber);border:2px solid var(--surface)}.avatar{width:44px;height:44px;border-radius:50%;background:var(--sky);color:var(--cobalt);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;border:0;cursor:pointer}.menu{position:relative}.menu-pop{position:absolute;right:0;top:52px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:0 12px 32px #0a24631f;min-width:220px;padding:6px;display:flex;flex-direction:column;z-index:40}.menu-pop a,.menu-pop button{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border-radius:10px;border:0;background:transparent;text-decoration:none;color:var(--ink);font-size:15px;cursor:pointer;min-height:44px}.menu-pop a:hover,.menu-pop button:hover{background:var(--ground)}.menu-pop .who{padding:10px 12px 12px;border-bottom:1px solid var(--line-soft);margin-bottom:4px}.menu-pop .who b{display:block}.menu-pop .who span{font-size:13px;color:var(--ink-soft);word-break:break-all}.admin-bar{background:var(--navy-deep);color:var(--on-navy);font-size:13px}.admin-bar-in{max-width:var(--max);margin:0 auto;padding:6px 24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.admin-bar a{color:#fff;text-decoration:none;font-weight:600}.admin-bar a.active{color:var(--amber)}.bottomnav{display:none}.page{max-width:var(--max);margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:32px}.page.tight{padding-top:28px}.row{display:flex;flex-wrap:wrap;gap:24px}.row.align-start{align-items:flex-start}.col-main{flex:999 1 620px;min-width:0}.col-side{flex:1 1 330px;min-width:0}.stack{display:flex;flex-direction:column;gap:16px}.stack-s{display:flex;flex-direction:column;gap:8px}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.grow{flex:1 1 auto}.eyebrow{margin:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--cobalt);font-weight:600;text-transform:uppercase}.h-display{margin:0;font-size:56px;line-height:1.02;letter-spacing:-.035em;font-weight:800}.h-1{margin:0;font-size:40px;line-height:1.06;letter-spacing:-.03em;font-weight:800}.h-2{margin:0;font-size:26px;line-height:1.15;letter-spacing:-.02em;font-weight:800}.h-3{margin:0;font-size:19px;line-height:1.25;font-weight:700}.lede{margin:0;font-size:18px;line-height:1.55;color:var(--ink-soft);max-width:62ch}.mark{box-shadow:inset 0 -.3em 0 var(--sky-2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:24px}.card.pad-s{padding:18px;border-radius:var(--r-l)}.card.navy{background:var(--navy);border-color:var(--navy);color:#fff}.card.sky{background:var(--sky);border-color:var(--sky)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.list-row{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line-soft);text-decoration:none;color:var(--ink)}.list-row:first-of-type{border-top:0}a.list-row:hover .list-title{color:var(--cobalt)}.list-title{font-size:15px;font-weight:600;line-height:1.45}.meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;color:var(--ink-soft);text-transform:uppercase}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:14px 18px;min-width:150px}.stat .meta{display:block}.stat b{display:block;margin-top:4px;font-size:26px;font-weight:800;letter-spacing:-.02em}.stat b small{font-size:16px;color:var(--ink-soft);font-weight:500}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--cobalt);background:var(--sky);padding:4px 11px;border-radius:999px;white-space:nowrap}.tag.amber{background:var(--amber-soft);color:var(--amber-ink)}.tag.good{background:var(--good-bg);color:var(--good)}.tag.grey{background:var(--ground);color:var(--ink);border:1px solid var(--line)}.tag.bad{background:var(--bad-bg);color:var(--bad)}.tag .live-dot{width:8px;height:8px;border-radius:50%;background:var(--good-dot)}.badge{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--amber-soft);color:var(--amber-ink)}.kind{flex:0 0 auto;min-width:52px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;font-weight:600;text-align:center;background:var(--sky);color:var(--cobalt);padding:5px 8px;border-radius:6px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:500;font-size:14px;cursor:pointer}.chip:hover{border-color:var(--ink-soft)}.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}.btn-sm{min-height:44px;padding:0 16px;font-size:14px}.btn-xs{min-height:36px;padding:0 12px;font-size:13px;border-radius:10px}.btn-primary{background:var(--cobalt);color:#fff}.btn-primary:hover{background:var(--cobalt-dark);color:#fff}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-2);color:#fff}.btn-white{background:#fff;color:var(--navy)}.btn-white:hover{background:var(--sky);color:var(--navy)}.btn-ghost{background:var(--surface);border-color:var(--line-2);color:var(--ink);font-weight:600}.btn-ghost:hover{border-color:var(--ink-soft);color:var(--ink)}.btn-outline-light{background:transparent;border-color:#4a68b8;color:#fff;font-weight:600}.btn-outline-light:hover{border-color:#fff;color:#fff}.btn-on{background:var(--sky);border-color:var(--cobalt);color:var(--cobalt)}.btn-danger{background:var(--surface);border-color:#f3b4b4;color:var(--bad);font-weight:600}.btn-danger:hover{background:var(--bad-bg)}.btn[disabled]{opacity:.5;cursor:not-allowed}.link-btn{background:none;border:0;padding:6px 4px;min-height:40px;color:var(--ink-soft);font-size:13.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--ink)}.text-link{font-size:14px;font-weight:600;text-decoration:none}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label,.label{font-size:13px;font-weight:600;color:var(--ink-soft)}.input,.select,.textarea{width:100%;min-height:46px;padding:0 14px;border-radius:10px;border:1px solid var(--line-2);font-size:15px;color:var(--ink);background:var(--surface)}.textarea{padding:12px 14px;min-height:120px;resize:vertical;line-height:1.55}.input:focus,.select:focus,.textarea:focus{border-color:var(--cobalt);outline:none;box-shadow:0 0 0 3px var(--sky-2)}.input[readonly]{background:var(--ground)}.hint{font-size:13px;color:var(--ink-soft);margin:0}.form-grid{display:flex;flex-wrap:wrap;gap:12px}.form-grid>.field{flex:1 1 220px}.check{display:flex;align-items:center;gap:10px;font-size:15px;min-height:44px;cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--cobalt)}.error-box{background:var(--bad-bg);color:var(--bad);padding:12px 14px;border-radius:10px;font-size:14px}.ok-box{background:var(--good-bg);color:var(--good);padding:12px 14px;border-radius:10px;font-size:14px}.hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}.continue{display:flex;flex-wrap:wrap;gap:28px;align-items:center;border-radius:var(--r-xl);padding:28px;background:var(--navy);color:#fff}.cover{position:relative;flex:1 1 240px;max-width:340px;aspect-ratio:4 / 3;background:var(--navy-2);border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-decoration:none}.cover .big{position:absolute;left:18px;bottom:0;font-size:120px;line-height:1;font-weight:800;letter-spacing:-.06em;color:#1e46a8}.cover .lbl{position:absolute;top:16px;left:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--on-navy-2)}.play-circle{position:relative;width:68px;height:68px;border-radius:50%;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center}.cover:hover .play-circle{transform:scale(1.06)}.play-circle{transition:transform .15s}.continue-body{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:14px}.continue-body .meta{color:var(--on-navy-2)}.continue-body h2{margin:0;font-size:38px;line-height:1.05;letter-spacing:-.03em;font-weight:800}.continue-body p{margin:0;color:var(--on-navy)}.bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.bar>span{display:block;height:100%;border-radius:3px;background:var(--cobalt);transition:width .3s}.bar.on-navy{background:var(--navy-3)}.bar.on-navy>span{background:var(--amber)}.bar.thick{height:8px}.path{display:flex;flex-wrap:wrap;gap:12px}.path-cell{flex:1 1 180px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink)}.path-cell:hover{border-color:var(--line-2);color:var(--ink)}.path-cell.current{border:2px solid var(--cobalt);padding:17px}.path-num{font-family:var(--font-mono);font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--cobalt)}.here{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;font-weight:600;background:var(--navy);color:#fff;padding:4px 8px;border-radius:6px}.tick{width:24px;height:24px;border-radius:50%;background:var(--sky);color:var(--cobalt);display:inline-flex;align-items:center;justify-content:center}.segs{display:flex;gap:4px}.segs span{flex:1 1 0;height:6px;border-radius:3px;background:var(--line)}.segs span.on{background:var(--cobalt)}.crumb{margin:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--ink-soft);text-transform:uppercase}.crumb a{text-decoration:none;font-weight:600}.player{border-radius:20px;overflow:hidden;background:var(--navy-deep);border:1px solid var(--navy)}.player-stage{position:relative;aspect-ratio:16 / 9;background:var(--navy-deep);overflow:hidden}.player-stage iframe,.player-stage video{position:absolute;border:0}.player-stage video{inset:0;width:100%;height:100%;background:#000}.yt-frame{left:0;width:100%;top:-60px;height:calc(100% + 120px);pointer-events:none}.player-shield{position:absolute;inset:0;z-index:2;cursor:pointer;background:transparent;border:0;width:100%}.player-poster{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px;background:var(--navy-deep)}.player-poster .ghost{position:absolute;right:28px;bottom:-18px;font-size:200px;line-height:1;font-weight:800;letter-spacing:-.06em;color:#0f2252;pointer-events:none}.player-poster .title{position:relative;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.01em;max-width:30ch}.big-play{position:relative;width:84px;height:84px;border-radius:50%;border:0;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.big-play:hover{transform:scale(1.06)}.player-msg{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;color:var(--on-navy);padding:24px;text-align:center;background:var(--navy-deep)}.controls{background:var(--navy);padding:12px 16px 14px;display:flex;flex-direction:column;gap:10px;color:#fff}.seek-row{display:flex;align-items:center;gap:12px}.seek-row .time{font-family:var(--font-mono);font-size:12px;color:var(--on-navy);min-width:44px}.seek-row .time:last-child{text-align:right}.seek{-webkit-appearance:none;appearance:none;flex:1 1 auto;height:22px;background:transparent;cursor:pointer;margin:0}.seek::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--amber) 0 var(--p, 0%),var(--navy-3) var(--p, 0%) 100%)}.seek::-moz-range-track{height:6px;border-radius:3px;background:var(--navy-3)}.seek::-moz-range-progress{height:6px;border-radius:3px;background:var(--amber)}.seek::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:#fff;border:0}.seek::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:0}.ctrl-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ctrl{min-width:44px;height:44px;padding:0 10px;border-radius:10px;border:0;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:13px;font-weight:600}.ctrl:hover{background:var(--navy-2)}.ctrl.main{width:48px;background:#fff;color:var(--navy)}.ctrl.main:hover{background:var(--sky)}.ctrl.box{border:1px solid #2E4E9E;font-family:var(--font-mono)}.lesson-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px}.lesson-body{font-size:16.5px;line-height:1.65}.lesson-body p{margin:0 0 12px}.practice{background:var(--navy);color:#fff;border-radius:var(--r-l);padding:20px;display:flex;flex-direction:column;gap:10px}.practice .meta{color:var(--on-navy-2)}.practice p{margin:0;font-size:17px;line-height:1.45;font-weight:600;white-space:pre-line}.file-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:12px;text-decoration:none;color:var(--ink);min-height:48px}.file-row:hover{border-color:var(--line-2);color:var(--ink)}.outline{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column}.outline-mod{border-bottom:1px solid var(--line-soft)}.outline-mod:last-of-type{border-bottom:0}.mod-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px 4px;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--ink);min-height:52px}.mod-btn .code{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--cobalt);width:26px;flex:0 0 26px}.mod-btn .t{font-size:15px;font-weight:700;display:block}.mod-btn .s{font-size:12.5px;color:var(--ink-soft);display:block}.mod-btn svg{transition:transform .2s;flex:0 0 auto}.mod-btn[aria-expanded=true] svg{transform:rotate(180deg)}.lesson-list{list-style:none;margin:0;padding:0 0 10px;display:flex;flex-direction:column;gap:2px}.lesson-link{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;text-decoration:none;color:var(--ink);min-height:44px;font-size:14.5px;line-height:1.3}.lesson-link:hover{background:var(--ground);color:var(--ink)}.lesson-link.done{color:var(--ink-soft)}.lesson-link.current{background:var(--navy);color:#fff;font-weight:600}.lesson-link .n{width:24px;height:24px;flex:0 0 24px;border-radius:50%;border:1.5px solid var(--line-2);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10.5px}.lesson-link.done .n{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.lesson-link.current .n{background:var(--amber);border-color:var(--amber);color:var(--navy)}.lesson-link .dur{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-soft)}.lesson-link.current .dur{color:var(--on-navy)}.board-hero{background:var(--navy);color:#fff}.board-hero-in{max-width:var(--max);margin:0 auto;padding:40px 24px 0;display:flex;flex-direction:column;gap:22px}.board-hero .eyebrow{color:var(--on-navy-2)}.board-hero .lede{color:var(--on-navy)}.board-hero h1 span{color:var(--amber)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{min-height:52px;padding:0 22px;border:0;border-radius:14px 14px 0 0;background:var(--navy-2);color:#fff;font-weight:600;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:10px}.tab:hover{background:var(--navy-3)}.tab[aria-selected=true]{background:var(--ground);color:var(--navy);font-weight:700}.tab .count{font-family:var(--font-mono);font-size:12px;background:var(--navy-3);color:#fff;padding:2px 8px;border-radius:999px}.tab[aria-selected=true] .count{background:var(--cobalt)}.job{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:22px;display:flex;flex-direction:column;gap:14px}.src{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}.job-text{margin:0;font-size:17px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}.job-facts{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-soft)}.job-facts strong{color:var(--ink);font-weight:600}.job-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line-soft);padding-top:14px}.leads{display:flex;flex-wrap:wrap;gap:14px}.lead{flex:1 1 320px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:20px;display:flex;flex-direction:column;gap:14px}.lead-ini{width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:var(--sky);color:var(--cobalt);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.why{background:var(--ground);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:1.5}.why .meta{color:var(--cobalt);font-weight:600}.empty{background:var(--surface);border:1px dashed var(--line-2);border-radius:var(--r-l);padding:40px 24px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.empty p{margin:0;max-width:46ch}.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.steps li{display:flex;gap:12px;font-size:14.5px;line-height:1.45}.steps .num{flex:0 0 26px;height:26px;border-radius:8px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px}.sample-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line-soft);border-radius:12px}.design-pick{flex:1 1 120px;min-height:84px;padding:12px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer;display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-weight:600;font-size:14px}.design-pick[aria-pressed=true]{border:2px solid var(--cobalt);background:var(--sky);color:var(--navy);padding:11px;font-weight:700}.swatch{width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.08);display:inline-block}.browser{border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line-2);background:var(--surface)}.browser-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#eef2f9;border-bottom:1px solid var(--line)}.browser-bar .dots{display:flex;gap:6px}.browser-bar .dots span{width:10px;height:10px;border-radius:50%;background:var(--line-2)}.browser-bar .addr{flex:1 1 auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);background:#fff;border-radius:8px;padding:6px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv{padding:44px 40px;display:flex;flex-direction:column;gap:28px;min-height:560px}.pv-head{font-weight:800;font-size:20px;letter-spacing:-.01em}.pv-h1{font-size:44px;line-height:1.05;letter-spacing:-.02em;font-weight:800;margin:0;overflow-wrap:anywhere}.pv-cards{display:flex;gap:14px;flex-wrap:wrap}.pv-card{flex:1 1 180px;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}.pv-card b{font-size:18px;line-height:1.25}.overlay{position:fixed;inset:0;background:#0714338c;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow:auto;padding:26px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px #0714334d}.modal.wide{max-width:760px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.niche-list{display:flex;flex-direction:column;gap:8px}.niche-opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line-2);border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;background:var(--surface);text-align:left;min-height:52px}.niche-opt[aria-pressed=true]{border:2px solid var(--cobalt);background:var(--sky);padding:13px 15px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--navy-deep);color:#fff;padding:12px 18px;border-radius:12px;font-size:14.5px;font-weight:600;z-index:200;box-shadow:0 12px 32px #0714334d;max-width:calc(100vw - 32px)}.auth{min-height:100vh;display:flex;flex-wrap:wrap}.auth-side{flex:1 1 420px;background:var(--navy);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.auth-side h1{margin:0;font-size:52px;line-height:1.02;letter-spacing:-.035em;font-weight:800;max-width:14ch}.auth-side h1 span{color:var(--amber)}.auth-side p{color:var(--on-navy);font-size:17px;max-width:44ch;margin:0}.auth-side .brand{color:#fff}.auth-side .brand-mark{background:#fff;color:var(--navy)}.auth-side .brand-name span{color:var(--on-navy-2)}.auth-main{flex:1 1 420px;display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface)}table.t{border-collapse:collapse;width:100%;font-size:14px}table.t th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--ground);white-space:nowrap}table.t td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top}table.t tr:last-child td{border-bottom:0}.adm-mod{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l)}.adm-mod-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.adm-lesson{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.adm-lesson:last-child{border-bottom:0}.order-btns{display:flex;gap:2px}.order-btns button{width:32px;height:32px;border:1px solid var(--line);background:var(--surface);border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft)}.order-btns button:hover:not([disabled]){color:var(--ink);border-color:var(--line-2)}.order-btns button[disabled]{opacity:.35;cursor:default}.meter{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.meter span{display:block;height:100%;background:var(--cobalt)}.meter.warn span{background:var(--amber)}.code-box{font-family:var(--font-mono);font-size:12.5px;background:var(--ground);border:1px solid var(--line);border-radius:10px;padding:10px 12px;word-break:break-all}.loading{padding:80px 24px;text-align:center;color:var(--ink-soft)}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--cobalt);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.mainnav,.brand-name span,.admin-only-wide{display:none}.topbar-in{padding:10px 16px;gap:12px;justify-content:space-between}.page{padding:24px 16px 110px;gap:24px}.h-display{font-size:38px}.h-1{font-size:30px}.continue{padding:20px;gap:20px}.continue-body h2{font-size:30px}.cover{max-width:none}.board-hero-in{padding:24px 16px 0}.board-hero h1{font-size:34px}.tab{flex:1 1 0;padding:0 10px;font-size:15px;justify-content:center}.job,.lead{padding:16px}.pv{padding:28px 20px}.pv-h1{font-size:32px}.auth-side{padding:28px 20px;flex-basis:100%}.auth-side h1{font-size:36px}.auth-side .auth-extra{display:none}.bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(10px + env(safe-area-inset-bottom));justify-content:space-around}.bottomnav a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px;padding:6px 0;text-decoration:none;color:var(--ink-soft);font-size:11.5px;font-weight:500}.bottomnav a.active{color:var(--cobalt);font-weight:700}.toast{bottom:96px}.player-poster .ghost{font-size:120px}.big-play{width:64px;height:64px}.ctrl{min-width:40px;padding:0 6px}.ctrl .lbl-wide{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.player:fullscreen{display:flex;flex-direction:column;border-radius:0;width:100%;height:100%}.player:fullscreen .player-stage{aspect-ratio:auto;flex:1 1 auto}.design-pick{flex:1 1 96px}.stat b.inline{min-height:39px}@media(max-width:860px){.stat{min-width:0;flex:1 1 96px;padding:12px 14px}.stat b{font-size:22px}.path-cell{flex:1 1 140px;padding:14px}.path-cell.current{padding:13px}.path-num{font-size:22px}.board-hero .lede{font-size:16px}.tab .wide{display:none}}