:root{--black: #000000;--raised: #161616;--line: #2b2b2b;--gold: #d4a537;--gold-soft: rgba(212, 165, 55, .14);--white: #ffffff;--muted: #a6a6a6;--alert: #ff7a6b;--radius-sm: 6px;--radius-lg: 14px;--measure: 760px;font-family:Montserrat,system-ui,sans-serif;color:var(--white);background:var(--black);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;background:var(--black)}body{font-size:16px;line-height:1.6;font-weight:500}button,input,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.display{font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.02;font-weight:800;letter-spacing:-.035em;margin:0 0 .9rem}.h1{font-size:clamp(1.8rem,4.5vw,2.6rem);line-height:1.1;font-weight:800;letter-spacing:-.025em;margin:.25rem 0 .75rem}.h2{font-size:1.5rem;line-height:1.2;font-weight:700;letter-spacing:-.015em;margin:0 0 .6rem}.h3{font-size:1.15rem;font-weight:700;margin:0 0 .4rem}.lede{font-size:1.1rem;color:#d9d9d9;margin:0 0 2.2rem;max-width:60ch}.muted{color:var(--muted);margin:0 0 1rem;max-width:65ch}.kicker{color:var(--gold);font-weight:600;margin:0 0 .4rem}.fineprint{color:var(--muted);font-size:.85rem;margin-top:1.5rem}.error{color:var(--alert);margin:0}.notice{color:var(--gold);margin:0 0 1rem}.warn{color:var(--gold);font-size:.85rem;margin:.35rem 0 0}.shell{min-height:100vh}.page{max-width:var(--measure);margin:0 auto;padding:3rem 1.25rem 6rem}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.panel{background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem}.narrow{width:100%;max-width:440px}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.25rem}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:800;letter-spacing:-.01em}.brand-mark{height:34px;width:auto;display:block}.topnav{display:flex;align-items:center;gap:1.1rem}.who{color:var(--muted)}.navlink{background:none;border:0;padding:0;cursor:pointer;text-decoration:none;font-weight:600}.navlink:hover{color:var(--gold)}@media (max-width: 480px){.who{display:none}.topnav{gap:.9rem}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 1.3rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:transparent;color:var(--white);font-weight:700;text-decoration:none;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--white)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--black)}.btn-gold:hover:not(:disabled){background:#e2b54a;border-color:#e2b54a}.btn-small{min-height:38px;padding:0 .9rem;font-size:.9rem}.btn-danger{color:var(--alert)}.btn-danger:hover:not(:disabled){border-color:var(--alert)}.iconbtn{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--line);background:none;cursor:pointer;font-weight:700}.iconbtn:disabled{opacity:.3;cursor:not-allowed}.textlink{background:none;border:0;color:var(--muted);cursor:pointer;padding:0;text-align:left;text-decoration:underline;text-underline-offset:3px}.textlink:hover{color:var(--white)}.field{display:flex;flex-direction:column;gap:.4rem}.field span{font-weight:600;font-size:.92rem}.field input,.field textarea,.title-input,.editor-option input:not([type=radio]){width:100%;background:var(--black);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem .85rem;min-height:46px}.field input:focus,.field textarea:focus,.title-input:focus,.editor-option input:focus{border-color:var(--gold);outline:none}.loader{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--gold);animation:spin .8s linear infinite;margin:3rem auto}.loader.small{width:22px;height:22px;margin:1.5rem auto}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem 4rem;background:radial-gradient(120% 55% at 50% 0%,rgba(212,165,55,.13),transparent 70%)}.login-card{width:100%;max-width:420px}.login-logo{width:100%;max-width:340px;height:auto;display:block;margin:0 auto 1.75rem}.login .display{font-size:clamp(2rem,9vw,2.9rem);text-align:center;margin-bottom:.5rem}.login .lede{text-align:center;margin:0 auto 2rem;max-width:34ch;font-size:1rem}.login .fineprint{text-align:center}.login .btn-gold{margin-top:.25rem}.login .textlink{text-align:center}.login-h1{text-align:center;margin-bottom:.5rem}.hint{color:var(--muted);font-size:.82rem;font-weight:500}.switch{text-align:center;color:var(--muted);font-size:.92rem;margin:.35rem 0 0}.textlink.inline{display:inline;color:var(--gold);font-weight:600}.textlink.inline:hover{color:#e2b54a}@media (min-width: 700px){.login-card{max-width:440px}.login-logo{max-width:380px}}.path{list-style:none;margin:0;padding:0;position:relative}.step{position:relative;display:grid;grid-template-columns:44px 1fr;gap:1.1rem;padding-bottom:2.4rem}.step:before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--line)}.step:last-child:before{display:none}.step-passed:before{background:var(--gold)}.marker{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.05rem;border:2px solid var(--line);background:var(--black);position:relative;z-index:1}.marker svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.step-passed .marker{background:var(--gold);border-color:var(--gold);color:var(--black)}.step-current .marker{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 6px var(--gold-soft)}.step-locked .marker,.step-preview .marker{color:#6b6b6b}.step-body{padding-top:.45rem}.step-title{font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 .3rem;letter-spacing:-.01em}.step-locked .step-title,.step-locked .step-desc{color:#6b6b6b}.step-desc{color:#cfcfcf;margin:0 0 .4rem;max-width:60ch}.step-meta{display:flex;flex-wrap:wrap;gap:0 1.1rem;color:var(--muted);font-size:.88rem;margin:0 0 .9rem}.step-passed .step-meta span:first-child{color:var(--gold);font-weight:600}.step-current .step-body{background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.1rem 1.25rem 1.25rem;margin-top:-.2rem}.backlink{color:var(--muted);text-decoration:none;font-weight:600;font-size:.92rem}.backlink:before{content:"← "}.backlink:hover{color:var(--white)}.lesson-number{color:var(--gold);font-weight:600;margin:1.5rem 0 0}.lesson .lede{margin-bottom:1.6rem}.player{margin-bottom:2.5rem}.player-frame{position:relative;aspect-ratio:16 / 9;background:var(--raised);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}.player-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.player-frame .loader{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.player-msg{padding:2rem}.skip-warning{position:absolute;left:50%;bottom:64px;transform:translate(-50%);background:var(--black);border:1px solid var(--gold);color:var(--white);padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;margin:0;width:max-content;max-width:90%}.watchbar{display:flex;align-items:center;gap:1rem;margin-top:.8rem}.watchbar-track{flex:1;height:4px;background:var(--line);border-radius:2px;overflow:hidden}.watchbar-fill{height:100%;background:var(--gold);transition:width .4s linear}.watchbar-text{margin:0;color:var(--muted);font-size:.88rem;white-space:nowrap}.quiz{border-top:2px solid var(--gold);padding-top:1.75rem}.quiz-locked{border-top-color:var(--line)}.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.quiz-count{color:var(--gold);font-weight:600;margin:0}.quiz-dots{display:flex;gap:6px}.dot{width:22px;height:4px;border-radius:2px;background:var(--line)}.dot-done{background:#7a6533}.dot-now{background:var(--gold)}.question{border:0;padding:0;margin:0}.question-text{font-size:1.3rem;font-weight:700;line-height:1.35;margin-bottom:1.1rem;padding:0;letter-spacing:-.01em}.choice{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:.8rem;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.8rem 1rem;margin-bottom:.6rem;cursor:pointer}.choice:hover{border-color:#555}.choice input{position:absolute;opacity:0;pointer-events:none}.choice:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.choice-letter{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-weight:700}.choice-on{border-color:var(--gold);background:var(--gold-soft)}.choice-on .choice-letter{background:var(--gold);border-color:var(--gold);color:var(--black)}.quiz-pass .h2{font-size:clamp(2rem,6vw,3rem);font-weight:800;color:var(--gold);letter-spacing:-.03em}.missed{margin:0 0 .5rem;padding-left:1.2rem}.missed li{margin-bottom:.5rem}.tabs{display:flex;gap:1.5rem;border-bottom:1px solid var(--line);margin-bottom:2rem}.tab{background:none;border:0;padding:.75rem 0;cursor:pointer;font-weight:700;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tab-on{color:var(--white);border-bottom-color:var(--gold)}.admin .lede{margin-bottom:1.25rem}.grid-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg)}.grid{border-collapse:collapse;width:100%;font-size:.9rem}.grid th,.grid td{padding:.75rem .9rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.grid thead th{color:var(--muted);font-weight:600;white-space:nowrap}.grid tbody tr:last-child th,.grid tbody tr:last-child td{border-bottom:0}.grid-name{position:sticky;left:0;background:var(--black);min-width:170px}.grid-person{display:block;font-weight:700}.grid-email{display:block;color:var(--muted);font-size:.8rem;font-weight:500}.grid-lesson{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.cell{white-space:nowrap}.cell small{display:block;color:var(--muted);font-size:.78rem;font-weight:500}.cell-pass{color:var(--gold);font-weight:700}.cell-quiz{color:var(--alert)}.cell-none{color:#5f5f5f}.cell-strong{color:var(--gold);font-weight:800}.page:has(.admin){max-width:1100px}.admin-list{list-style:none;padding:0;margin:0}.admin-item{border-bottom:1px solid var(--line);padding:1.1rem 0}.admin-row{display:grid;grid-template-columns:32px 1fr auto;gap:1rem;align-items:start}.admin-num{font-weight:800;color:var(--gold);padding-top:.7rem}.admin-main .step-meta{margin:.45rem 0 0}.title-input{font-weight:700;font-size:1.05rem}.admin-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}@media (max-width: 720px){.admin-row{grid-template-columns:24px 1fr}.admin-actions{grid-column:2;justify-content:flex-start}}.editor{margin:1.25rem 0 .5rem 48px;padding:1.25rem;background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-lg)}@media (max-width: 720px){.editor{margin-left:0}}.editor-list{list-style:none;padding:0;margin:0}.editor-q{padding:1.1rem 0;border-bottom:1px solid var(--line)}.editor-q:first-child{padding-top:0}.editor-options{display:grid;gap:.5rem;margin-top:.75rem}.editor-option{display:grid;grid-template-columns:26px 1fr;gap:.6rem;align-items:center}.editor-option input[type=radio]{width:20px;height:20px;accent-color:var(--gold)}.opt-correct{border-color:var(--gold)!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}