:root{--bg:#050407;--panel:#111019;--panel2:#191626;--text:#f6f2e8;--muted:#c8c0d4;--gold:#d8b45a;--silver:#d7dbe2;--green:#43d17c;--purple:#8f5cff;--red:#ff6b6b;--line:#ffffff1f;--shadow:0 18px 50px #00000059;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,#8f5cff38,transparent 32%),radial-gradient(circle at top right,#43d17c21,transparent 28%),var(--bg);color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:14px;justify-content:center;align-items:center;gap:.45rem;padding:.78rem 1rem;transition:all .2s;display:inline-flex}button:hover{border-color:#d8b45a99;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary{background:linear-gradient(135deg,var(--gold),#f3d98b);color:#171104;border:0;font-weight:800}.large{padding:1rem 1.2rem;font-size:1.05rem}a{color:var(--gold)}p{color:var(--muted);line-height:1.65}small{color:var(--muted)}h1,h2,h3{margin:.25rem 0 .75rem;line-height:1.05}h1{font-size:clamp(2rem,6vw,4.5rem)}h2{font-size:clamp(1.35rem,3vw,2rem)}h3{font-size:1.1rem}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#050407d1;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1rem,4vw,2rem);display:flex;position:sticky;top:0}.site-header nav{flex-wrap:wrap;gap:.5rem;display:flex}.brand-lockup{align-items:center;gap:.75rem;display:flex}.brand-lockup img{object-fit:contain;border-radius:14px;width:48px;height:48px}.brand-lockup strong{display:block}.brand-lockup span{color:var(--muted);font-size:.82rem;display:block}.public-main,.pwa-page{width:min(1180px,100%);margin:0 auto;padding:clamp(1rem,4vw,2rem)}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:1.5rem;min-height:72vh;display:grid}.hero p{font-size:1.08rem}.hero-actions,.button-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.hero-card,.card,.course-card,.metric,.start-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff14,#ffffff09);border-radius:24px;padding:1.25rem}.hero-card ul{color:var(--silver);line-height:1.9}.grid{gap:1rem;margin:1rem 0;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.status-badge{color:#ffe6a1;background:#d8b45a21;border:1px solid #d8b45a73;border-radius:999px;align-items:center;gap:.35rem;width:max-content;padding:.34rem .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.status-badge.green{color:#b7ffce;background:#43d17c21;border-color:#43d17c80}.status-badge.gold{color:#ffe6a1;background:#d8b45a21;border-color:#d8b45a73}.tabbar,.module-tabs{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.tabbar button.active,.module-tabs button.active,.pwa-menu button.active{border-color:var(--gold);background:#d8b45a2e}.metric strong{color:var(--gold);font-size:2rem;display:block}.metric span{color:var(--muted)}.table{gap:.5rem;display:grid}.table-row{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.75rem;display:grid}footer{text-align:center;border-top:1px solid var(--line);margin-top:2rem;padding:2rem}.pwa-shell{min-height:100vh;padding-top:78px}.pwa-header{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#050407e6;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:fixed;top:0;left:0;right:0}.icon-btn{padding:.65rem}.pwa-menu{z-index:90;border:1px solid var(--line);width:min(320px,100vw - 2rem);box-shadow:var(--shadow);background:#0d0b14;border-radius:18px;grid-template-columns:1fr;gap:.5rem;padding:1rem;display:none;position:fixed;top:74px;right:1rem}.pwa-menu.open{display:grid}.pwa-menu button{justify-content:flex-start}.start-card{background:linear-gradient(135deg,#d8b45a2e,#8f5cff1f);margin-bottom:1rem}.action-grid button{flex-direction:column;min-height:96px;font-weight:800}.progressbar{border:1px solid var(--line);background:#ffffff14;border-radius:999px;height:14px;overflow:hidden}.progressbar.small{height:10px}.progressbar span{background:linear-gradient(90deg,var(--gold),var(--green),var(--purple));border-radius:inherit;height:100%;display:block}.course-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.course-card{flex-direction:column;gap:.5rem;display:flex}.course-card button{margin-top:auto}.lesson-list{gap:.55rem;margin-top:1rem;display:grid}.lesson-row{text-align:left;justify-content:space-between;padding:1rem}.lesson-row span{gap:.25rem;display:grid}.back-btn{margin-bottom:1rem}.page-title{margin:1rem 0 1.5rem}.page-title.compact h1{font-size:clamp(1.7rem,5vw,2.7rem)}.form-card{gap:1rem;display:grid}.form-card label{color:var(--silver);gap:.4rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0f;border-radius:14px;padding:.85rem}textarea{min-height:120px}.portal-backdrop{z-index:200;background:#000000b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.portal-card{background:linear-gradient(#12101a,#08070d);border:1px solid #d8b45a59;border-radius:26px;width:min(920px,100%);max-height:92vh;padding:1.3rem;position:relative;overflow:auto;box-shadow:0 30px 90px #000000b3}.portal-card.lesson{width:min(1040px,100%)}.portal-x{padding:.5rem;position:absolute;top:.8rem;right:.8rem}.lesson-head{border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:1rem;padding-right:3rem}.lesson-content h3{color:var(--gold);margin-top:1.35rem}.quiz-box{background:#8f5cff14;border:1px solid #8f5cff59;border-radius:20px;margin-top:1rem;padding:1rem}.option-grid{gap:.65rem;margin:1rem 0;display:grid}.option-grid button{text-align:left;justify-content:flex-start}.option-grid button.selected{border-color:var(--gold);background:#d8b45a26}.option-grid button.correct{border-color:var(--green);background:#43d17c2b}.option-grid button.incorrect{border-color:var(--red);background:#ff6b6b24}.feedback{border-radius:16px;margin:.75rem 0;padding:.85rem}.feedback.good{background:#43d17c26;border:1px solid #43d17c66}.feedback.bad{background:#ff6b6b1f;border:1px solid #ff6b6b66}.understand{color:var(--silver);align-items:flex-start;gap:.6rem;margin:1rem 0;display:flex}.understand input{width:auto;margin-top:.2rem}.warning{border-color:#ff6b6b73}@media (width<=850px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:1rem}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.site-header{align-items:flex-start;position:relative}.site-header nav{width:100%}.site-header nav button{flex:150px}.table-row{grid-template-columns:1fr}.portal-card{border-radius:18px;padding:1rem}.brand-lockup img{width:42px;height:42px}.pwa-header .brand-lockup span{display:none}}@media (width<=420px){button{width:100%}.button-row,.hero-actions{display:grid}.pwa-page{padding:1rem}.portal-backdrop{padding:.5rem}.portal-card{max-height:96vh}.pwa-menu{width:calc(100vw - 1rem);right:.5rem}}.portal-card.lesson{scroll-behavior:auto;overflow-anchor:none}.quiz-box,.understand{overflow-anchor:none}.quiz-box button,.button-row button{touch-action:manipulation}.coach-shell{border-left:1px solid var(--line);border-right:1px solid var(--line);background:linear-gradient(135deg,#050407e6,#0b160ed1);grid-template-columns:260px minmax(0,1fr);gap:0;width:min(1380px,100%);min-height:calc(100vh - 74px);margin:0 auto;padding:0;display:grid}.coach-sidebar{background:linear-gradient(#072a14fa,#05140bfa);border-right:1px solid #d8b45a38;align-content:start;align-self:start;gap:.55rem;min-height:calc(100vh - 78px);padding:1rem;display:grid;position:sticky;top:78px}.coach-sidebar .brand-lockup{margin-bottom:.5rem}.coach-sidebar small{color:var(--gold);margin:.2rem 0 .6rem;font-weight:800}.desktop-mode-banner{color:var(--text);background:linear-gradient(135deg,#d8b45a29,#8f5cff1f);border:1px solid #d8b45a6b;border-radius:16px;align-items:flex-start;gap:.55rem;margin:.1rem 0 .55rem;padding:.72rem .78rem;font-size:.86rem;font-weight:800;line-height:1.35;display:flex;box-shadow:0 12px 28px #00000038}.desktop-mode-banner svg{color:var(--gold);flex:none;margin-top:.05rem}.desktop-mode-banner span{display:block}.coach-sidebar button{color:var(--silver);background:0 0;border-color:#0000;border-radius:12px;justify-content:flex-start;font-weight:800}.coach-sidebar button:hover,.coach-sidebar button.active{color:var(--text);background:linear-gradient(135deg,#d8b45a2e,#8f5cff14);border-color:#d8b45a59;transform:none}.coach-workspace{min-width:0;padding:clamp(1rem,3vw,1.5rem)}.coach-topbar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.coach-topbar h1{font-size:clamp(1.7rem,4vw,2.6rem)}.coach-actions{align-items:center;gap:.65rem;display:flex}.coach-actions select{min-width:130px}.coach-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.coach-panels{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.chart-card,.donut-card{min-height:240px}.trend-line{border:1px solid var(--line);background:linear-gradient(#43d17c1f,#8f5cff0d);border-radius:18px;align-items:flex-end;gap:10%;height:145px;padding:1rem;display:flex}.trend-line span{background:linear-gradient(180deg,var(--green),#d8b45ab3);border-radius:999px 999px 0 0;flex:1;display:block;box-shadow:0 0 18px #43d17c38}.donut{background:conic-gradient(var(--green) 0 32%,var(--gold) 32% 57%,var(--purple) 57% 78%,var(--silver) 78% 100%);border-radius:999px;width:150px;height:150px;margin:1rem auto;position:relative}.donut:after{content:"";background:var(--panel);border-radius:999px;position:absolute;inset:38px}.legend{color:var(--muted);grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.legend i{border-radius:50%;width:10px;height:10px;margin-right:.35rem;display:inline-block}.legend .g{background:var(--green)}.legend .p{background:var(--purple)}.legend .y{background:var(--gold)}.legend .s{background:var(--silver)}.ai-strip{background:linear-gradient(135deg,#055625db,#0a2b16eb);border-color:#43d17c47}.ai-strip p{border-top:1px solid #ffffff1f;margin:.65rem 0;padding-top:.65rem}.stack-list{gap:.6rem;margin-top:1rem;display:grid}.stack-list button{text-align:left;grid-template-columns:auto 1fr;justify-content:flex-start;align-items:center;gap:.45rem;width:100%;display:grid}.stack-list button span:last-child,.stack-list button small{color:var(--muted);font-weight:500}.dot{border-radius:999px;width:12px;height:12px;display:inline-block}.dot.priority{background:var(--red);box-shadow:0 0 14px #ff6b6bb3}.dot.watch{background:var(--gold);box-shadow:0 0 14px #d8b45a99}.dot.steady{background:var(--green);box-shadow:0 0 14px #43d17c8c}.coach-table{gap:.55rem;display:grid}.coach-table button{text-align:left;grid-template-columns:1.1fr 1.5fr 1fr 1.2fr;justify-content:stretch;align-items:center;gap:1rem;width:100%;display:grid}.coach-table em{background:linear-gradient(90deg,var(--gold),var(--green));border-radius:999px;max-width:100%;height:8px;margin-top:.35rem;display:block}.course-stat .mini-stats{flex-wrap:wrap;gap:.5rem;margin:.7rem 0;display:flex}.course-stat .mini-stats span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.3rem .55rem;font-size:.82rem}@media (width<=980px){.coach-shell{grid-template-columns:1fr}.coach-sidebar{border-bottom:1px solid #d8b45a38;border-right:0;grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto;position:relative;top:0}.coach-sidebar .brand-lockup,.coach-sidebar small{grid-column:1/-1}.coach-metrics,.coach-panels{grid-template-columns:1fr 1fr}.coach-table button{grid-template-columns:1fr}.coach-topbar{display:grid}.coach-actions{grid-template-columns:1fr 1fr;display:grid}.coach-actions button{width:100%}}@media (width<=620px){.coach-sidebar,.coach-metrics,.coach-panels,.coach-actions,.legend,.stack-list button{grid-template-columns:1fr}.coach-shell{border:0}.coach-workspace{padding:1rem}.coach-topbar h1{font-size:2rem}}.portal-backdrop{overscroll-behavior:contain}.portal-card.lesson{overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto!important}.quiz-box,.understand,.feedback{overflow-anchor:none}.option-grid button[aria-disabled=true]:hover{transform:none}.portal-backdrop,.portal-card.lesson,.lesson-content,.quiz-box,.understand,.feedback{scroll-behavior:auto!important;overflow-anchor:none!important}.portal-card.lesson{overscroll-behavior:contain}.option-grid button[aria-disabled=true]{cursor:default}.option-grid button.locked{opacity:.72}.mode-switch{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;grid-template-columns:1fr 1fr;gap:.7rem;padding:.35rem;display:grid}.mode-switch button{width:100%;font-weight:900}.settings-status{background:#d8b45a14;border:1px solid #d8b45a47;border-radius:16px;margin:.25rem 0 .5rem;padding:.85rem}.inline-check{align-items:flex-start;gap:.6rem;grid-template-columns:auto 1fr!important;display:flex!important}.inline-check input{width:auto;margin-top:.25rem}.status-panel{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:16px;padding:.85rem}.status-panel.passed{color:#caffe0;background:#43d17c1c;border-color:#43d17c7a}.status-panel.failed,.status-panel.missing_config{color:#ffd2d2;background:#ff6b6b1a;border-color:#ff6b6b75}.status-panel.testing{color:#ffe6a1;background:#d8b45a1a;border-color:#d8b45a80}@media (width<=520px){.mode-switch{grid-template-columns:1fr}}.install-unavailable-card{background:linear-gradient(135deg,#eabe5c1f,#7d4cff1a);border:1px solid #eabe5c8c}.install-unavailable-card h3{color:#f5d36e;margin:.5rem 0}.install-unavailable-card p{color:#f5f5f5d6;margin:.5rem 0}.waitlist-form label{color:#ffffffe0;margin:.85rem 0;font-weight:700;display:block}.waitlist-form input,.waitlist-form select,.waitlist-form textarea{width:100%;margin-top:.35rem}.waitlist-form .inline-check{align-items:flex-start;gap:.65rem;line-height:1.35;display:flex}.waitlist-form .inline-check input{width:auto;margin-top:.25rem}.waitlist-status{background:#1ef08c1a;border:1px solid #1ef08c47;border-radius:16px;margin-top:1rem;padding:.9rem 1rem}.waitlist-status.error{background:#ff46461a;border-color:#ff464652}.lesson-notes{background:linear-gradient(135deg,#d8b45a1a,#8f5cff12);border:1px solid #d8b45a57;border-radius:20px;margin:1.1rem 0;padding:1rem;overflow-anchor:none!important;scroll-behavior:auto!important}.lesson-notes h3{margin-top:0!important}.lesson-notes label{color:var(--silver);margin:.65rem 0 .35rem;font-weight:800;display:block}.lesson-notes textarea{resize:vertical;min-height:135px;line-height:1.5}.lesson-notes textarea:focus{outline-offset:2px;border-color:#d8b45ab8;outline:2px solid #d8b45a9e}.note-actions{align-items:center}.note-status{color:#b7ffce;font-size:.92rem;font-weight:800}.lesson-voice{background:linear-gradient(135deg,#7d4cff1a,#1ef08c0f);border:1px solid #7d4cff57;border-radius:20px;margin:1.1rem 0;padding:1rem;overflow-anchor:none!important;scroll-behavior:auto!important}.lesson-voice h3{margin-top:0!important}.voice-actions{flex-wrap:wrap;align-items:center}.voice-actions button{align-items:center;gap:.4rem;display:inline-flex}.voice-status{color:#d8b45a;margin:.65rem 0 0;font-weight:800}.lesson-revisit-nav{background:#ffffff09;border:1px solid #ffffff1a;border-radius:16px;flex-wrap:wrap;gap:.75rem;margin:.35rem 0 1.1rem;padding:.75rem;display:flex;overflow-anchor:none!important}.lesson-revisit-nav button:disabled{opacity:.45;cursor:not-allowed}@media (width<=520px){.lesson-revisit-nav,.voice-actions{grid-template-columns:1fr;display:grid}.voice-actions button{justify-content:center}}.install-sync-note{color:var(--muted);margin:.75rem 0 0;font-size:.92rem}.inline-refresh{vertical-align:middle;border-radius:999px;width:auto;margin-left:.35rem;padding:.28rem .55rem;font-size:.82rem;display:inline-flex}