:root{--canvas: #08090a;--surface: rgba(255, 255, 255, .05);--hairline: rgba(255, 255, 255, .12);--text: #f5f5f4;--muted: rgba(245, 245, 244, .62);--me: #5ad7ff;--other: #f2b84b;--listening: #37e6a0;--action: #f3ebd8;--action-ink: #14110b;--radius-card: 16px;--radius-group: 12px;color-scheme:dark;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--text)}body{font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}h1{font-size:24px;font-weight:600;margin:0 0 8px;letter-spacing:-.01em}p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.action{margin-top:24px;min-height:44px;padding:0 24px;border:0;border-radius:999px;background:var(--action);color:var(--action-ink);font:inherit;font-weight:600;cursor:pointer}.action:focus-visible{outline:2px solid var(--me);outline-offset:3px}.centered{min-height:100vh;max-width:440px;margin:0 auto;padding:48px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.code{margin:24px 0 8px;font-size:40px;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--action)}.qr{width:184px;height:184px;margin:8px 0 16px;border-radius:var(--radius-group)}.qr-bg{fill:#fff}.qr-fg{fill:#000}.call{min-height:100vh;max-width:760px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column}.bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:16px 0;background:var(--canvas);border-bottom:1px solid var(--hairline)}.brand{font-weight:700;font-size:17px}.chip{font-size:13px;font-weight:500;padding:4px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--hairline);color:var(--muted)}.chip-live{color:var(--listening);border-color:#37e6a066}.empty{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:48px 0}.transcript{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px 0 24px}.line{padding:12px 16px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--hairline)}.line .who{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}.line-you .who{color:var(--me)}.line-other .who{color:var(--other)}.line-you{border-left:3px solid var(--me)}.line-other{border-left:3px solid var(--other)}.interim p{color:var(--muted)}footer{padding:16px 0 24px;text-align:center;border-top:1px solid var(--hairline)}@media(prefers-reduced-motion:no-preference){.line{animation:in .16s ease-out}@keyframes in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}.layout{flex:1;display:flex;flex-direction:column;gap:8px}.side{display:flex;flex-direction:column;gap:8px;padding-top:16px}.label{margin:8px 0 0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.subject{align-self:flex-start;font-size:13px;font-weight:500;padding:4px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--hairline)}.cards{display:flex;flex-direction:column;gap:8px}.card{padding:16px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--hairline)}.card p{font-size:19px;font-weight:500;line-height:1.35}.card.pinned{border-color:var(--other);box-shadow:0 0 24px #f2b84b2e}.ask-of{display:block;margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--other)}.facts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.facts li{font-size:14px;color:var(--muted);padding-left:12px;border-left:2px solid var(--hairline)}@media(min-width:900px){.call{max-width:1120px}.layout{flex-direction:row-reverse;align-items:flex-start;gap:24px}.side{position:sticky;top:72px;width:380px;flex:none}.transcript{flex:1;min-width:0}}@media(prefers-reduced-motion:no-preference){.card{animation:in .2s ease-out}}.card-controls{display:flex;gap:12px;margin-top:12px}.card-controls button,.voice{background:transparent;color:var(--action);border:1px solid var(--hairline);border-radius:8px;padding:8px 12px;min-height:44px;cursor:pointer}.voice{color:inherit;padding:0 8px}button:focus-visible,input:focus-visible{outline:2px solid var(--action);outline-offset:3px}button:disabled{opacity:.5;cursor:default}form{padding:16px;display:flex;gap:12px;flex-wrap:wrap}input{font:inherit;background:var(--surface);color:var(--action);padding:8px}.call-setup{margin:16px 0;padding:16px;border:1px solid currentColor;border-radius:8px}.call-setup summary{cursor:pointer;font-weight:600}.line-editor{margin:16px 0;padding:16px;border:1px solid currentColor;border-radius:8px}.line-editor label{display:block;margin:12px 0}.line-editor textarea{display:block;width:100%;min-height:96px;box-sizing:border-box;font:inherit}.line-editor select{display:block;max-width:100%;margin-top:8px;font:inherit}.line-editor button{margin:8px 8px 0 0}
