:root{--bg: #0A0A0B;--panel: #131315;--line: #232327;--line-2: #2A2A2E;--ink: #F5F5F4;--ink-2: #C9C9CD;--muted: #A3A3A8;--dim: #71717A;--display: "Plus Jakarta Sans", Inter, system-ui, sans-serif;--body: Inter, system-ui, sans-serif;--green: #22C55E}*{box-sizing:border-box;text-wrap:balance}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}button{font-family:var(--body);cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid #93C5FD;outline-offset:3px}h1,h2,h3,p{margin:0}.tv-body{overflow:hidden}.tv-viewport{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000}.tv-stage{width:1920px;height:1080px;background:var(--bg);position:relative;overflow:hidden;display:flex;flex-direction:column;transform-origin:center center;flex-shrink:0}.tv-main{flex-grow:1;min-height:0;display:flex;flex-direction:column;position:relative}.tv-footer{height:88px;flex-shrink:0;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1E1E21}.tv-footer .stage-name{font-size:16px;color:var(--muted)}.pill{font-size:16px;font-weight:500;color:#d4d4d8;background:transparent;border:1px solid var(--line-2);border-radius:999px;padding:12px 24px}.pill.primary{font-weight:600;color:var(--bg);background:var(--ink);border-color:var(--ink);padding:12px 28px}.pill:disabled{opacity:.35}.eyebrow{font-size:22px;font-weight:500;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.display{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.02}.big-btn{font-size:28px;font-weight:700;color:var(--bg);background:var(--ink);border:0;border-radius:22px;padding:26px 44px;display:inline-flex;align-items:center;gap:14px}.big-btn.ghost{color:var(--ink);background:transparent;border:2px solid #3F3F46}.big-btn:disabled{opacity:.5}.pad{padding:52px 96px 36px}.card{background:var(--panel);border:1px solid var(--line);border-radius:26px}.avatar{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.avatar.off{opacity:.35;filter:grayscale(.6)}.orbit{position:absolute;border-radius:50%;animation:spin linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{position:relative}.loader .ring{position:absolute;border-radius:50%;animation:spin linear infinite}.loader .dot{position:absolute;border-radius:50%}@keyframes hop{0%{transform:translateY(0)}22%{transform:translateY(-70px)}44%{transform:translateY(0)}56%{transform:translateY(-24px)}68%{transform:translateY(0)}76%{transform:translateY(-8px)}84%,to{transform:translateY(0)}}.hop{animation:hop 1.4s cubic-bezier(.3,0,.4,1) 1}@keyframes grow{0%{width:0}}.grow{animation:grow .9s ease-out}.bar-fill{transition:width .6s ease}.phone-body{background:var(--bg)}.phone{min-height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.phone-top{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 18px;min-height:78px}.phone-top .label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--muted)}.sheet{flex-grow:1;background:#fff;color:var(--bg);border-radius:28px 28px 0 0;padding:28px 22px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.sheet h1{font-family:var(--display);font-weight:800;font-size:26px;line-height:1.15;letter-spacing:-.02em}.opt{text-align:left;font-size:16px;font-weight:500;color:var(--bg);background:#fff;border:1.5px solid #E4E4E7;border-radius:14px;padding:14px 16px;min-height:52px;display:flex;align-items:center;gap:12px;width:100%}.opt .key{width:26px;height:26px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#f4f4f5;color:var(--bg)}.opt[aria-checked=true]{background:var(--bg);color:#fff;border-color:var(--bg)}.opt[aria-checked=true] .key{background:#fff}.field{font-family:var(--body);font-size:16px;color:var(--bg);border:1.5px solid #E4E4E7;border-radius:14px;padding:14px 16px;outline:none;width:100%;resize:none;background:#fff}.field:focus{border-color:var(--bg)}.field-label{font-size:13px;font-weight:600;color:#52525b}.submit{font-size:17px;font-weight:700;color:#fff;background:var(--bg);border:0;border-radius:16px;padding:18px;min-height:56px;width:100%}.submit:disabled{color:#71717a;background:#e4e4e7}.ghost-btn{font-size:17px;font-weight:700;color:var(--ink);background:transparent;border:1.5px solid #3F3F46;border-radius:16px;padding:18px;min-height:56px;width:100%}.text-btn{font-size:15px;font-weight:600;color:var(--muted);background:transparent;border:0;padding:12px;min-height:44px}.error{font-size:14px;color:#dc2626}input[type=range]{width:100%;accent-color:var(--bg);height:32px}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.nudge{animation:nudge 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.orbit,.loader .ring,.hop,.grow,.nudge{animation:none!important}.bar-fill{transition:none}}.brief-md{font-size:22px;line-height:1.55}.brief-md h1{font-family:var(--display);font-size:44px;margin:0 0 20px;letter-spacing:-.02em}.brief-md h2{font-family:var(--display);font-size:32px;margin:36px 0 12px;letter-spacing:-.01em}.brief-md h3{font-size:24px;margin:24px 0 8px}.brief-md p,.brief-md ul,.brief-md ol{margin:0 0 14px}.brief-md li{margin-bottom:6px}.brief-md table{border-collapse:collapse;margin:12px 0}.brief-md th,.brief-md td{border:1px solid #D4D4D8;padding:8px 12px;text-align:left}
