:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--text-primary: #e8e8e8;--text-secondary: #a0a0b0;--accent: #e94560;--accent-green: #4ade80;--accent-blue: #60a5fa;--border: #2a2a4a;--font-mono: "SF Mono", "Fira Code", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{height:100%;display:flex;flex-direction:column}button{min-height:44px;padding:12px 24px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer;touch-action:manipulation;transition:opacity .15s}button:active{opacity:.8}button:disabled{opacity:.4;cursor:not-allowed}input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:16px;outline:none;transition:border-color .15s}input:focus{border-color:var(--accent-blue)}.container{max-width:480px;margin:0 auto;padding:16px;width:100%}.card{background:var(--bg-card);border-radius:var(--radius);padding:20px;margin-bottom:16px}.mono{font-family:var(--font-mono)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-green{color:var(--accent-green)}.text-center{text-align:center}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.flex-row{display:flex;flex-direction:row;align-items:center;gap:8px}.flex-col{display:flex;flex-direction:column;gap:8px}.flex-1{flex:1}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border)}.btn-green{background:#166534}.btn-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:14px;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}