:root{--bg: #05060c;--text: rgba(235, 238, 255, .92);--text-dim: rgba(190, 196, 230, .55)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:var(--text)}.trillion-root{position:fixed;top:0;right:0;bottom:0;left:0}.trillion-stage{position:absolute;top:0;right:0;bottom:0;left:0}.trillion-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}.trillion-header{position:absolute;top:clamp(16px,4vh,40px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:10;text-align:center;-webkit-user-select:none;user-select:none}.trillion-name{font-size:clamp(20px,3.2vw,34px);font-weight:600;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(180deg,#fff,#b9a8ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(139,92,246,.25)}.trillion-tagline{font-size:clamp(11px,1.4vw,14px);color:var(--text-dim);letter-spacing:.04em}.trillion-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.trillion-label{position:absolute;top:0;left:0;pointer-events:auto;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;will-change:transform,opacity;transition:opacity .12s linear}.trillion-label .l-name{font-size:13px;font-weight:600;letter-spacing:.06em;color:#f4f6fff2;text-shadow:0 1px 6px rgba(0,0,0,.8)}.trillion-label .l-spec{font-size:10.5px;letter-spacing:.02em;color:#bec4e6b3;text-shadow:0 1px 5px rgba(0,0,0,.8);margin-top:1px}.trillion-label:hover .l-spec{color:#dce0fff2}.trillion-toggles{position:absolute;top:clamp(14px,3vh,28px);right:clamp(14px,3vw,28px);display:flex;gap:8px;z-index:11}.toggle-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.04em;color:var(--text-dim);background:#14162873;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.18);padding:7px 13px;border-radius:999px;transition:color .2s,background .2s,box-shadow .2s}.toggle-chip:disabled{opacity:.4;cursor:default}.toggle-chip:hover:not(:disabled){color:var(--text)}.toggle-chip.on{color:#fff;background:#8b5cf64d;box-shadow:0 0 14px #8b5cf659}.trillion-transcript{position:absolute;left:clamp(16px,3vw,40px);bottom:96px;width:min(440px,42vw);display:flex;flex-direction:column;gap:8px;z-index:9;pointer-events:none}.tx-line{display:flex;flex-direction:column;gap:2px;padding:9px 13px;border-radius:14px;background:#12142680;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.14);animation:tx-in .25s ease}@keyframes tx-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tx-who{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.tx-agent .tx-who{color:#b9a8ff}.tx-text{font-size:13.5px;line-height:1.4;color:var(--text)}.trillion-input{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(16px,4vh,32px);width:min(440px,42vw);display:flex;gap:8px;z-index:10}.trillion-input input{flex:1;font:inherit;font-size:14px;color:var(--text);background:#1214268c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.25);border-radius:999px;padding:11px 16px;outline:none}.trillion-input input:focus{border-color:#8b5cf699;box-shadow:0 0 18px #8b5cf640}.trillion-input button{font:inherit;font-size:13px;cursor:pointer;color:#fff;background:#8b5cf666;border:1px solid rgba(139,92,246,.5);border-radius:999px;padding:0 18px}.trillion-input button:disabled{opacity:.4;cursor:default}.trillion-input .trillion-min{flex:0 0 auto;width:38px;padding:0;font-size:14px;line-height:1;color:var(--text-dim);background:#1214268c;border:1px solid rgba(139,92,246,.25)}.trillion-input .trillion-min:hover{color:var(--text);background:#8b5cf640}.trillion-input .trillion-mic{flex:0 0 auto;width:42px;padding:0;font-size:15px;color:#fff;background:#22d3ee38;border:1px solid rgba(34,211,238,.4)}.trillion-input .trillion-mic:hover{background:#22d3ee57}.trillion-input .trillion-mic.live{color:#fff;background:#f472b680;border-color:#f472b6b3;box-shadow:0 0 16px #f472b68c}.trillion-input .trillion-mic.hear{animation:mic-pulse 1s ease-in-out infinite}.trillion-input .trillion-wake{flex:0 0 auto;width:42px;padding:0;font-size:15px;color:var(--text-dim);background:#14162880;border:1px solid rgba(139,92,246,.25)}.trillion-input .trillion-wake:hover{color:var(--text)}.trillion-input .trillion-wake.on{color:#fff;background:#22d3ee4d;border-color:#22d3ee8c;box-shadow:0 0 16px #22d3ee80;animation:mic-pulse 1.6s ease-in-out infinite}.trillion-vhint{position:absolute;left:clamp(16px,3vw,40px);bottom:calc(clamp(16px,4vh,32px) + 52px);z-index:10;font-size:11px;letter-spacing:.06em;color:#f9a8d4;text-shadow:0 1px 6px rgba(0,0,0,.8);pointer-events:none}@keyframes mic-pulse{0%,to{box-shadow:0 0 12px #f472b673}50%{box-shadow:0 0 22px #f472b6cc}}.trillion-launcher{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(16px,4vh,32px);width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;z-index:10;border-radius:50%;color:#fff;background:#8b5cf666;border:1px solid rgba(139,92,246,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 18px #8b5cf64d;transition:transform .15s ease,box-shadow .2s ease}.trillion-launcher:hover{transform:scale(1.06);box-shadow:0 0 24px #8b5cf680}@media (max-width: 720px){.trillion-transcript,.trillion-input{width:calc(100vw - 32px)}}.trillion-panels{position:absolute;top:50%;right:clamp(16px,3vw,40px);transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:8;pointer-events:none}.trillion-panel{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;width:190px;padding:12px 14px;border-radius:14px;background:#12142680;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.16)}.trillion-panel .p-dot{grid-row:1 / 3;width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px currentColor}.trillion-panel .p-name{font-size:13px;font-weight:600;color:var(--text)}.trillion-panel .p-spec{grid-column:2;font-size:10.5px;color:var(--text-dim)}@media (max-width: 720px){.trillion-panels{display:none}}.trillion-statebar{position:absolute;bottom:clamp(16px,4vh,32px);left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;padding:6px;border-radius:999px;background:#14162873;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.18)}.state-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;font-size:12px;letter-spacing:.05em;text-transform:capitalize;color:var(--text-dim);background:transparent;padding:7px 14px;border-radius:999px;transition:color .25s,background .25s}.state-chip:hover{color:var(--text)}.state-chip.active{color:#fff;background:#8b5cf652;box-shadow:0 0 18px #8b5cf659}.trillion-agentbar{position:absolute;bottom:clamp(58px,9vh,84px);left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.agent-ctrl{display:flex;gap:4px}.agent-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.03em;color:var(--text-dim);background:#14162873;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);padding:6px 12px;border-radius:999px;transition:color .2s,background .2s,box-shadow .2s}.agent-chip:hover{color:var(--text)}.agent-chip.toggle.on{color:#fff;background:color-mix(in srgb,var(--c) 30%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--c) 50%,transparent)}@media (max-width: 720px){.trillion-agentbar,.trillion-statebar{display:none}}