*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}:root{--bg-0:#000000;--bg-1:#050509;--bg-2:#020617;--ink-0:#f9fafb;--ink-1:#e5e7eb;--ink-2:#9ca3af;--muted:#6b7280;--acc-1:#4f46e5;--acc-2:#0ea5e9;--acc-3:#2563eb;--acc-4:#a855f7;--ok:#4ade80;--bad:#fb7185;--brd:rgba(148,163,184,0.35);--card:radial-gradient(circle at top left,#111827,#020617 55%)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink-0);background:radial-gradient(circle at top,#262262,var(--bg-1) 50%,var(--bg-0) 100%)}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;align-items:stretch;justify-content:center;padding:32px 16px 24px}.app-shell{width:100%;max-width:1000px;background:var(--card);border-radius:24px;border:1px solid var(--brd);box-shadow:0 20px 60px rgba(15,23,42,.95);padding:24px 24px 20px;display:flex;flex-direction:column;gap:20px}.app-header{justify-content:space-between;gap:12px}.app-brand,.app-header{display:flex;align-items:center}.app-brand{gap:10px}.app-logo{height:40px;width:auto;-o-object-fit:contain;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(255,255,255,.15))}.app-title-group{display:flex;flex-direction:column;gap:2px}.app-title{font-size:1.25rem;font-weight:700;letter-spacing:.04em}.app-subtitle{font-size:.8rem;color:var(--ink-2)}.app-badge{padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.4);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#e5e7eb;background:linear-gradient(90deg,#22c55e22,#22c55e11)}.app-form{margin-top:4px;display:flex;flex-direction:column;gap:12px}.app-form-label{font-size:.8rem;color:var(--ink-2)}.app-form-row{display:flex;gap:10px}.app-input{flex:1;padding:10px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:radial-gradient(circle at top left,var(--bg-2),var(--bg-2) 60%);color:var(--ink-0);font-size:.9rem;outline:none}.app-input::-moz-placeholder{color:var(--muted)}.app-input::placeholder{color:var(--muted)}.app-input:focus{border-color:var(--acc-4);box-shadow:0 0 0 1px rgba(168,85,247,.6)}.app-button{padding:10px 18px;border-radius:999px;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;color:#f9fafb;font-size:.9rem;font-weight:600;background:radial-gradient(circle at top left,var(--acc-4),var(--acc-1));box-shadow:0 10px 30px rgba(79,70,229,.7);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.app-button:hover{transform:translateY(-1px);box-shadow:0 14px 40px rgba(129,140,248,.9)}.app-button:active{transform:translateY(0);box-shadow:0 8px 24px rgba(15,23,42,.9)}.app-button:disabled{opacity:.6;cursor:default;box-shadow:none}.app-status{font-size:.8rem;color:var(--ink-2)}.app-status-err{color:#f97373}.app-status-ok{color:#b7d7ff}.app-chip{font-size:.7rem;padding:3px 8px;border-radius:999px;background:rgba(37,99,235,.24);color:#dbeafe}.app-chip--pro{background:rgba(0,183,255,.18);color:#9cd6ff;border:1px solid rgba(0,183,255,.35)}.app-results{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:10px}.app-card{border-radius:18px;border:1px solid rgba(55,65,81,.9);background:radial-gradient(circle at top left,var(--bg-2),var(--bg-2) 70%);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.app-card--glass{background:linear-gradient(145deg,rgba(0,112,255,.14),rgba(255,255,255,.05)),radial-gradient(1200px 400px at -10% -10%,rgba(0,183,255,.1),transparent);border:1px solid rgba(180,206,255,.22);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,27,56,.55),inset 0 1px 0 rgba(255,255,255,.08);animation:appFadeIn .6s ease-out}.app-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.app-card-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2)}.app-card-body{font-size:.9rem;color:var(--ink-1)}.app-kv{font-size:.8rem;color:var(--ink-2)}.app-kv strong{color:var(--ink-1)}.app-pass{color:var(--ok)}.app-fail{color:var(--bad)}.app-muted{color:var(--muted)}.app-gradient-text{background:linear-gradient(90deg,#00b7ff,#4f8cff 45%,#7aa7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-hr{height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.25),transparent);margin:8px 0}.app-check{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,var(--acc-2) 0,var(--acc-3) 70%);box-shadow:0 8px 30px rgba(37,99,235,.45),inset 0 0 12px rgba(255,255,255,.15);border:1px solid rgba(173,216,255,.35);color:#eaf4ff;margin-right:10px;animation:appGlow 2.2s ease-in-out infinite}.app-ai-body{font-size:.86rem;color:var(--ink-1);line-height:1.6;white-space:pre-line}.app-footer{margin-top:8px;text-align:center;font-size:.75rem;color:var(--muted)}@keyframes appFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes appGlow{0%,to{box-shadow:0 8px 30px rgba(37,99,235,.45),inset 0 0 8px rgba(255,255,255,.12)}50%{box-shadow:0 10px 36px rgba(0,183,255,.55),inset 0 0 14px rgba(255,255,255,.18)}}@media (max-width:768px){.app-shell{padding:16px 14px;border-radius:18px}.app-results{grid-template-columns:1fr}.app-form-row{flex-direction:column}.app-button{justify-content:center}.app-title{font-size:1.1rem}.app-header{align-items:flex-start}.app-form-row,.app-header{flex-direction:column}.app-button{justify-content:center}.app-title{font-size:1.1rem}.app-header{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.app-button--primary{background:radial-gradient(circle at top left,#a855f7,#4f46e5)}.app-button--secondary{background:radial-gradient(circle at top left,#0ea5e9,#2563eb)}.app-button--primary:hover,.app-button--secondary:hover{transform:translateY(-1px)}