:root{--rep-black: #0f0f0f;--rep-white: #f5f5f0;--rep-green: #1D9E75;--rep-green-d: #0f6e56;--rep-green-l: rgba(29,158,117,.12);--rep-red: #E24B4A;--rep-amber: #EF9F27;--rep-gray: #888780;--bg: #0f0f0f;--bg-surface: #1a1a1a;--bg-raised: #242424;--border: rgba(255,255,255,.08);--border-md: rgba(255,255,255,.14);--text: #f5f5f0;--text-muted: #888780;--text-faint: #555550;--exp-primary: #1D9E75;--exp-primary-on: #ffffff;--exp-primary-soft:rgba(29,158,117,.12);--exp-bg: #0f0f0f;--exp-text: #f5f5f0;--exp-muted: #a0a0a0;--exp-border: rgba(29,158,117,.2);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--t-fast: .12s ease;--t-mid: .22s ease;--t-slow: .38s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100%;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{min-height:100dvh;display:flex;flex-direction:column}h1{font-size:2rem;font-weight:600;line-height:1.15;letter-spacing:-.03em}h2{font-size:1.5rem;font-weight:500;line-height:1.2;letter-spacing:-.02em}h3{font-size:1.1rem;font-weight:500;line-height:1.3}p{line-height:1.65;color:var(--text-muted)}input,select,textarea{font-family:inherit;font-size:1rem;background:var(--bg-raised);color:var(--text);border:1px solid var(--border-md);border-radius:var(--r-md);padding:12px 14px;width:100%;outline:none;transition:border-color var(--t-fast);-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--rep-green)}input::placeholder,textarea::placeholder{color:var(--text-faint)}label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:var(--r-md);font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;border:none;transition:all var(--t-fast);white-space:nowrap;min-height:48px;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--rep-green);color:#fff}.btn-primary:hover{background:var(--rep-green-d)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-md)}.btn-ghost:hover{border-color:var(--border-md);background:var(--bg-raised);color:var(--text)}.btn-danger{background:transparent;color:var(--rep-red);border:1px solid rgba(226,75,74,.3)}.btn-danger:hover{background:#e24b4a14}.btn-full{width:100%}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.card-raised{background:var(--bg-raised);border:1px solid var(--border-md);border-radius:var(--r-lg);padding:20px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.badge-green{background:var(--rep-green-l);color:var(--rep-green)}.badge-red{background:#e24b4a1f;color:var(--rep-red)}.badge-amber{background:#ef9f271f;color:var(--rep-amber)}.badge-gray{background:#8887801f;color:var(--rep-gray)}.page{flex:1;display:flex;flex-direction:column;max-width:480px;margin:0 auto;width:100%;padding:24px 20px}.page-full{flex:1;display:flex;flex-direction:column;width:100%;padding:24px 20px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.flex{display:flex}.col{flex-direction:column}.center{align-items:center;justify-content:center}.between{justify-content:space-between}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:40px}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.divider{height:1px;background:var(--border);margin:20px 0}.spinner{width:22px;height:22px;border:2px solid var(--border-md);border-top-color:var(--rep-green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.err-text{font-size:.85rem;color:var(--rep-red);margin-top:8px}.exp-code{font-family:var(--font-mono);font-size:2.2rem;font-weight:700;letter-spacing:.2em;color:var(--rep-green);text-align:center;padding:24px;background:var(--rep-green-l);border:1px solid rgba(29,158,117,.25);border-radius:var(--r-lg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:2px}