*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a12;--surface:#ffffff0a;--surface-b:#ffffff14;--border:#ffffff1a;--border-str:#ffffff2e;--text:#e8e8f0;--text-muted:#888;--text-dim:#555;--accent:#7c50ff;--accent-h:#6a3de8;--teal:#1ec8aa;--radius:10px;--font:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Mono", monospace}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.field-input{background:var(--surface);border:1px solid var(--border-str);border-radius:var(--radius);width:100%;color:var(--text);font-size:15px;font-family:var(--font);outline:none;padding:12px 14px;transition:border-color .2s}.field-input:focus{border-color:#7c50ff99}.field-input::placeholder{color:var(--text-dim)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.app-card{width:100%;height:100%}@media (width>=768px){html,body,#root{justify-content:center;align-items:center;overflow:auto}.app-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0c16d9;border:1px solid #ffffff1a;border-radius:18px;width:min(600px,90vw);height:min(780px,90vh);overflow:hidden;box-shadow:0 0 0 1px #7c50ff14,0 32px 80px #0009,0 0 60px #7c50ff12}@media (width>=1200px){.app-card{width:min(680px,80vw);height:min(820px,88vh)}}}