:root{--color-bg: #140418;--color-bg-deep: #090209;--color-surface: #22082A;--color-surface-hi: #320C36;--color-border: #4A1A44;--color-primary: #D1A66B;--color-primary-hi: #E8C889;--color-accent: #F4D487;--color-text: #FBF3E4;--color-muted: #A58BA8;--color-danger: #E06A6A;--color-success: #6BC289;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--font-display: "Georgia", "Noto Serif", "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100vh;min-height:100dvh}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:radial-gradient(1200px 600px at 10% -10%,rgba(209,166,107,.08),transparent 60%),radial-gradient(900px 600px at 110% 110%,rgba(74,26,68,.55),transparent 60%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-deep) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button{font-family:inherit}a{color:var(--color-primary-hi);text-decoration:none}a:hover{color:var(--color-accent)}.app-shell{min-height:100dvh;padding:24px 20px 40px;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.brand-header{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:700;letter-spacing:.06em;color:var(--color-primary-hi);text-transform:uppercase;font-size:14px;text-align:center}.brand-header:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary))}.brand-header:after{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--color-primary),transparent)}.card{background:linear-gradient(160deg,var(--color-surface-hi) 0%,var(--color-surface) 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px;box-shadow:0 8px 28px #00000059}.text-display{font-family:var(--font-display);font-weight:700;line-height:1.15;color:var(--color-text)}.text-muted{color:var(--color-muted);font-size:14px;line-height:1.5}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hi) 100%);color:#1a0820;font-weight:700;font-size:16px;cursor:pointer;transition:transform .12s ease;box-shadow:0 8px 20px #d1a66b40}.primary-button:active{transform:scale(.98)}.primary-button[disabled]{opacity:.6;cursor:not-allowed}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-weight:600;font-size:15px;cursor:pointer;transition:background .15s ease}.ghost-button:hover{background:#4a1a4466}.input-field{width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-deep);color:var(--color-text);font-size:16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #d1a66b33}.input-field::placeholder{color:var(--color-muted)}.variant-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:border-color .15s ease,transform .12s ease;text-align:left;color:inherit;width:100%}.variant-card:hover{border-color:var(--color-primary)}.variant-card:active{transform:scale(.99)}.variant-index{font-family:var(--font-display);font-size:20px;color:var(--color-primary-hi);flex-shrink:0;width:28px;text-align:center}.variant-body{display:flex;flex-direction:column;gap:4px;flex:1}.variant-title{font-size:18px;font-weight:600;color:var(--color-text);font-family:var(--font-display)}.variant-rationale{font-size:13px;color:var(--color-muted);line-height:1.4}.hero-title{font-size:28px;letter-spacing:-.01em;text-align:center}.subtitle{font-size:15px;color:var(--color-muted);line-height:1.55}.pill{display:inline-flex;align-self:center;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#d1a66b1f;color:var(--color-primary-hi);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.error-banner{border-radius:var(--radius-md);border:1px solid rgba(224,106,106,.4);background:#e06a6a1f;color:#f1b0b0;padding:12px 14px;font-size:14px}.loader-ring{width:42px;height:42px;border-radius:50%;border:3px solid rgba(209,166,107,.2);border-top-color:var(--color-primary)}.selected-hero{display:flex;flex-direction:column;gap:8px;text-align:center;padding:28px 20px;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0%,rgba(209,166,107,.22),transparent 60%),linear-gradient(160deg,var(--color-surface-hi),var(--color-surface));border:1px solid var(--color-border)}.selected-hero h1{margin:0;font-family:var(--font-display);font-size:34px;color:var(--color-accent)}.selected-hero p{margin:0;color:var(--color-muted);font-size:14px}