:root{--bg:#0b1020;--panel:#141a2d;--text:#e6e8ef;--muted:#9aa3b2;--accent:#5b8cff;--danger:#ff5b6b;--input:#0f1526;--border:#22293f }html[data-theme=light]{--bg:#f7f9fc;--panel:#ffffff;--text:#0b1020;--muted:#5c6473;--accent:#335dff;--danger:#b00020;--input:#ffffff;--border:#dfe5f2 }*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% 0%,#2F2255 0%,rgba(15,21,34,.6) 40%,var(--bg-black) 70%),radial-gradient(1000px 600px at 90% -10%,#0E2A47 0%,rgba(10,13,20,.4) 40%,var(--bg-black) 70%),var(--bg-black);background-attachment:fixed;background-repeat:no-repeat}a{color:var(--text);text-decoration:none;opacity:.9}a.active{color:var(--accent)}a:hover{opacity:1}.topbar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ffffff0a;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;flex-wrap:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.brand{font-weight:700;letter-spacing:.2px}.topbar nav a{margin-right:12px}.topbar .spacer{flex:1}.topbar .user button,.topbar .user a{margin-left:12px}.topbar .user a:first-child{margin-left:0}.container{padding:24px;max-width:1100px;margin:0 auto}@media (max-width: 768px){.container{padding:16px}}.form{display:flex;flex-direction:column;gap:12px;background:var(--panel);padding:16px;border:1px solid var(--border);border-radius:8px}.form.row{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.form label{display:flex;flex-direction:column;font-size:14px;gap:6px}.form label input,.form label select{width:100%}input,select,button{background:var(--input);color:var(--text);border:1px solid #2a3350;border-radius:6px;padding:8px 10px;font-size:14px}html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] button{border-color:var(--border)}button{background:#213059;cursor:pointer}html[data-theme=light] button{background:#e9eefc}button:hover{filter:brightness(1.05)}@media (max-width: 768px){.form.row{flex-direction:column;align-items:stretch}.form.row>*{width:100%}}.error{margin-top:12px;color:#fff;background:#7a1320;border:1px solid #a32132;padding:8px 10px;border-radius:6px}.card{margin-top:12px;background:#ffffff08;padding:12px;border:1px solid var(--border);border-radius:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.muted{color:var(--muted)}.topbar nav{display:flex;gap:8px;align-items:center;flex:1 1 auto;min-width:0;overflow:visible}.topbar .menu-item{position:relative;display:flex;align-items:center;flex:0 0 auto}.topbar .menu-item.has-sub>a:after{content:"▾";font-size:10px;margin-left:6px;opacity:.7}.topbar .submenu{position:absolute;top:100%;left:0;display:none;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px;min-width:220px;max-width:90vw;overflow-x:hidden;z-index:10;gap:6px;align-items:stretch}.topbar .submenu a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#ffffff0a;white-space:nowrap;min-height:42px}.topbar .submenu a:hover{background:#ffffff14}.topbar .menu-item:focus-within .submenu,.topbar .menu-item:hover .submenu{display:flex}@media (max-width: 768px){.topbar{overflow:hidden}.brand{flex:0 0 auto}.topbar .spacer{display:block;flex:1 1 auto}.topbar nav{white-space:nowrap}.topbar .user{flex:0 0 auto;display:flex;gap:8px}.topbar .user a{padding:8px 10px;border-radius:6px}}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.table th,.table td{white-space:normal;word-break:break-word;overflow-wrap:anywhere}.responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table>table{width:100%}.grid2{display:grid;grid-template-columns:300px 1fr;gap:16px}@media (max-width: 768px){.grid2{grid-template-columns:1fr}}.list{list-style:none;padding:0;margin:12px 0}.list li{margin:6px 0}.list li.active button{color:var(--accent)}.list button{width:100%;text-align:left;background:transparent;border:1px solid #2a3350;padding:8px 10px;border-radius:6px}.status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.status-card h3{margin:0 0 6px}.next-steps{list-style:none;padding-left:0}.next-steps li{margin:6px 0}.player-shell{margin-top:12px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#000}.player-view{display:flex;flex-direction:column}.player-stage{width:100%;height:360px;background:#000}.player-controls{display:flex;align-items:center;gap:8px;padding:8px;border-top:1px solid var(--border);background:#141a2d}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:var(--input)}.badge.ok{background:#16361f;border-color:#1d6b35}.badge.warn{background:#3a3215;border-color:#8a6d2e}.badge.err{background:#3a151a;border-color:#a32132}html[data-theme=light] .badge.ok{background:#e3f6e9;border-color:#1d6b35}html[data-theme=light] .badge.warn{background:#fff6df;border-color:#8a6d2e}html[data-theme=light] .badge.err{background:#ffe8eb;border-color:#a32132}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;padding:8px 10px;background:var(--panel);border:2px solid var(--accent);border-radius:6px;margin:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--bg-black:#0A0D14;--bg-depth:#0F1522;--ink-primary:#F5F7FA;--ink-secondary:#9AA4B2;--brand-yellow:#F8C537;--brand-yellow-press:#E0AF21;--neon-purple:#A855F7;--neon-teal:#14B8A6;--border-faint:#243041}:root{--bg: var(--bg-black);--panel: var(--bg-depth);--text: var(--ink-primary);--muted: var(--ink-secondary);--accent: var(--brand-yellow);--border: var(--border-faint)}.dh-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:0;padding:96px 24px;text-align:center;background:transparent}.dh-hero .eyebrow{color:var(--ink-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.dh-hero h1{margin:16px auto 8px;font-size:56px;line-height:1.05;color:var(--ink-primary);max-width:900px}.dh-hero p{margin:0 auto 24px;color:var(--ink-secondary);max-width:760px;font-size:18px;line-height:1.6}.btn-primary{border:none;color:#fff;font-weight:700;border-radius:999px;padding:14px 22px;cursor:pointer;background-image:linear-gradient(90deg,var(--neon-purple),var(--neon-teal)),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 200' preserveAspectRatio='none'><defs><linearGradient id='g' x1='0' x2='0' y1='0' y2='1'><stop offset='0%' stop-color='%2314B8A6' stop-opacity='0.85'/><stop offset='100%' stop-color='%2314B8A6' stop-opacity='0'/></linearGradient></defs><path d='M0,120 C200,60 600,180 800,120 L800,200 L0,200 Z' fill='url(%23g)'/></svg>");background-size:100% 100%,140% 120%;background-position:center,bottom center;background-repeat:no-repeat,no-repeat;box-shadow:0 8px 18px #a855f740;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn-primary:active{transform:none;background-image:linear-gradient(90deg,var(--neon-purple),var(--neon-teal)),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 200' preserveAspectRatio='none'><defs><linearGradient id='g' x1='0' x2='0' y1='0' y2='1'><stop offset='0%' stop-color='%2314B8A6' stop-opacity='0.85'/><stop offset='100%' stop-color='%2314B8A6' stop-opacity='0'/></linearGradient></defs><path d='M0,120 C200,60 600,180 800,120 L800,200 L0,200 Z' fill='url(%23g)'/></svg>")}.btn-ghost{background:transparent;border:1px solid var(--border-faint);color:var(--ink-primary);border-radius:999px;padding:12px 18px}.glass{background:#ffffff08;border:1px solid var(--border-faint);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px}.dh-waves{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.2}.dh-waves svg{width:100%;height:100%}@media (prefers-reduced-motion: no-preference){.dh-waves{transform:translateY(0);will-change:transform;transition:transform .6s cubic-bezier(.22,1,.36,1)}}.logo-strip{display:flex;justify-content:center;gap:28px;opacity:.8;flex-wrap:wrap;margin-top:16px}.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.values .card{padding:16px}body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:38vh;min-height:260px;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 300' preserveAspectRatio='none'><defs><linearGradient id='h' x1='0' y1='0' x2='1' y2='0'><stop offset='0%' stop-color='%23A855F7' stop-opacity='0.9'/><stop offset='100%' stop-color='%2314B8A6' stop-opacity='0.9'/></linearGradient></defs><path d='M0,180 C220,120 580,260 800,180 L800,300 L0,300 Z' fill='url(%23h)'/></svg>") bottom center / 100% 100% no-repeat;opacity:.28}.topbar .hamburger{display:none;margin-left:8px;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--input);color:var(--text)}@media (max-width: 768px){.topbar nav{display:none;overflow:visible}.topbar.mobile-open{overflow:visible}.topbar.mobile-open nav{display:flex;position:absolute;top:100%;right:8px;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px;min-width:220px;max-height:70vh;overflow:auto;z-index:100;box-shadow:0 8px 24px #0006;align-items:stretch}.topbar.mobile-open nav a{text-align:right}.topbar .hamburger{display:inline-flex;align-items:center;justify-content:center}.topbar .user button{display:none}.topbar.mobile-open .submenu{position:static;display:flex;flex-direction:column;padding-left:4px}.topbar.mobile-open .menu-item{width:100%}.topbar.mobile-open nav a{margin-right:0;padding:8px 10px;border-radius:6px}}