:root{color-scheme:dark;--bg:#0b100e;--panel:#121b16;--line:#2a382e;--muted:#a4b3a7;--text:#eef2e9;--accent:#d9e6a1;--red:#ff9c91;font-family:Arial,Helvetica,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100dvh}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{min-height:48px;padding:12px 18px;border:1px solid var(--line);border-radius:8px;background:#1a271e;color:var(--text);font-weight:600}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(1.13)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.primary,.sendBtn{background:var(--accent);color:#152111;border-color:var(--accent)}.secondary{background:transparent}.danger{color:var(--red);background:#271915;border-color:#604036}.textBtn{background:none;border:none;color:var(--muted)}a{color:var(--accent)}p{line-height:1.55}.small,small{font-size:14px;color:var(--muted);line-height:1.5}.eyebrow,.panelTitle,.chatFoot,.network,footer,.roomIndex{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.07em}header{max-width:920px;margin:auto;padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{color:var(--text);text-decoration:none;font-size:22px;font-weight:800;letter-spacing:.13em;display:flex;align-items:center;gap:12px}.brandIcon{width:27px;height:27px}.network{color:var(--muted);letter-spacing:0}.island{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:#141d17;border-bottom:1px solid var(--line);font:12px ui-monospace,monospace;color:var(--muted)}.brandTrigger{display:none}.studioAccess{min-height:30px;padding:2px 10px;margin-left:6px;background:none}.spark,.liveDot{width:6px;height:6px;border-radius:50%;background:var(--accent)}main{max-width:920px;margin:auto;padding:0 24px 30px}.hero{max-width:660px;padding:62px 0 40px}.eyebrow{color:var(--accent)}h1{font-size:clamp(32px,7vw,54px);font-weight:500;letter-spacing:-.04em;margin:18px 0}h2{font-size:26px;letter-spacing:-.025em}.hero>p:not(.eyebrow){color:var(--muted)}.hero .primary{margin-top:20px;min-width:260px}.roomList{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}summary{min-height:36px;line-height:1.5;font-size:14px;color:var(--muted)}#roomSummary{float:right;font-size:12px}.rooms{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.roomCard{text-align:left;padding:14px 10px;min-height:118px}.cardTop{display:flex;justify-content:space-between}.roomIndex{font-size:11px;letter-spacing:0}.lockSvg{width:17px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.roomCard b{display:block;margin-top:14px}.roomCard p{font-size:12px;margin-bottom:0;color:var(--muted)}.cardBottom{display:none}.joinStrip{padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.joinStrip p{color:var(--muted);font-size:14px;margin:6px 0}.joinStrip b{font-size:16px}footer{margin-top:25px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);gap:10px}footer .textBtn{font-size:12px;padding-right:0}.sessionHeading{display:flex;align-items:center;gap:12px;padding:24px 0}.sessionHeading>div{flex:1}.sessionHeading h1{font-size:24px;margin:6px 0}.sessionHeading .eyebrow{margin:0}.sessionHeading button{font-size:14px;padding:10px}#panic{display:none}.workspace{display:block}.conversation{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.chatHeader{padding:18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.chatHeader>div:nth-child(2){flex:1;min-width:0}.chatHeader b{font-size:16px}.chatHeader p{font-size:13px;color:var(--muted);margin:5px 0 0}.roomAvatar{font-size:20px;border:1px solid var(--line);padding:12px;border-radius:8px;position:relative}#peerDot{position:absolute;bottom:5px;right:5px;width:6px;height:6px;border-radius:50%}#call{background:var(--accent);color:#152111;font-size:14px;padding:12px}.communicationActions{padding:12px 18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.communicationActions span{font-size:12px;color:var(--muted)}.waiting{padding:28px;max-width:580px;margin:auto;text-align:center}.waiting h2{display:none}.sealedIcon{display:none}.pill{display:inline-block;font:12px ui-monospace,monospace;color:var(--accent);padding:6px 9px;border:1px solid var(--line);border-radius:4px}.waiting p{font-size:16px;color:var(--muted)}.credential{text-align:left}.credential label{font-size:12px;color:var(--muted);display:block;margin:20px 0 8px}.shareActions{display:flex;gap:10px;margin:16px 0}.shareActions button{flex:1}.messages{height:clamp(270px,42dvh,500px);overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.systemMsg{align-self:center;font-size:12px;color:var(--muted);text-align:center;line-height:1.5}.bubble{align-self:flex-start;max-width:88%;padding:14px 16px;border-radius:10px;background:#213025;border:1px solid #344537;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#2c3925;border-color:#526443}.bubble p{margin:0 0 7px}.bubble small{display:block;font-size:12px}.bubble .primary{margin:8px 0}.bubble img,.bubble video{max-width:100%;max-height:260px}.expiryCountdown{opacity:.7}.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.composer input{flex:1;min-width:0;border:1px solid var(--line);background:#0d1510;color:var(--text);border-radius:7px;padding:12px}.iconBtn{padding:10px 14px}.sendBtn{min-width:48px;padding:10px}.chatFoot,.expiryPolicy,#mediaStatus{padding:0 14px 12px;font-size:11px;color:var(--muted);line-height:1.5;letter-spacing:0}#mediaStatus:empty{display:none}.expiryPolicy{padding-top:8px}.securityFold{padding:20px 0}.securityPanel{padding:20px;border:1px solid var(--line);border-radius:8px;margin-top:10px}.core,.packetFlow{display:none}.panelTitle{color:var(--accent)}.securityPanel h2{font-size:18px}.securityPanel p{color:var(--muted);font-size:14px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:14px}.metrics span,.securityPanel label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.fingerprint,.cipher,#fingerprint,#cipherPreview{font:12px ui-monospace,monospace;overflow-wrap:anywhere;line-height:1.6}.verifyActions{margin:14px 0}.events{font:12px ui-monospace,monospace;color:var(--muted);line-height:1.8;margin-top:12px}.rotation{margin:12px 0;font-size:12px}.rotationTrack{height:3px;background:var(--line)}#rotationProgress{height:3px;background:var(--accent)}dialog{background:#121b16;color:var(--text);border:1px solid #41513e;border-radius:14px;width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 36px);padding:24px;overflow:auto;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#020804dc;backdrop-filter:blur(7px)}.dialogTop{display:flex;justify-content:space-between;align-items:center}.dialogTop .eyebrow{font-size:11px}.dialogTop .iconBtn{font-size:22px}.dialogLock{display:none}dialog p{color:var(--muted);font-size:15px}label{display:block;font-size:14px;margin:12px 0 6px}textarea{width:100%;resize:vertical;min-height:96px;color:var(--text);background:#0b120e;border:1px solid #3b4b3d;border-radius:7px;padding:12px;font-size:16px;overflow-wrap:anywhere}#invite{font:13px ui-monospace,monospace}#joinSubmit{width:100%;margin-top:16px}.error{color:var(--red)}#callDialog{text-align:center}#callState{font-size:28px}#callTime{display:block;font:38px ui-monospace,monospace;margin:20px 0}progress{width:100%;height:4px;accent-color:var(--accent)}.voiceControls{text-align:left;border-top:1px solid var(--line);padding-top:8px}.voiceControls label{color:var(--muted)}input[type=range]{width:100%;accent-color:var(--accent);min-height:36px}.callActions,.audioTools{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:16px 0}.callActions button{flex:1}.audioTools button{font-size:14px}.audioHealth{min-height:46px}.audioDetails{text-align:left;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.audioDetails p{font-size:12px}.audioMeters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.audioMeters label{font-size:12px}meter{display:block;width:100%;height:10px;accent-color:var(--accent)}.voiceRecordBig{display:block;width:100%;padding:20px;background:var(--accent);color:#162012;margin:22px 0 16px}.voiceRecordBig span{margin-right:8px}.voiceAdvanced{border:1px solid var(--line);padding:12px;border-radius:8px}.voiceAdvanced summary{min-height:24px}#draftAudio{width:100%;margin:12px 0}#voiceRecordState{min-height:44px}#toast{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:max-content;background:#e6edce;color:#162012;border-radius:9px;padding:15px 20px;z-index:10000;box-shadow:0 6px 35px #0008;font-size:14px;line-height:1.5}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}select{background:#152017;color:var(--text);border:1px solid var(--line);padding:10px;border-radius:6px;max-width:100%}
@media(max-width:600px){header{padding:18px 16px 14px}main{padding:0 14px 24px}.hero{padding:40px 4px 28px}.hero h1{font-size:40px}.hero .primary{width:100%}.joinStrip{display:block;padding:22px 4px}.joinStrip button{width:100%;margin-top:14px}.rooms{grid-template-columns:repeat(2,1fr)}footer{display:block;font-size:10px}footer button{padding-left:0}.sessionHeading{padding:16px 2px}.sessionHeading h1{font-size:20px}.sessionHeading button{font-size:12px}.chatHeader{padding:14px 12px}.roomAvatar{display:none}.chatHeader p{font-size:12px}.communicationActions{padding:10px 12px;gap:10px}.communicationActions button{font-size:14px}.communicationActions span{font-size:11px}.messages{height:38dvh;min-height:240px;padding:12px}.waiting{padding:22px 14px}.shareActions{flex-direction:column}.metrics{grid-template-columns:1fr}dialog{padding:20px}.eyebrow{font-size:11px}.bubble{max-width:94%}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,filter .15s}.bubble{animation:appear .16s ease-out}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}