:root{--bg: #04060f;--bg-soft: #0b1020;--panel: rgba(15, 20, 40, .86);--panel-strong: rgba(20, 28, 56, .96);--text: #f5f7ff;--muted: #b9c2e3;--accent-a: #14f195;--accent-b: #9945ff;--accent-c: #3d7bff;--accent-d: #00e0ff;--danger: #ff6b6b;--warn: #ffd166;--radius-lg: 26px;--radius-md: 20px;--radius-sm: 14px;--shadow: 0 24px 80px rgba(61, 123, 255, .2)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 820px at -5% -20%,rgba(153,69,255,.22),transparent 70%),radial-gradient(1000px 760px at 110% -10%,rgba(20,241,149,.18),transparent 68%),radial-gradient(900px 720px at 40% 115%,rgba(61,123,255,.18),transparent 70%),var(--bg);min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.6}h2{margin:0;font-size:24px;letter-spacing:-.015em}h3{margin:0;font-size:18px;letter-spacing:-.01em}p{margin:0;color:var(--muted);line-height:1.6}.glow{position:fixed;inset:-36vh -36vw auto;height:78vh;background:conic-gradient(from 180deg,#9945ff57,#14f1953d,#3d7bff4d,#00e0ff38,#9945ff4d);filter:blur(74px);opacity:.56;z-index:0;animation:drift 22s ease-in-out infinite;pointer-events:none}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-2vw,3vh,0) scale(1.05)}}.app-shell{min-height:100vh;display:grid;place-items:center;padding:48px 16px;position:relative;z-index:1}.phone{width:min(100%,430px);height:min(90vh,860px);background:#060914f0;border:1px solid rgba(244,246,255,.12);border-radius:36px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;position:relative}.phone-top{width:120px;height:8px;border-radius:999px;background:#f4f6ff33;margin:10px auto 0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 14px;border-bottom:1px solid rgba(244,246,255,.08);background:#04060fbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-copy{min-width:0}.brand-mark{width:38px;height:38px;border-radius:14px;background:#f4f6ff0f;border:1px solid rgba(244,246,255,.12);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-title{font-weight:800;letter-spacing:-.01em;line-height:1.1}.brand-sub{font-size:11px;color:var(--muted)}.phone-body{flex:1;overflow-y:auto;padding:18px;display:grid;gap:16px}.screen{display:grid;gap:16px}.screen-head{display:flex;gap:12px;align-items:center}.screen-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.disclosure-brand{display:grid;gap:6px;justify-items:start}.disclosure-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.disclosure-brand img{width:min(220px,80%);object-fit:contain}.hero-card{position:relative;display:grid;gap:12px;padding:20px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#04060f8c,#04060fdb),url(/hero.jpg);background-size:cover;background-position:center;border:1px solid rgba(244,246,255,.1);box-shadow:var(--shadow);overflow:hidden}.hero-card-content{display:grid;gap:8px}.surface-lead{color:var(--muted);font-size:14px;line-height:1.6}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:12px 16px;border-radius:var(--radius-sm);font-weight:600;letter-spacing:.2px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:inherit;position:relative;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent}button:before,.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(120% 140% at 18% 12%,rgba(255,255,255,.26),transparent 58%),radial-gradient(120% 140% at 70% 120%,rgba(0,224,255,.12),transparent 52%);opacity:.92;mix-blend-mode:screen}button>*,.btn>*{position:relative;z-index:1}.btn-primary{background:linear-gradient(135deg,var(--accent-b),var(--accent-c));color:#fff;box-shadow:0 16px 40px #9945ff4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 22px 48px #9945ff5c}.btn-ghost{background:#f4f6ff0d;color:var(--text);border:1px solid rgba(244,246,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{border-color:#f4f6ff4d;transform:translateY(-1px)}.btn-inline{padding:9px 12px;font-size:12px}.pill{padding:8px 12px;border-radius:999px;border:1px solid rgba(244,246,255,.14);color:var(--muted);font-size:11px;background:#0a0e1a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.pill-action:hover{border-color:#f4f6ff4d;transform:translateY(-1px)}.pill-ok{color:#d7ffe9;border-color:#14f19585}.pill-dot{width:8px;height:8px;border-radius:999px;background:var(--warn);box-shadow:0 0 #ffd16680}.pill-dot.on{background:var(--accent-a);box-shadow:0 0 #14f19580;animation:pulse 1.4s ease-out infinite}.pill-dot.off{animation:none}.panel{padding:16px;border-radius:var(--radius-md);border:1px solid rgba(244,246,255,.09);background:var(--panel);display:grid;gap:10px;position:relative;overflow:hidden}.panel.card-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/cards.jpg);background-size:cover;background-position:center;opacity:.08;pointer-events:none;filter:saturate(1.05) contrast(1.05)}.panel.card-art>*{position:relative;z-index:1}.panel-meta{color:var(--muted);font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(244,246,255,.12);background:#f4f6ff0a;justify-self:start}form{display:grid;gap:8px}.field-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.field{grid-column:span 12;display:grid;gap:6px}.field.span-6{grid-column:span 6}label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}input,select,textarea{width:100%;padding:11px 12px;border-radius:14px;border:1px solid rgba(244,246,255,.14);background:#060914f0;color:var(--text);font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{border-color:#9945ffa8;box-shadow:0 0 0 4px #9945ff2e}textarea{min-height:96px;resize:vertical}.form-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hint{font-size:12px;color:#f4f6ffad;line-height:1.55}.status{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:12px;border:1px solid rgba(244,246,255,.14);background:#f4f6ff0a;font-size:12px;color:var(--muted);min-height:34px}.status.ok{border-color:#14f19585;color:#d7ffe9}.status.warn{border-color:#ffd16694;color:#fff3cc}.status.err{border-color:#ff6b6b99;color:#ffdede}.pulse{width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:pulse 1.3s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.result{border-radius:16px;border:1px solid rgba(244,246,255,.12);background:#070b18f0;padding:12px;display:grid;gap:8px}.result pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px;color:#e8ecff;background:#ffffff05;padding:10px;border-radius:12px;border:1px solid rgba(244,246,255,.06);max-height:200px;overflow:auto}.result-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.metric{padding:8px 10px;border-radius:12px;border:1px solid rgba(244,246,255,.12);background:#f4f6ff0a;font-size:12px;color:var(--muted)}.metric strong{color:var(--text);font-size:13px;margin-right:4px}.locked-note{padding:10px 12px;border-radius:14px;border:1px dashed rgba(244,246,255,.24);background:#f4f6ff0a;color:var(--muted);font-size:12px;line-height:1.6}.code-pill{padding:10px 12px;border-radius:12px;border:1px solid rgba(244,246,255,.14);background:#0a0e1e80;color:#d9e4ff;font-size:12px;font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.muted{color:var(--muted);font-size:12px}.icon-badge{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;background:#f4f6ff0f;border:1px solid rgba(244,246,255,.12);box-shadow:0 18px 55px #3d7bff24;overflow:hidden;position:relative;isolation:isolate}.icon-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(120% 140% at 20% 15%,rgba(255,255,255,.24),transparent 58%),linear-gradient(135deg,#9945ffd9,#3d7bffd9);opacity:.95}.icon-badge svg,.icon-badge img{position:relative;z-index:1;width:22px;height:22px;opacity:.92;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}.avatar-option{border-radius:18px;border:1px solid rgba(244,246,255,.12);background:#0a0e1a73;overflow:hidden;position:relative;aspect-ratio:1 / 1;cursor:pointer;padding:0}.avatar-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/avatars/ivan-sprite.jpg);background-size:200% 300%;background-repeat:no-repeat;background-position:calc(var(--ax, 0) * 100%) calc(var(--ay, 0) * 50%);filter:saturate(1.05) contrast(1.02)}.avatar-option.selected{border-color:#14f195a6;box-shadow:0 0 0 2px #14f19533}.avatar-option small{position:absolute;left:10px;bottom:10px;font-size:12px;color:#f4f6ffd9;text-shadow:0 2px 10px rgba(0,0,0,.55);z-index:1}@media (max-width: 520px){.phone{height:auto;min-height:90vh}.app-header{flex-direction:column;align-items:flex-start}.pill{width:100%;justify-content:center}.field.span-6{grid-column:span 12}}