:root{--bg-color: #0f172a;--panel-color: #1e293b;--accent-color: #38bdf8;--accent-hover: #0ea5e9;--danger-color: #fb7185;--success-color: #4ade80;--text-primary: #f8fafc;--text-secondary: #94a3b8;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--border-radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);overflow:hidden;height:100vh;width:100vw}#root{height:100%;display:flex;flex-direction:column}.app-container{flex:1;display:flex;flex-direction:column;max-width:500px;margin:0 auto;width:100%;position:relative;overflow:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:var(--transition)}input,textarea,select{font-family:inherit;background:var(--panel-color);border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 16px;border-radius:12px;width:100%;font-size:16px}input:focus{border-color:var(--accent-color);outline:none}.glass-panel{background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:20px}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}