:root{--font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Azeret Mono", ui-monospace, "Cascadia Mono", monospace;--text-body: 1rem / 1.4;--text-small: .875rem / 1.25;--text-label: 1rem / 1.25;--text-mono-large: 1.75rem / 1.2;--text-title: 1.375rem / 1.18;--tracking-mono: -.09em;--tracking-code: .12em;--radius: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 48px;--space-huge: 64px;--motion-fast: .12s cubic-bezier(.2, 0, 0, 1);--motion: .16s cubic-bezier(.2, 0, 0, 1);--control-height: 64px;--code-height: 64px;--dot-size: 7px;--qr-card: 252px;--qr-image: 220px;--editor-min-height: 280px;--content-width: 760px;--stack-width: 420px;--ad-rail-width: 160px;--bg: #f8f9fd;--surface: #ffffff;--card: #f1f1f1;--chip: #eef0f7;--primary: #1c7af5;--on-primary: #ffffff;--on-surface: #101010;--muted: #838383;--code-text: #404040;--outline: #cecece;--disabled-bg: #d4d4d4;--disabled-text: #aaaaaa;--error: #b3261e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--on-surface);font:var(--text-body) var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.screen{min-height:100%;padding:var(--space-xxl) var(--space-xl) var(--space-xxl)}.screen--centered{display:grid;place-items:center}.screen--connected{display:flex;flex-direction:column;gap:var(--space-lg);max-width:var(--content-width);margin:0 auto}.stack{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;max-width:var(--stack-width);text-align:center}.brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.wordmark{display:block;width:111px;height:auto}.tagline{margin:0;color:var(--muted);font-size:1rem;line-height:1.2}.title{margin:0;font-family:var(--font-mono);font-size:1.375rem;font-weight:500;line-height:1.18;letter-spacing:-.02em;color:#000;text-align:center}.subtle{margin:0;color:var(--muted)}.error{margin:0;color:var(--error);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);height:var(--control-height);padding:0 var(--space-xl);border:0;border-radius:var(--radius);background:transparent;color:var(--on-surface);font:600 var(--text-label) var(--font-sans);cursor:pointer;transition:filter var(--motion-fast),background var(--motion-fast),opacity var(--motion-fast)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:default}.btn--filled{background:var(--primary);color:var(--on-primary)}.btn--filled:not(:disabled):hover{filter:brightness(1.08)}.btn--outlined{border:1px solid var(--outline);color:var(--on-surface)}.btn--outlined:not(:disabled):hover{background:var(--chip)}.btn--text{height:48px;padding:0 var(--space-md);color:var(--on-surface)}.btn--text:not(:disabled):hover{background:var(--chip)}.btn--compact{height:32px;padding:0 10px;font-size:.875rem}.btn--block{width:100%}.field-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%}.label{color:var(--muted);font-size:.875rem}.field{width:100%;height:var(--code-height);padding:0 20px;border:0;border-radius:var(--radius);background:var(--surface);color:var(--on-surface);font:400 1rem var(--font-sans);transition:box-shadow var(--motion-fast)}.field:focus{outline:none;box-shadow:0 0 0 2px var(--primary) inset}.field--code{text-align:center;font-family:var(--font-mono);font-size:1.75rem;font-weight:500;letter-spacing:var(--tracking-code);color:var(--primary)}.field--code::placeholder{color:var(--disabled-text)}.qr{display:grid;place-items:center;width:var(--qr-card);height:var(--qr-card);padding:var(--space-lg);border-radius:var(--radius);background:var(--surface)}.qr img{width:var(--qr-image);height:var(--qr-image)}.pairing__code{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.code{font-family:var(--font-mono);font-size:1.75rem;font-weight:500;letter-spacing:var(--tracking-code);color:var(--primary)}.code--large{font-size:2.25rem}.waiting{display:inline-flex;align-items:center;gap:var(--space-sm);margin:0;color:var(--muted);font-size:.875rem}.pairing__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.status{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--on-surface);font-size:1rem}.status__dot{width:var(--dot-size);height:var(--dot-size);border-radius:0;background:var(--muted)}.status--ok .status__dot{background:var(--primary);animation:dot-pulse 1.2s ease-in-out infinite}.status--error .status__dot{background:var(--error)}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.2}}@media(prefers-reduced-motion:reduce){.status--ok .status__dot{animation:none}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.topbar__end{display:flex;align-items:center;gap:var(--space-md)}.topbar__code{display:inline-flex;align-items:baseline;gap:var(--space-xs);font-size:1rem}.topbar__code-label{color:var(--muted)}.topbar__code-value{font-family:var(--font-mono);font-weight:400;letter-spacing:var(--tracking-mono);color:var(--code-text)}.close-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:12px;background:var(--chip);color:#1c1b1f;cursor:pointer;transition:background var(--motion-fast)}.close-btn:hover{background:#e2e5f0}.close-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.editor-wrap{position:relative;display:flex;flex:1}.editor{flex:1;width:100%;min-height:var(--editor-min-height);padding:var(--space-lg) var(--space-lg) 32px;border:0;border-radius:var(--radius);background:var(--card);color:var(--on-surface);font:400 1rem var(--font-sans);resize:vertical}.editor:focus{outline:none}.editor::placeholder{color:var(--muted)}.synced{position:absolute;right:var(--space-lg);bottom:var(--space-sm);color:var(--muted);font-size:.75rem;pointer-events:none}.actions{display:flex;align-items:center;gap:var(--space-sm)}.actions__spacer{flex:1}.actions__confirmation{color:var(--primary);font-size:.875rem;font-weight:600;opacity:0;transition:opacity var(--motion)}.actions__confirmation.is-visible{opacity:1}.meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.875rem}.privacy{margin:0;text-align:center;color:var(--muted);font-size:.875rem}.ad-rail{position:fixed;top:50%;transform:translateY(-50%);width:var(--ad-rail-width);min-height:300px;z-index:10}.ad-rail--left{left:var(--space-xl)}.ad-rail--right{right:var(--space-xl)}@media(max-width:1100px){.ad-rail{display:none}}@media(max-width:820px){.screen{padding:var(--space-xl) var(--space-lg) var(--space-xxl)}.screen--connected{gap:var(--space-md)}.stack{max-width:100%}.editor{min-height:180px}.actions{flex-wrap:wrap}.meta{flex-wrap:wrap;gap:var(--space-sm)}.pairing__actions{flex-direction:column;align-items:stretch}}