@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--navy:#071b2f;--navy-2:#0b2741;--ink:#12253a;--muted:#6e8092;--line:#dce6ec;--wash:#f5f8fa;--mint:#26bf9a;--mint-soft:#e7faf4;--blue:#4d8dff;--amber:#d99c37;--coral:#e8755d;--shadow:0 12px 35px rgba(15,43,67,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;flex:0 0 244px;background:var(--navy);color:#d2deea;padding:27px 17px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;color:#fff;font:700 18px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.brand-mark{color:#35cdb1;font-size:23px;line-height:1}.nav-list{margin-top:58px;display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:8px;color:#9eafbf;font-weight:600}.nav-item span:first-child{font-size:18px;width:16px;text-align:center}.nav-item.active{color:#fff;background:#123450}.nav-badge{margin-left:auto;border-radius:20px;padding:3px 8px;font:500 11px 'DM Mono';background:#1f4e6d;color:#87d8cd}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #284864;border-radius:8px;padding:14px 12px;display:grid;gap:6px;background:rgba(14,47,73,.54)}.help-icon{width:21px;height:21px;border:1px solid #66859d;border-radius:50%;display:grid;place-items:center;color:#a9cad6;font-size:12px;margin-bottom:3px}.help-card strong{color:#e8f0f4;font-size:12px}.help-card span{color:#90a6b7;font-size:11px}.help-card a{color:#62d8c1;font-size:12px;margin-top:7px;font-weight:600}.help-card a span{color:inherit;font-size:14px}.user-chip{display:flex;align-items:center;gap:9px;border-top:1px solid #23425d;margin-top:21px;padding:18px 4px 0}.user-chip strong,.user-chip span{display:block;font-size:11px}.user-chip strong{color:#eaf0f4}.user-chip span{color:#7690a3;margin-top:3px}.user-chip .more{margin-left:auto;color:#91a6b7}.avatar{width:40px;height:40px;border-radius:50%;background:#f4b892;color:#7e4330;display:grid;place-items:center;font:700 13px 'DM Mono'}.avatar-small{width:30px;height:30px;font-size:10px}.main-content{flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(24px,4vw,52px);gap:18px}.breadcrumb{display:flex;gap:12px;align-items:center;color:#8a9ba9;font-size:12px}.breadcrumb b{font-weight:400;color:#c3ced6}.breadcrumb strong{color:#304a61;font-weight:600}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px;color:#7f909d;font-size:11px}.status-dot,.tiny-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px #e2f7f1}.icon-button{border:0;background:none;color:#7190a3;font-size:20px;margin-left:18px}.mobile-brand{display:none}.content-wrap{max-width:1128px;margin:0 auto;padding:40px 34px 30px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}.eyebrow,.metric-card p,.channel-handle,.session-main span,.subheading,.section-heading p,.micro-copy,.proof-caption{font:11px 'DM Mono',monospace;color:var(--muted);letter-spacing:.02em}.eyebrow{margin:0 0 10px;color:#89a0b0;font-size:10px;letter-spacing:.12em}.page-heading h1{margin:0;font:600 28px 'Space Grotesk';letter-spacing:-.04em;color:#0d2439}.wave{font-size:18px;color:#f0ad64}.subheading{font-family:'DM Sans';font-size:13px;margin:8px 0 0;color:#7c8e9d;letter-spacing:0}.identity-pill{margin-top:6px;background:var(--mint-soft);color:#26987d;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:600}.pill-check{border-radius:50%;background:var(--mint);color:white;padding:1px 4px;margin-right:5px}.hero-card{position:relative;min-height:218px;overflow:hidden;border-radius:9px;padding:31px 35px;color:#fff;display:flex;justify-content:space-between;box-shadow:var(--shadow);background:#0c2c48}.hero-card.hero-idle{background:linear-gradient(120deg,#0b2741,#174b69)}.hero-copy{position:relative;z-index:2}.live-label{display:flex;align-items:center;gap:8px;color:#73e1c8;font:500 10px 'DM Mono';letter-spacing:.12em}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(38,191,154,.16)}.hero-copy h2{font:600 28px 'Space Grotesk';letter-spacing:-.04em;margin:18px 0 7px}.hero-copy p{margin:0;color:#a4bbca;max-width:380px;line-height:1.55}.live-meta{display:flex;align-items:center;gap:9px;margin-top:23px;color:#c3d3dd;font:11px 'DM Mono'}.live-meta b{color:#648197}.platform-logo{color:#ff6664;font-size:15px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;position:relative;z-index:2;margin:16px 70px 0 0}.button{border:0;border-radius:5px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-primary{background:#5ee0c4;color:#062c34;box-shadow:0 5px 14px rgba(45,205,171,.21)}.button-light{background:#e8fbf7;color:#176f68}.button-outline{border:1px solid #cfdae2;background:#fff;color:#38546a}.micro-copy{margin-top:12px;color:#8eb0bd}.text-link{font-size:12px;color:#3e8c87;font-weight:600}.hero-card .text-link{color:#76daca;margin-top:15px}.hero-orbit{position:absolute;border:1px solid rgba(87,183,190,.16);border-radius:50%;width:370px;height:370px;right:44px;top:-78px;transform:rotate(18deg)}.orbit-two{width:290px;height:290px;right:-2px;top:-36px;border-color:rgba(87,183,190,.12)}.hero-shield{position:absolute;right:169px;top:72px;width:74px;height:78px;display:grid;place-items:center;color:#69e1cb;font-size:34px;border:1px solid rgba(103,221,204,.4);clip-path:polygon(50% 0,90% 15%,90% 64%,50% 100%,10% 64%,10% 15%);background:rgba(64,192,176,.08)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:15px 0 39px}.metric-card,.channel-card,.sessions-card,.setup-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px rgba(27,66,91,.025)}.metric-card{padding:16px 18px 14px}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.metric-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:13px}.metric-icon.mint{background:#e1f8f1;color:#2ab493}.metric-icon.blue{background:#eaf1ff;color:#5b91ef}.metric-icon.amber{background:#fff3de;color:#d29b3c}.metric-trend{font:10px 'DM Mono';color:#36ab8f}.metric-trend.neutral{color:#8b9baa}.metric-card strong{font-size:11px;color:#5f7383;font-weight:600}.metric-value{font:700 20px 'Space Grotesk';letter-spacing:-.04em;margin-top:3px}.metric-card p{font-family:'DM Sans';font-size:10px;margin:5px 0 0;color:#8b9aa6}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.section-heading h2{font:600 16px 'Space Grotesk';letter-spacing:-.02em;margin:0;color:#18344c}.section-heading p{font-family:'DM Sans';font-size:11px;margin:5px 0 0;color:#8293a0}.channel-card{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:39px}.channel-info,.channel-right{display:flex;align-items:center}.channel-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;margin-right:12px;color:#fff;font-size:17px}.channel-icon.youtube{background:#ff6564}.channel-name{font:600 13px 'Space Grotesk';color:#1a354d}.verified-badge{font:10px 'DM Mono';color:#26ae91;background:#e4f8f3;border-radius:50%;padding:2px 4px;margin-left:4px}.channel-handle{font-family:'DM Sans';font-size:11px;margin-top:5px;color:#80909e}.channel-handle span{margin:0 6px;color:#b3c0c9}.connected-label{display:flex;align-items:center;gap:7px;color:#32a888;font:11px 'DM Mono';margin-right:25px}.channel-link,.sessions-heading .text-link{font-size:11px;color:#4c8393;font-weight:600}.sessions-card{overflow:hidden}.session-row{display:flex;align-items:center;min-height:64px;padding:13px 20px;border-bottom:1px solid #edf1f3;gap:13px}.session-row:last-child{border:0}.session-status{width:7px;height:7px;border-radius:50%}.session-status.current{background:#2bc29e;box-shadow:0 0 0 4px #e6f8f3}.session-status.past{background:#b9c4cb}.session-main{display:grid;gap:4px;flex:1}.session-main strong{font-size:12px}.session-main span{font-family:'DM Mono';font-size:10px}.session-state{font:10px 'DM Mono';color:#36a98e;background:#ebfaf5;padding:5px 8px;border-radius:4px}.session-state:not(:last-child){ }.session-time{font:10px 'DM Mono';color:#8999a5;min-width:92px;text-align:right}.text-button{border:0;background:none;font-size:10px;font-weight:700}.text-button.danger{color:#c96655}.empty-state{text-align:center;padding:30px;color:#91a0ab}.empty-state span{font-size:25px}.empty-state strong{display:block;color:#4d6476;font-size:12px;margin-top:7px}.empty-state p{font-size:11px}.overlay-heading{margin-top:39px}.setup-card{display:flex;align-items:center;padding:19px 22px;gap:15px}.setup-number{font:500 11px 'DM Mono';color:#56bca8}.setup-copy{flex:1}.setup-copy strong{font-size:12px}.setup-copy p{font-size:11px;color:#7f909d;margin:5px 0 11px}.copy-field{display:flex;border:1px solid #dbe6ea;border-radius:4px;overflow:hidden;max-width:540px}.copy-field code{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:9px 10px;flex:1;color:#567184;font:10px 'DM Mono'}.copy-field button{border:0;border-left:1px solid #dbe6ea;background:#f7fafb;color:#3a7582;font-size:10px;font-weight:700;padding:0 12px}.safety-note{display:flex;gap:11px;margin-top:12px;padding:13px 16px;background:#f3f8f9;border-radius:6px;color:#78909d}.safety-note>span{color:#4ab7a7;font-size:17px}.safety-note strong{font-size:11px;color:#486272}.safety-note p{font-size:10px;margin:4px 0 0}.sessions-heading{margin-top:0}footer{display:flex;justify-content:space-between;color:#99a7b0;font:10px 'DM Mono';margin-top:47px;padding-bottom:5px}footer a{margin-right:20px;color:#748f9d}.flash{position:fixed;top:17px;right:20px;z-index:10;border-radius:6px;padding:11px 15px;box-shadow:var(--shadow);font-size:12px}.flash-notice{background:#e6faf4;color:#217d6a}.flash-alert{background:#fff0ec;color:#a94e3f}
/* Public verifier */
.verify-page{min-height:100vh;background:#f7fafb;color:var(--ink);display:flex;flex-direction:column}.verify-header{height:71px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 860px)/2));}.verify-header .brand{color:var(--navy);font-size:17px}.verify-help{font:10px 'DM Mono';color:#9aaab4}.verify-main{width:min(510px,calc(100% - 36px));margin:54px auto 25px;text-align:center;flex:1}.verify-icon{width:50px;height:50px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;font:700 25px 'DM Mono'}.verified-icon{background:#dff8f0;color:#27ad8e;box-shadow:0 0 0 8px #effbf8}.expired-icon{background:#fff2de;color:#d89c3a;box-shadow:0 0 0 8px #fff9ee}.unverified-icon{background:#e9eef1;color:#7c8c99;box-shadow:0 0 0 8px #f2f5f7}.verify-kicker{font:10px 'DM Mono';letter-spacing:.15em;font-weight:500}.green{color:#27a98c}.amber-text{color:#c89137}.slate-text{color:#7d8d9a}.verify-main h1{font:700 31px 'Space Grotesk';letter-spacing:.07em;margin:9px 0 9px;color:#0e293f}.verify-lead{font-size:13px;color:#748594;margin:0 auto 29px;line-height:1.55;max-width:370px}.verified-profile{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px 16px;margin-bottom:14px}.verified-profile>div:nth-child(2){display:grid;gap:5px;flex:1}.verified-profile strong{font-size:13px}.verified-profile span{font:10px 'DM Mono';color:#778b99}.check-ring{width:20px;height:20px;border:1px solid #53c8ac;color:#37af92;border-radius:50%;display:grid;place-items:center;font-size:11px}.button-official{width:100%;background:var(--navy);color:#fff;min-height:46px;letter-spacing:.06em}.button-official span{color:#5ee0c4;font-size:15px}.source-note{text-align:left;display:flex;gap:11px;margin:17px 0 25px;padding:13px 14px;border-left:2px solid #b8dcd6;background:#f0f8f7;color:#607783}.source-note>span{font-size:16px;color:#3db49d}.source-note div{display:grid;gap:5px}.source-note strong{font-size:11px}.source-note a{font:10px 'DM Mono';color:#3e8e88;word-break:break-all}.technical{text-align:left;border-top:1px solid var(--line);padding-top:15px;font-size:11px;color:#6e8190}.technical summary{cursor:pointer;font-weight:600}.technical p{line-height:1.5}.faded{opacity:.8}.expired-note,.unverified-note{background:#fff;border:1px solid var(--line);border-radius:7px;text-align:left;padding:15px;margin:22px 0;color:#607582}.expired-note{border-left:2px solid #e4b45f}.unverified-note{border-left:2px solid #aebbc4}.expired-note strong,.unverified-note strong{font-size:12px}.expired-note p,.unverified-note p{font-size:11px;line-height:1.5;margin:5px 0 0}.verify-main>.text-link{display:inline-block;margin-top:6px}.proof-caption{margin-top:50px;font-family:'DM Sans';font-size:10px;color:#9baab2}.verify-footer{width:min(510px,calc(100% - 36px));margin:0 auto;padding:18px 0;border-top:1px solid var(--line);font-size:10px}
/* OBS overlay */
.overlay-page{min-height:100vh;background:linear-gradient(135deg,#071b2f,#0b3650);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;font-family:'DM Sans',sans-serif}.overlay-brand{position:absolute;top:25px;left:29px;font:600 11px 'DM Mono';letter-spacing:.12em;color:#aed1d7}.overlay-brand .brand-mark{font-size:15px;margin-right:6px}.overlay-status{display:flex;align-items:center;gap:9px;color:#6ce1c8;font:500 16px 'DM Mono';letter-spacing:.1em}.overlay-qr{width:190px;height:190px;background:#fff;border-radius:4px;padding:12px;margin-top:7px;box-shadow:0 0 0 8px rgba(92,220,198,.12)}.overlay-qr svg{width:100%;height:100%}.overlay-url{font:500 10px 'DM Mono';letter-spacing:.18em;color:#a1c0c9}.overlay-creator{display:grid;gap:4px;margin-top:3px}.overlay-creator strong{font:600 13px 'Space Grotesk'}.overlay-creator span{font:10px 'DM Mono';color:#91b0bd}.overlay-time{font:9px 'DM Mono';color:#648699;margin-top:16px}.overlay-ended{display:grid;gap:10px;place-items:center}.overlay-ended span{font-size:44px;color:#829eab}.overlay-ended h1{font:600 26px 'Space Grotesk';margin:0}.overlay-ended p{color:#91aebb;font-size:12px}
@media(max-width:800px){.sidebar{display:none}.topbar{height:59px;padding:0 18px}.mobile-brand{display:flex;color:var(--navy);font-size:16px}.breadcrumb,.top-status{display:none}.top-actions{margin-left:auto}.content-wrap{padding:29px 18px 25px}.page-heading{display:block}.identity-pill{display:inline-block;margin-top:18px}.hero-card{padding:27px 25px;min-height:265px;display:block}.hero-copy h2{font-size:25px}.hero-actions{margin:24px 0 0}.hero-shield{right:35px;top:145px;opacity:.55}.hero-orbit{right:-110px;top:50px}.metric-grid{gap:8px;margin-bottom:32px}.metric-card{padding:12px 11px}.metric-card p{font-size:9px}.metric-trend{font-size:8px}.metric-value{font-size:18px}.metric-card strong{font-size:10px}.channel-card{padding:15px;display:block}.channel-right{margin-top:14px;justify-content:space-between}.connected-label{margin-right:0}.section-heading{align-items:center}.sessions-heading{margin-top:32px}.session-row{padding:12px 13px;gap:8px}.session-state{display:none}.session-time{font-size:9px;min-width:74px}.setup-card{display:block;padding:17px}.setup-number{display:block;margin-bottom:10px}.setup-card .button{margin-top:14px}.copy-field{max-width:100%}footer{gap:15px;flex-direction:column;margin-top:35px}.verify-header{padding:0 18px}.verify-help{display:none}.verify-main{margin-top:47px}.verify-main h1{font-size:26px}.proof-caption{margin-top:40px}.verify-footer{width:calc(100% - 36px)}}
/* Authentication */
.logout-button{border:0;background:none;color:#6f8999;font:500 10px 'DM Mono';padding:4px 0 4px 13px;margin-left:8px;border-left:1px solid #dfe8ed}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 10%,#173f5a 0,#071b2f 48%,#061525 100%);padding:25px}.auth-card{width:min(430px,100%);background:#fff;border-radius:12px;padding:35px;box-shadow:0 25px 70px rgba(0,0,0,.22)}.auth-brand{color:var(--navy);font-size:18px}.auth-heading{margin:42px 0 25px}.auth-heading .eyebrow{margin-bottom:12px;color:#4cae9b}.auth-heading h1{font:600 29px 'Space Grotesk';letter-spacing:-.05em;margin:0 0 10px;color:#102a40}.auth-heading p:last-child{color:#728493;font-size:13px;line-height:1.5;margin:0}.auth-form{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font:500 10px 'DM Mono';color:#587083;text-transform:uppercase;letter-spacing:.08em}.field input{border:1px solid #d9e3e8;border-radius:5px;padding:12px 13px;color:#1b344a;font:13px 'DM Sans';outline:none}.field input:focus{border-color:#54bda8;box-shadow:0 0 0 3px #e7f8f3}.auth-submit{width:100%;margin-top:4px;padding:13px}.demo-credentials{display:grid;gap:5px;margin-top:19px;padding:11px 13px;background:#eef9f6;border-radius:5px;color:#2d8b79;font:10px 'DM Mono'}.demo-credentials strong{font:600 11px 'DM Sans'}.auth-footnote{font:10px 'DM Mono';color:#94a2ab;text-align:center;line-height:1.5;margin:29px 0 0}