@charset "UTF-8";:root{--color-bg: #0f0f13;--color-surface: #1a1a24;--color-surface-2: #242433;--color-border: #2e2e42;--color-text: #e8e8f0;--color-text-muted: #8888aa;--color-accent: #6c63ff;--color-accent-hover: #7c74ff;--color-danger: #e63946;--color-success: #4caf50;--p-color-1: #E63946;--p-color-2: #2196F3;--p-color-3: #4CAF50;--p-color-4: #FF9800;--p-color-5: #9C27B0;--p-color-6: #00BCD4;--p-color-7: #FF4081;--p-color-8: #8BC34A;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-handwriting: "Caveat", cursive;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:500;transition:all var(--transition-fast);text-decoration:none}.btn.btn-primary{background:var(--color-accent);color:#fff}.btn.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.btn.btn-secondary:hover{border-color:var(--color-accent)}.btn.btn-danger{background:var(--color-danger);color:#fff}.btn.btn-danger:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}input,textarea,select{font-family:var(--font-sans);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;width:100%;transition:border-color var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-accent)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-muted)}