@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@500;600;700&family=Sora:wght@600;700&display=swap";:root{--font-display: "Sora", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "IBM Plex Mono", monospace;--ink-900: #0f1b2e;--ink-700: #2c3f5d;--ink-500: #5b6f8f;--surface: rgba(255, 255, 255, .84);--surface-strong: rgba(255, 255, 255, .92);--surface-border: rgba(24, 52, 92, .14);--accent-600: #1566d2;--accent-700: #0e4ea8;--good-600: #0f7c66;--danger-600: #b63232;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--shadow-lg: 0 22px 48px rgba(17, 44, 80, .16);--shadow-md: 0 12px 28px rgba(17, 44, 80, .11);--ease-out: cubic-bezier(.2, .75, .3, 1);--mobile-bottom-clearance: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink-900);background:radial-gradient(110% 80% at 100% 0%,#dbe9ff 0%,transparent 60%),radial-gradient(95% 95% at 0% 100%,#d6f0ec 0%,transparent 60%),linear-gradient(155deg,#edf4ff,#f8fbff 52%,#eef6ff);overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(21,63,113,.1) .5px,transparent .5px);background-size:3px 3px;opacity:.07}h1,p{margin:0}button,textarea{font:inherit}.app-shell{position:relative;height:100dvh;min-height:100vh;padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + var(--mobile-bottom-clearance))}.ambient-glow{position:absolute;inset:auto -8% -24% auto;width:min(40vw,300px);height:min(40vw,300px);border-radius:999px;background:radial-gradient(circle,#1e7cd138,#1e7cd100 70%);filter:blur(14px);pointer-events:none}@keyframes stage-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stage-enter{animation:stage-enter .36s var(--ease-out) both}.wordmark{font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.01em}.live-pill{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:.36rem .66rem;border-radius:999px;border:1px solid rgba(22,63,115,.14);background:#ffffffd6;color:var(--ink-700);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em}.live-pill.is-live{background:#0f7c6624;border-color:#0f7c6633;color:#0b5f50}.pairing-screen{height:100%;display:grid;place-content:center;justify-items:center;gap:.72rem;text-align:center;padding:1rem .4rem}.pairing-screen h1{font-family:var(--font-display);font-size:clamp(2rem,7vw,2.65rem);letter-spacing:-.03em}.pairing-subtitle{color:var(--ink-500);max-width:30ch}.pairing-status{color:var(--ink-500);font-size:.9rem}.phone-wait-card{width:min(100%,360px);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface);box-shadow:var(--shadow-md);padding:1rem;display:grid;justify-items:center;gap:.7rem}.phone-wait-card p{color:var(--ink-700)}.qr-loading{width:min(82vw,320px);min-height:min(82vw,320px);border:1px dashed rgba(24,52,92,.24);border-radius:var(--radius-lg);background:var(--surface);display:grid;place-items:center;color:var(--ink-500);padding:1rem}.safety-inline{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-700)}.error-inline{color:var(--danger-600);font-weight:700;font-size:.9rem}.ready-screen{height:100%;display:flex;flex-direction:column;min-height:0;gap:.65rem}.ready-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.ready-header-actions{display:flex;align-items:center;gap:.45rem}.text-button{border:0;background:transparent;color:var(--ink-700);padding:.25rem .1rem;font-size:.86rem;font-weight:700}.pair-sheet{border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface);box-shadow:var(--shadow-md);padding:.72rem;display:grid;justify-items:center}.workspace{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,.95fr) minmax(0,1.05fr);gap:.72rem}.composer-panel,.feed-panel{border-radius:var(--radius-xl);border:1px solid var(--surface-border);background:var(--surface-strong);box-shadow:var(--shadow-lg)}.composer-panel{padding:.8rem;display:flex;flex-direction:column;gap:.7rem;min-height:0}textarea{width:100%;min-height:0;flex:1;border-radius:var(--radius-md);border:1px solid rgba(24,52,92,.18);background:#fcfdff;color:var(--ink-900);padding:.8rem;resize:none;font-family:var(--font-mono);font-size:1rem;line-height:1.4}textarea::placeholder{color:#7a8ba8}textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent-600);outline-offset:2px}.composer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}button{border:0;border-radius:999px;padding:.72rem .7rem;background:linear-gradient(130deg,var(--accent-600) 0%,var(--accent-700) 100%);color:#f7fbff;font-weight:700;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),opacity .18s var(--ease-out)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #0e4ea847}button:disabled{opacity:.5}.feed-panel{min-height:0;overflow:auto;padding:.7rem}.feed-empty{color:var(--ink-500);margin:.2rem .25rem .4rem}.feed-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.feed-item{border-radius:var(--radius-lg);border:1px solid rgba(24,52,92,.13);background:#fbfdffeb;padding:.7rem;display:grid;gap:.62rem}.feed-item pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-900);font-family:var(--font-mono);font-size:.92rem}.feed-item-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.feed-item-footer span{color:var(--ink-500);font-size:.75rem;font-family:var(--font-mono)}.copy-button{width:auto;padding:.4rem .7rem;font-size:.83rem}.ready-error{margin-top:.2rem}.qr-card{width:min(82vw,320px);border-radius:var(--radius-xl);border:1px solid var(--surface-border);background:var(--surface-strong);box-shadow:var(--shadow-lg);padding:.78rem;display:grid;justify-items:center;gap:.55rem}.qr-card canvas{width:min(78vw,280px);max-width:100%;border-radius:12px;border:1px solid rgba(24,52,92,.16);background:#f8faff}.qr-card.is-compact{width:min(62vw,220px);box-shadow:none;border-color:#18345c1c}.qr-card.is-compact canvas{width:min(56vw,160px)}.manual-link-wrap{width:100%}.manual-link-wrap summary{cursor:pointer;color:var(--ink-700);font-size:.78rem;font-weight:700}.manual-link{margin-top:.42rem;display:block;border-radius:10px;border:1px solid rgba(24,52,92,.12);background:#f8fbff;padding:.45rem;font-family:var(--font-mono);font-size:.64rem;color:var(--ink-700);white-space:pre-wrap;overflow-wrap:anywhere}@media(min-width:940px){.app-shell{max-width:1050px;margin:0 auto;padding-top:22px;padding-bottom:22px}.pairing-screen{max-width:560px;margin:0 auto}.ready-screen{max-width:980px;margin:0 auto;width:100%}.workspace{grid-template-columns:minmax(340px,.95fr) minmax(420px,1.05fr);grid-template-rows:minmax(0,1fr)}.composer-panel{padding:1rem}.feed-panel{padding:.9rem}}@media(max-width:420px){.wordmark{font-size:1rem}.pairing-screen{gap:.62rem}.composer-actions{gap:.45rem}button{padding:.64rem .56rem;font-size:.94rem}}@supports (-webkit-touch-callout: none){@media(max-width:939px){:root{--mobile-bottom-clearance: 88px}}}