:root{--brand: #1b1b4d;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .12s ease;--transition-base: .2s ease;--ease-out-quart: cubic-bezier(.22, 1, .36, 1);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=light]{--bg: #f7f9fb;--bg-subtle: #f1f5f9;--surface: #ffffff;--surface-raised: #f8fafc;--surface-hover: #f7f9fb;--border-subtle: #eef1f4;--border: #e4e9ee;--border-strong: #d1d9e0;--text: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--accent: #1b1b4d;--accent-hover: #262666;--accent-text: #ffffff;--accent-subtle: #f0f0f7;--error: #b42318;--error-strong: #912018;--error-bg: #fef3f2;--error-border: #fecdca;--warn: #b54708;--warn-bg: #fffaeb;--warn-border: #fedf89;--ok: #067647;--ok-bg: #ecfdf3;--ok-border: #abefc6;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px rgba(15, 23, 42, .04), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px rgba(15, 23, 42, .05), 0 4px 6px rgba(15, 23, 42, .03);--scroll-thumb: rgba(15, 23, 42, .16);--scroll-thumb-hover: rgba(15, 23, 42, .28);color-scheme:light}[data-theme=dark]{--bg: #0a0a12;--bg-subtle: #0f0f1a;--surface: #13131f;--surface-raised: #191926;--surface-hover: #1b1b2a;--border-subtle: #1d1d2c;--border: #262636;--border-strong: #343449;--text: #edeef5;--text-secondary: #b4b7c9;--text-muted: #8b8fa6;--text-faint: #646884;--accent: #b3b3ee;--accent-hover: #c6c6f5;--accent-text: #12122a;--accent-subtle: #1a1a2e;--error: #f5867c;--error-strong: #ff9d94;--error-bg: #2a1512;--error-border: #4d2620;--warn: #f0b45c;--warn-bg: #261c0c;--warn-border: #4a3617;--ok: #5fd28c;--ok-bg: #0f2419;--ok-border: #1f4a31;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--scroll-thumb: rgba(237, 238, 245, .16);--scroll-thumb-hover: rgba(237, 238, 245, .3);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent);color:var(--accent-text)}.tel-btn{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tel-btn:not(:disabled):hover{background:var(--surface-hover)}.tel-btn-primary:not(:disabled):hover{background:var(--accent-hover)}.tel-btn-danger:not(:disabled):hover{background:var(--error-bg)}.tel-btn:not(:disabled):active{transform:translateY(1px)}.tel-row{transition:background-color var(--transition-fast)}.tel-row:hover{background:var(--surface-hover)}.tel-link{color:var(--accent);transition:color var(--transition-fast)}.tel-link:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}.tel-input{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tel-input:hover:not(:focus){border-color:var(--border-strong)}.tel-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.tel-tab{transition:background-color var(--transition-fast),color var(--transition-fast)}.tel-tab:hover{color:var(--text)}@keyframes telViewFade{0%{opacity:0}to{opacity:1}}.tel-view{animation:telViewFade .14s ease-out}@keyframes telPulse{0%,to{opacity:1}50%{opacity:.55}}.tel-skeleton{animation:telPulse 1.4s ease-in-out infinite}@keyframes telBreathe{0%,to{opacity:1}50%{opacity:.35}}.tel-pulse{animation:telBreathe 2.4s ease-in-out infinite}@keyframes telSplashSquare{0%,to{opacity:.25;transform:translateY(1px)}50%{opacity:1;transform:translateY(0)}}.tel-splash-square{animation:telSplashSquare 1.1s ease-in-out infinite}@keyframes telSplashBar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.tel-splash-bar{animation:telSplashBar 1.4s cubic-bezier(.65,0,.35,1) infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tel-btn:not(:disabled):active{transform:none}.tel-splash-square{opacity:1!important;transform:none!important}.tel-splash-bar{width:100%!important;transform:none!important}}
