:root{--bg-0: #f4f5f7;--bg-1: #eceef1;--bg-2: #e2e5e9;--surface: rgba(255, 255, 255, .62);--surface-strong: rgba(255, 255, 255, .82);--surface-elevated: rgba(255, 255, 255, .95);--border: rgba(60, 60, 67, .16);--border-strong: rgba(60, 60, 67, .28);--text-primary: #1c1c1e;--text-secondary: #3c3c43;--text-muted: rgba(60, 60, 67, .6);--accent: #6b7280;--accent-strong: #4b5563;--accent-bg: rgba(75, 85, 99, .08);--accent-bg-strong: rgba(75, 85, 99, .14);--success: #16a34a;--error: #b91c1c;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 6px 18px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .05);--shadow-lg: 0 20px 40px rgba(15, 23, 42, .12), 0 2px 6px rgba(15, 23, 42, .06);--blur: 22px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,system-ui,sans-serif;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 0% 0%,rgba(180,195,215,.45),transparent 70%),radial-gradient(900px 500px at 100% 100%,rgba(190,200,215,.4),transparent 70%),linear-gradient(180deg,var(--bg-0),var(--bg-2));color:var(--text-primary);min-height:100%}a{color:inherit}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em;background:var(--accent-bg);padding:1px 6px;border-radius:6px}.shell{min-height:100vh}.shell__nav{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:var(--surface);backdrop-filter:saturate(180%) blur(var(--blur));-webkit-backdrop-filter:saturate(180%) blur(var(--blur));border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.shell__brand{font-weight:600;font-size:18px;text-decoration:none;letter-spacing:-.01em}.shell__brand-dot{color:var(--accent)}.shell__links{display:flex;gap:4px;align-items:center}.shell__link{text-decoration:none;color:var(--text-secondary);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;transition:background .15s}.shell__link:hover{background:var(--accent-bg)}.shell__link.active{background:var(--accent-bg-strong);color:var(--text-primary)}.shell__logout{margin-left:8px;padding:8px 14px;border-radius:999px;font-size:14px;background:transparent;border:1px solid var(--border);cursor:pointer}.shell__logout:hover{background:var(--accent-bg)}.shell__main{max-width:1080px;margin:0 auto;padding:36px 28px 80px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-strong);color:var(--text-primary);font:inherit;padding:10px 18px;border-radius:999px;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,color .2s ease;box-shadow:var(--shadow-sm);font-size:14px;font-weight:500}.btn:hover:not(:disabled){background:var(--surface-elevated);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,#1f2937,#0f172a);color:#f8fafc;border-color:#0f172a}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#1f2937,#0f172a);filter:brightness(1.05)}input[type=text],input[type=search],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffffd9;border-radius:var(--radius-sm);padding:11px 14px;font:inherit;width:100%;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent-strong);box-shadow:0 0 0 4px #4b55631f}.field{display:flex;flex-direction:column;gap:6px;max-width:640px}.field__label{font-size:13px;color:var(--text-muted);font-weight:500}.field__hint{align-self:flex-start;background:none;border:0;color:var(--accent-strong);font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.form-error{color:var(--error);background:#b91c1c14;border:1px solid rgba(185,28,28,.25);padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;max-width:640px}.page__title{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.page__sub{color:var(--text-muted);margin:0 0 28px;max-width:640px;line-height:1.5}.muted{color:var(--text-muted);font-size:14px}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.card{background:var(--surface);backdrop-filter:saturate(180%) blur(var(--blur));-webkit-backdrop-filter:saturate(180%) blur(var(--blur));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:28px 32px;max-width:720px;width:100%}.card h1{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.card p{margin:0;color:var(--text-secondary);line-height:1.55}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.service{text-align:left;cursor:pointer;padding:24px;background:var(--surface);backdrop-filter:saturate(180%) blur(var(--blur));-webkit-backdrop-filter:saturate(180%) blur(var(--blur));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;font:inherit;color:inherit;display:flex;flex-direction:column;gap:8px}.service:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.service__icon{font-size:28px}.service__title{font-size:20px;font-weight:600;letter-spacing:-.01em}.service__desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.service__cta{margin-top:auto;padding-top:12px;color:var(--accent-strong);font-weight:500;font-size:14px}.service__cta--soon{color:var(--text-muted)}.service--disabled{opacity:.7;cursor:not-allowed}.steps{display:flex;align-items:center;gap:8px;margin-bottom:28px;flex-wrap:wrap}.steps__item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);font-size:13px;color:var(--text-muted)}.steps__num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--accent-bg);border-radius:50%;font-size:12px;font-weight:600;color:var(--text-secondary)}.steps__item--active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.steps__item--active .steps__num{background:#ffffff2e;color:#fff}.steps__item--done{background:#16a34a14;color:var(--success);border-color:#16a34a40}.steps__item--done .steps__num{background:var(--success);color:#fff}.wizard{background:var(--surface);backdrop-filter:saturate(180%) blur(var(--blur));-webkit-backdrop-filter:saturate(180%) blur(var(--blur));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:28px 32px}.step__title{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.step__sub{color:var(--text-muted);margin:0 0 24px;line-height:1.5}.step__nav{display:flex;gap:10px;justify-content:flex-end;margin-top:28px}.grid{display:grid;gap:14px}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid--styles{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pick-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:flex;flex-direction:column;gap:8px}.pick-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.pick-card--selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--text-primary),var(--shadow-md);background:var(--surface-elevated)}.pick-card--disabled{opacity:.45;pointer-events:none}.pick-card__head{display:flex;align-items:center;justify-content:space-between}.pick-card__title{font-weight:600;font-size:15px}.pick-card__check{color:var(--success);font-weight:700}.pick-card__example{font-variant-numeric:tabular-nums;font-size:14px;color:var(--text-secondary)}.pick-card__note{color:var(--text-muted);font-size:12px}.pick-card__preview{padding:6px 0}.mock{font-size:12px}.mock--ticker{display:inline-block;padding:6px 12px;border-radius:999px;background:#fffffff2;border:1px solid var(--border);color:#1c1c1e}.mock--exchange{display:inline-flex;gap:0;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#1f2937,#0f172a);color:#e5e7eb;font-family:ui-monospace,monospace}.mock--exchange .mock__head{padding:6px 10px;background:#0000002e;font-weight:700}.mock--exchange .mock__chg{margin-left:6px;padding:1px 5px;border-radius:4px;font-size:11px}.mock--exchange .mock__chg--up{background:#22c55e2e;color:#86efac}.mock--exchange .mock__cell{padding:6px 10px;display:inline-flex;flex-direction:column}.mock--exchange .mock__lbl{color:#94a3b8;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.mock--led{background:#0b0d12;color:#9ae6b4;padding:8px 12px;border-radius:8px;font-family:SF Mono,ui-monospace,monospace;letter-spacing:.06em;text-shadow:0 0 6px rgba(154,230,180,.6)}.mock--led>div{display:flex;justify-content:space-between;gap:10px}.mock--led span{color:#fbbf24;font-size:9px;letter-spacing:.14em}.mock--column{background:#fffffff2;border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.mock--column .mock__sym{font-weight:700;font-size:13px}.mock--column>div:not(.mock__sym){display:flex;justify-content:space-between}.mock--column span{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.mock--minimal{color:var(--text-secondary)}.result{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}@media (max-width: 720px){.result{grid-template-columns:1fr}}.result__label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.result__preview,.result__snippet{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.snippet{font-family:ui-monospace,SF Mono,monospace;font-size:12px;background:#0f172a;color:#e2e8f0;padding:14px;border-radius:10px;overflow:auto;white-space:pre-wrap;word-break:break-all;margin:0 0 12px;max-height:160px;line-height:1.5}.result__how{margin-top:18px;background:var(--accent-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px;font-size:14px;line-height:1.6}.result__how ol{margin:8px 0 0;padding-left:22px}.radios{display:flex;gap:14px;align-items:center}.radios label{display:inline-flex;gap:6px;align-items:center;font-size:14px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 640px){.row2{grid-template-columns:1fr}}input[type=number]{padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffffd9;width:100%}.payouts-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}.payouts-table th,.payouts-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.payouts-table th{color:var(--text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.step__subtitle{font-size:16px;font-weight:600;margin:8px 0 12px}.divider{height:1px;background:var(--border);margin:24px 0 8px}.file-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--accent-bg);border:1px solid var(--border);font-size:12px;color:var(--text-secondary);margin-top:6px}.ai-badge{display:inline-block;margin-left:10px;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;font-size:12px;font-weight:700;vertical-align:middle;letter-spacing:.04em}.ai-tweak{margin-top:20px;padding:16px 18px;border:1px dashed var(--border);border-radius:var(--radius-md);background:#8b5cf60a}.ai-tweak__row{display:flex;gap:10px;align-items:center}.ai-tweak__form{display:flex;flex-direction:column;gap:12px}.ai-tweak__buttons{display:flex;gap:10px;justify-content:flex-end}input[type=file]{padding:8px 12px;cursor:pointer}.widgets-list{display:flex;flex-direction:column;gap:12px}.widget-row{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.widget-row__head{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}.widget-row__sym{font-weight:600}.empty{padding:18px;background:var(--surface-strong);border:1px dashed var(--border);border-radius:var(--radius-md);display:flex;gap:12px;align-items:center;max-width:540px}
