:root{--bg-0: #0b0a14;--bg-1: #120f22;--violet: #8b5cf6;--violet-2: #7c3aed;--magenta: #a855f7;--indigo: #4c1d95;--cyan: #22d3ee;--brand: var(--violet);--brand-grad: linear-gradient(140deg, #8b5cf6 0%, #7c3aed 48%, #6d28d9 100%);--brand-grad-2: linear-gradient(140deg, #b06bf2 0%, #8b5cf6 55%, #6d28d9 100%);--brand-soft: rgba(139, 92, 246, .18);--brand-glow: rgba(124, 58, 237, .55);--cyan-glow: rgba(34, 211, 238, .5);--pink: var(--violet);--green: #4ade80;--orange: #fb923c;--ink: #ffffff;--text-1: #f2eefc;--text-2: #b8b1d6;--text-3: #837ba6;--on-brand: #ffffff;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--state-success: #4ade80;--state-error: #fb7185;--state-warning: #fbbf24;--state-processing: #22d3ee;--radius-xl: 30px;--radius-lg: 24px;--radius: 18px;--radius-sm: 14px;--gap: 14px;--safe-b: env(safe-area-inset-bottom, 0px);--shadow-brand: 0 16px 38px -14px var(--brand-glow);--shadow-card: 0 16px 36px -22px rgba(0, 0, 0, .85)}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;max-width:100%;margin:0;overflow-x:hidden}body{color:var(--text-1);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--bg-0);background-image:radial-gradient(95% 55% at 50% -6%,#5b21b6,#3a1080,#1d0f4c 52%,#0b0a14 84%)}.app-shell{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:transparent}.app-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.screen{max-width:560px;margin:0 auto;padding:22px 16px 24px}.navbar{flex-shrink:0;display:flex;justify-content:center;padding:8px 0 calc(12px + var(--safe-b))}h1,h2,h3{margin:0;letter-spacing:-.015em}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-brand{position:relative;overflow:hidden;background:var(--brand-grad);border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-brand)}.card-brand:after{content:"";position:absolute;width:200px;height:200px;right:-46px;top:-60px;border-radius:50%;background:radial-gradient(circle,var(--cyan-glow) 0%,rgba(34,211,238,0) 68%);pointer-events:none}.card-brand.pink{background:var(--brand-grad-2)}.card-brand.orange{background:linear-gradient(140deg,#fb923c,#f97316)}.hero-tile{background:#ffffff24;border-radius:16px}.note{display:flex;gap:11px;align-items:center;padding:13px 15px;border-radius:var(--radius)}.note p{margin:0;font-size:12px;line-height:1.4;color:var(--text-1)}.note--green{background:#4ade801f;border:1px solid rgba(74,222,128,.28)}.note--orange{background:#fb923c1f;border:1px solid rgba(251,146,60,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:none;cursor:pointer;border-radius:999px;font-size:14px;font-weight:650;color:var(--text-1);background:#ffffff14;transition:transform .12s ease,filter .2s ease}.btn:active{transform:scale(.97)}.btn--brand{background:var(--brand-grad);color:#fff;box-shadow:0 12px 28px -10px var(--brand-glow)}.btn--brand svg{stroke:#fff!important}.btn--ghost{background:transparent;border:1px solid var(--glass-border);color:var(--text-2)}.btn--block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;background:#ffffff14;color:var(--text-2)}.chip--brand{background:var(--brand-soft);color:#cbb8ff}.badge{font-size:10.5px;padding:3px 9px;border-radius:999px;font-weight:700;letter-spacing:.03em}.badge--soon{color:var(--text-2);background:#ffffff12}.badge--ready{color:#86efac;background:#4ade8026}.field{width:100%;min-height:48px;padding:12px 14px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius);color:var(--text-1);font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field::placeholder{color:var(--text-3)}.field:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--brand-soft)}textarea.field{resize:vertical;min-height:84px}.label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin:0 0 8px 2px}.section-title{font-size:14px;font-weight:700;margin:2px 0 10px}.section-hint{font-size:11.5px;color:var(--text-3);margin:-6px 0 12px}.tap{min-height:44px;min-width:44px}.dot{width:7px;height:7px;border-radius:999px;display:inline-block}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 #22d3ee80}50%{opacity:.55;box-shadow:0 0 0 6px #22d3ee00}}.is-generating{animation:pulseGlow 1.4s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{display:inline-block;animation:spin .7s linear infinite}@keyframes shimmer{0%{background-position:-160px 0}to{background-position:160px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1f 37%,#ffffff0a 63%);background-size:320px 100%;animation:shimmer 1.3s linear infinite}::-webkit-scrollbar{width:0;height:0}