:root{--bg-primary: #0a0a1a;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-input: #0f3460;--accent-red: #e94560;--accent-green: #4ecca3;--accent-gold: #ffd700;--text-primary: #f0f0f0;--text-secondary: #a0a0b0;--text-muted: #606070;--border-color: rgba(255, 255, 255, .1);--border-radius: 8px;--border-radius-lg: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .4);--transition: .2s ease;--tab-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;min-height:100vh}a{color:var(--accent-green);text-decoration:none}a:hover{text-decoration:underline}.page{padding:1rem;padding-bottom:calc(var(--tab-height) + 1.5rem);max-width:1200px;margin:0 auto}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background-color:var(--accent-red);color:#fff;border:none;border-radius:var(--border-radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:opacity var(--transition),transform var(--transition)}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-tertiary);opacity:1}.input{width:100%;padding:.625rem .875rem;background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9375rem;outline:none;transition:border-color var(--transition)}.input:focus{border-color:var(--accent-green)}.input::placeholder{color:var(--text-muted)}.label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.live-pulse{width:10px;height:10px;background-color:var(--accent-red);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-out}