@import"https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:where(.app,.landing){--grad-1: #7c3aed;--grad-2: #db2777;--grad-3: #f97316;--grad-4: #06b6d4;--gradient: linear-gradient(135deg, var(--grad-1), var(--grad-2) 55%, var(--grad-3));--ink: #16121f;--surface: #ffffff;--surface-sunken: #fbfaff;--muted: #5b5468;--line: rgba(22, 18, 31, .1);--text-soft: var(--muted);--paper: var(--surface-sunken);--temp-hot: #db2777;--temp-warm: #ea580c;--temp-cold: #0891b2;--radius: 16px;--radius-sm: 12px;--radius-pill: 999px;--shadow: 0 1px 2px rgba(22, 18, 31, .04);--shadow-lg: 0 24px 48px rgba(22, 18, 31, .12);--display: "Sora", sans-serif;--body: "Inter", sans-serif}.app{--marine: var(--ink);--ink-deep: var(--ink);--teal: var(--grad-1);--teal-deep: var(--grad-1);--brass: var(--grad-3);--brass-deep: var(--grad-2);--paper: var(--surface-sunken);--text: var(--ink);--text-soft: var(--muted);--text-faint: var(--muted);--on-dark: #ffffff;--on-dark-soft: rgba(255, 255, 255, .82);--display: "Sora", sans-serif;--mono: "Inter", sans-serif;color:var(--ink);font-family:var(--body);background:var(--surface-sunken);min-height:100vh}.app :is(h1,h2,h3),.app .app-h1,.app .app-h2{font-family:var(--display)}.app-eyebrow{margin:0 0 12px;font-family:var(--body);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.app-page{max-width:1000px;margin:0 auto;padding:48px 24px 88px}.app-btn,.app-btn-ghost,.app-btn-inverse{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--body);font-weight:600;font-size:.95rem;text-decoration:none;border:none;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap}.app-btn{color:#fff;background:var(--gradient);padding:12px 24px;box-shadow:0 12px 24px #7c3aed47;transition:transform .15s ease,box-shadow .15s ease}.app-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px #7c3aed5c}.app-btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.app-btn-ghost{color:var(--ink);background:transparent;padding:12px 20px;border:1px solid var(--line)}.app-btn-ghost:hover{background:#7c3aed0f}.app-btn-inverse{color:var(--grad-1);background:#fff;padding:12px 24px}.app-btn-sm{padding:9px 18px;font-size:.85rem}.app-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.app-field,.app label.app-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:500;color:var(--muted)}.app-input,.app-field input,.app-field textarea,.app-field select{font-family:var(--body);font-size:.95rem;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.app-input:focus,.app-field input:focus,.app-field textarea:focus,.app-field select:focus{outline:2px solid var(--grad-1);outline-offset:1px}.app-pill,.app-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.02em}.app-pill{background:#7c3aed1a;color:var(--grad-1)}.app-badge{background:var(--surface-sunken);border:1px solid var(--line);color:var(--muted)}.app-banner{border-radius:var(--radius-sm);padding:12px 16px;font-size:.9rem;background:#7c3aed14;color:var(--ink)}.app-banner.ok{background:#10b9811f;color:#047857}.app-banner.error{background:#db27771a;color:#be185d}.app-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:20px;padding:16px 24px;background:#fbfaffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.app-logo{font-family:var(--display);font-weight:800;font-size:1.15rem;text-decoration:none;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.app-nav-links{display:flex;align-items:center;gap:18px;margin-left:auto}.app-nav-links a,.app-nav-links button.linklike{font-family:var(--body);font-size:.9rem;font-weight:500;color:var(--muted);text-decoration:none;background:none;border:none;padding:0;cursor:pointer}.app-nav-links a:hover,.app-nav-links button.linklike:hover{color:var(--ink)}@media(max-width:640px){.app-nav-hideable{display:none}}
