:root{font-family:Manrope,Noto Sans SC,sans-serif;color:#f7f7f1;background:#09111f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#09111f}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{position:relative;overflow:hidden;min-height:100vh;background:radial-gradient(circle at 74% 9%,rgba(255,169,95,.12),transparent 24rem),linear-gradient(135deg,#09111f,#0c192a 60%,#0c1520)}.ambient{position:absolute;border-radius:999px;pointer-events:none;filter:blur(3px);opacity:.32}.ambient-one{width:24rem;height:24rem;right:-9rem;top:34rem;background:#24624e}.ambient-two{width:20rem;height:20rem;left:-13rem;top:13rem;background:#172d52}.topbar,.hero,.workspace,.footer{position:relative;width:min(1160px,calc(100% - 48px));margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid rgba(221,233,228,.09)}.brand{display:flex;align-items:center;gap:11px;letter-spacing:-.04em;font-weight:800;font-size:18px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(247,247,241,.6);border-radius:50%;color:#ffb46e;font-family:DM Mono,monospace;font-size:14px}.topbar-actions{display:flex;gap:21px;align-items:center}.privacy-chip,.ghost-button,.section-count,.status-id,.eyebrow,.step-badge,.footer{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.privacy-chip{color:#93a39f;font-size:10px}.dot,.pulse{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#96e4af;vertical-align:middle}.ghost-button{padding:8px 0;border:0;background:none;color:#cbd6d2;font-size:10px}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:84px;align-items:end;padding:90px 0 70px}.eyebrow{margin:0 0 17px;color:#f6a15b;font-size:10px;font-weight:500}.hero h1{max-width:650px;margin:0;font-size:clamp(3.5rem,7.1vw,6.6rem);line-height:.96;letter-spacing:-.08em;font-weight:700}.hero h1 em{color:#f0a15f;font-style:normal}.hero-description{max-width:520px;margin:29px 0 0;color:#aab9b6;font-size:15px;line-height:1.8}.hero-note{display:flex;gap:12px;max-width:520px;margin-top:31px;padding-top:18px;border-top:1px solid rgba(221,233,228,.12);color:#91a49e;font-size:11px;line-height:1.65}.note-icon{color:#f6a15b}.status-card{padding:22px;border:1px solid rgba(208,228,219,.17);border-radius:16px;background:#1a2b33b3;box-shadow:0 24px 80px #00000029;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-card-header,.status-main,.status-grid,.status-footer{display:flex;align-items:center}.status-card-header{justify-content:space-between;padding-bottom:23px;border-bottom:1px solid rgba(208,228,219,.12)}.live-indicator{color:#9fdcb3;font:10px DM Mono,monospace;letter-spacing:.1em}.pulse{width:7px;height:7px;background:#9fdcb3;box-shadow:0 0 0 4px #9fdcb31f}.status-id{color:#6c817d;font-size:9px}.status-main{gap:16px;padding:25px 0 23px}.status-orb{display:grid;place-items:center;width:53px;height:53px;border:1px solid rgba(240,161,95,.45);border-radius:50%;color:#f6a15b;font-size:25px}.status-kicker,.status-main p,.status-grid span,.status-footer{margin:0;color:#849792;font-size:10px}.status-main h2{margin:3px 0 5px;color:#f7f7f1;font-size:21px;letter-spacing:-.05em}.status-grid{gap:0;border-top:1px solid rgba(208,228,219,.12);border-bottom:1px solid rgba(208,228,219,.12)}.status-grid>div{flex:1;padding:16px 0}.status-grid>div+div{padding-left:18px;border-left:1px solid rgba(208,228,219,.12)}.status-grid strong{display:block;margin-top:7px;color:#e1e9e4;font:12px DM Mono,monospace}.status-footer{gap:8px;padding-top:15px}.lock-icon{color:#9fdcb3;font-size:16px}.workspace{padding:0 0 70px}.section-heading,.control-panel-heading,.capabilities{display:flex;align-items:end;justify-content:space-between}.section-heading{margin-bottom:25px}.section-heading h2,.control-panel h2,.capabilities h2{margin:0;letter-spacing:-.06em;font-size:30px}.section-count{color:#5c726c;font-size:9px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mode-card{min-height:240px;padding:23px;border:1px solid rgba(208,228,219,.12);border-radius:13px;text-align:left;color:#f7f7f1;background:#14232c9e;transition:transform .2s ease,border-color .2s ease,background .2s ease}.mode-card:hover,.mode-card.selected{transform:translateY(-3px);border-color:#f6a15bb8;background:#293539d1}.mode-card-top{display:flex;justify-content:space-between;align-items:center}.mode-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(246,161,91,.55);border-radius:50%;color:#f6a15b;font-size:21px}.mode-radio{width:12px;height:12px;border:1px solid #5b7772;border-radius:50%}.mode-card.selected .mode-radio{border-color:#f6a15b;box-shadow:inset 0 0 0 3px #1c3839;background:#f6a15b}.mode-eyebrow{margin:27px 0 9px;color:#71918a;font:9px DM Mono,monospace;letter-spacing:.13em}.mode-card h3{margin:0;font-size:23px;letter-spacing:-.06em}.mode-description{min-height:48px;margin:10px 0 20px;color:#98aaa5;font-size:12px;line-height:1.7}.mode-action{color:#f6a15b;font:10px DM Mono,monospace}.mode-action span{margin-left:7px;font-size:14px}.control-panel{margin-top:48px;padding:28px;border:1px solid rgba(208,228,219,.12);border-radius:13px;background:#121f29c7}.control-panel-heading{align-items:center;padding-bottom:23px;border-bottom:1px solid rgba(208,228,219,.12)}.control-panel h2{font-size:22px}.step-badge{padding:7px 10px;border:1px solid rgba(246,161,91,.4);border-radius:3px;color:#f6a15b;font-size:9px}.control-content{display:flex;align-items:end;gap:28px;padding-top:25px}.offline-flow{align-items:end}.offline-flow .input-block{display:grid;gap:9px}.offline-flow .input-block label:not(:first-child){margin-top:9px}.role-switch{display:inline-flex;gap:4px;margin-top:20px;padding:4px;border:1px solid rgba(208,228,219,.12);border-radius:7px;background:#0b1b27}.role-switch button{padding:8px 12px;border:0;border-radius:4px;color:#7d9690;background:transparent;font-size:10px}.role-switch button.active{color:#17262b;background:#f6a15b;font-weight:700}.input-block{flex:1}.input-block label{display:block;margin-bottom:9px;color:#b5c3bf;font-size:12px}.code-input-row{display:flex;gap:9px}input{width:100%;padding:13px 14px;border:1px solid #304b50;border-radius:7px;outline:none;color:#dfe9e4;background:#0b1b27;font-size:12px}input:focus{border-color:#f6a15b;box-shadow:0 0 0 3px #f6a15b1a}.field-hint{margin:9px 0 0;color:#6e8580;font-size:10px;line-height:1.6}.qr-card{display:flex;align-items:center;gap:22px;margin-top:24px;padding:16px;border:1px solid rgba(246,161,91,.28);border-radius:10px;background:#0b1b278a}.qr-frame{display:grid;place-items:center;flex:0 0 236px;width:236px;height:236px;padding:10px;border-radius:8px;background:#f4f3ea}.qr-image{display:block;width:216px;height:216px;image-rendering:pixelated}.qr-placeholder{color:#304b50;font-size:10px;text-align:center}.qr-copy{min-width:0}.qr-copy .eyebrow{margin-bottom:8px}.qr-copy h3,.qr-scanner h3{margin:0;color:#e8f0eb;font-size:17px;letter-spacing:-.04em}.qr-copy p{margin:8px 0 9px;color:#a0b1aa;font-size:11px;line-height:1.65}.qr-copy small{color:#6e8580;font-size:10px;line-height:1.5}.qr-frame-controls{display:flex;align-items:center;gap:8px;margin:12px 0;color:#a0b1aa;font:10px DM Mono,monospace}.qr-frame-controls .secondary-button{justify-content:center;padding:7px 9px;font-size:9px}.qr-scanner{display:grid;gap:12px;margin-top:18px;padding:17px;border:1px solid rgba(159,220,179,.3);border-radius:10px;background:#0a1a27}.qr-scanner-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.qr-scanner-heading .secondary-button{padding:8px 11px;font-size:10px}.qr-video{display:block;width:min(100%,420px);min-height:220px;margin-inline:auto;border-radius:8px;background:#02080e;object-fit:cover}.qr-file-button{width:fit-content;justify-content:center;padding:9px 12px;font-size:10px;cursor:pointer}.qr-file-button input{display:none}.qr-error{margin:0;color:#ffc1a4;font-size:10px;line-height:1.5}.qr-progress{margin:0;color:#a8e5ba;font-size:10px;line-height:1.5}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:13px 16px;border-radius:7px;font-size:11px;font-weight:700}.primary-button{min-width:175px;border:1px solid #f6a15b;color:#182328;background:#f6a15b}.primary-button:hover{background:#ffc386}.secondary-button{border:1px solid #3b5b5d;color:#c5d5cf;background:transparent}.secondary-button:hover{border-color:#f6a15b;color:#f6a15b}.nearby-preview{display:flex;align-items:center;gap:14px;flex:1}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#9fdcb3;background:#9fdcb31f;font-size:25px}.nearby-preview strong{display:block;margin-bottom:5px;font-size:12px}.nearby-preview p{margin:0;color:#7e9690;font-size:10px;line-height:1.6}.notice{display:flex;gap:9px;align-items:flex-start;margin-top:18px;padding:11px 13px;border-radius:6px;font-size:11px;line-height:1.6}.notice-success{color:#b6e4c3;background:#6abf841a}.notice-error{color:#ffc1a4;background:#d968471c}.notice-info{color:#c5d5d1;background:#5c95a41a}.notice>span{font-family:DM Mono,monospace}.chat-panel{margin-top:18px;padding:25px 28px 28px;border:1px solid rgba(159,220,179,.2);border-radius:13px;background:#152d2b94}.chat-panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(208,228,219,.12)}.chat-panel h2{margin:0;font-size:20px;letter-spacing:-.05em}.session-badge{padding:7px 9px;border:1px solid rgba(159,220,179,.4);border-radius:4px;color:#9fdcb3;font:9px DM Mono,monospace}.security-reminder{display:flex;gap:8px;margin-top:17px;padding:10px 12px;border-radius:5px;color:#c4d9ce;background:#9fdcb314;font-size:10px;line-height:1.6}.security-reminder>span:first-child{color:#9fdcb3;font-size:16px}.security-code-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px;padding:14px 15px;border:1px solid rgba(246,161,91,.28);border-radius:8px;background:#0b1b2794}.security-code-panel>div{display:grid;gap:5px}.security-code-panel span,.security-code-panel small{color:#8da59d;font-size:10px}.security-code-panel small{color:#6f8981}.security-code-value{color:#ffc487;font:700 21px DM Mono,monospace;letter-spacing:.11em}.security-code-panel.verified{border-color:#9fdcb37a;background:#24584538}.security-code-panel.verified .security-code-value{color:#a8e5ba}.security-code-button{padding:10px 13px;border:1px solid #f6a15b;border-radius:6px;color:#182328;background:#f6a15b;font-size:10px;font-weight:700;white-space:nowrap}.security-code-button:hover{background:#ffc386}.message-list{display:flex;flex-direction:column;gap:9px;min-height:74px;max-height:220px;overflow-y:auto;padding:20px 0 15px}.empty-messages{margin:0;color:#7f9890;font-size:11px}.message-bubble{max-width:75%;padding:9px 12px;border-radius:9px;color:#e5eee9;font-size:12px;line-height:1.6}.message-bubble.sent{align-self:flex-end;border:1px solid rgba(246,161,91,.25);background:#f6a15b26}.message-bubble.received{align-self:flex-start;border:1px solid rgba(159,220,179,.2);background:#9fdcb31a}.message-compose{display:flex;gap:9px}.message-compose .primary-button{min-width:88px}.message-compose .file-button{min-width:92px;justify-content:center;padding-inline:12px}.file-card{display:grid;gap:9px;margin-top:13px;padding:13px 14px;border:1px solid rgba(208,228,219,.14);border-radius:7px;background:#0b1b277a}.file-card>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.file-card strong{min-width:0;overflow:hidden;color:#dce9e2;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.file-card span{color:#88a097;font:10px DM Mono,monospace;white-space:nowrap}.file-card progress{width:100%;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:99px;overflow:hidden;background:#18323a}.file-card progress::-webkit-progress-bar{background:#18323a}.file-card progress::-webkit-progress-value{background:#f6a15b}.file-card progress::-moz-progress-bar{background:#f6a15b}.file-actions{display:flex;justify-content:flex-end;gap:8px}.file-actions .secondary-button{padding:8px 11px;font-size:10px}.file-download{text-decoration:none}.capabilities{align-items:center;gap:35px;margin-top:55px;padding-top:24px;border-top:1px solid rgba(208,228,219,.11)}.capabilities h2{font-size:18px}.capability-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.capability{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(208,228,219,.12);border-radius:5px;color:#89a09a;font:10px DM Mono,monospace}.capability b{color:#d4e0dc;font-weight:400}.capability-dot{width:5px;height:5px;border-radius:50%;background:#76918a}.capability.available .capability-dot{background:#9fdcb3}.capability.limited .capability-dot{background:#ef9a65}.footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 30px;border-top:1px solid rgba(208,228,219,.09);color:#58716d;font-size:9px;line-height:1.6}@media(max-width:860px){.hero{grid-template-columns:1fr;gap:42px;padding-top:62px}.status-card{max-width:560px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:0}.control-content{flex-direction:column;align-items:stretch}.primary-button{width:100%}.capabilities{align-items:flex-start;flex-direction:column}.capability-list{justify-content:flex-start}}@media(max-width:560px){.topbar,.hero,.workspace,.footer{width:min(100% - 32px,1160px)}.topbar-actions .privacy-chip{display:none}.hero h1{font-size:3.8rem}.hero{padding:48px 0}.control-panel{padding:20px}.footer{flex-direction:column}.security-code-panel,.file-card>div:first-child,.qr-card{align-items:flex-start;flex-direction:column}.qr-frame{align-self:center}.security-code-button{width:100%}.message-compose{flex-wrap:wrap}.message-compose input{min-width:100%}}