:root{--teal-50: #e7fbfb;--teal-100: #c5f3f4;--teal-200: #8fe6e8;--teal-300: #5cd6da;--teal-400: #34bfc6;--teal-500: #1ba2ab;--teal-600: #157f88;--bg-0: #07151a;--bg-1: #0d1f24;--bg-2: #122a31;--bg-3: #18353d;--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .07);--border: rgba(92, 214, 218, .18);--border-strong: rgba(92, 214, 218, .45);--text: #eaf7f8;--text-dim: #a7c4c8;--text-faint: #6f9197;--good: #5cd6da;--bad: #ff7a8a;--warn: #ffd166;--glow: 0 0 24px rgba(92, 214, 218, .45);--glow-soft: 0 0 14px rgba(92, 214, 218, .25);--radius: 16px;--radius-sm: 10px;--content-max: 480px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, "Roboto Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 700px at 50% -10%,var(--bg-3),transparent 60%),radial-gradient(900px 500px at 50% 110%,var(--bg-2),transparent 60%),var(--bg-0);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:contain}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center}.app-shell{width:100%;max-width:var(--content-max);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 14px) 16px calc(var(--safe-bottom) + 48px)}h1,h2,h3{margin:0 0 .4em;font-weight:700;letter-spacing:.2px}p{margin:0 0 .9em;line-height:1.55;color:var(--text-dim)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:var(--radius-sm);font-size:1.02rem;font-weight:650;background:linear-gradient(180deg,var(--teal-400),var(--teal-500));color:#04181b;box-shadow:var(--glow-soft);transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.4;cursor:default;box-shadow:none}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.text-input{width:100%;min-height:52px;padding:0 16px;font-size:1.1rem;color:var(--text);background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.text-input:focus{border-color:var(--teal-300);box-shadow:var(--glow-soft)}.muted{color:var(--text-faint)}.accent{color:var(--teal-300)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.shake{animation:shake .4s ease}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-in{animation:viewIn .35s ease both}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}