:root{--primary: #1db954;--primary-color: #1db954;--secondary: #1ed760;--background: #121212;--background-primary: #121212;--background-secondary: #1e1e1e;--surface: #282828;--surface-color: #282828;--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-color: #404040;--error: #f44336;--success: #4caf50;--warning: #ff9800;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{padding:var(--spacing-md);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);transition:all .3s ease;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--secondary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-secondary{background-color:#10b981;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-accent{background-color:#f59e0b;color:#fff}.btn-accent:hover:not(:disabled){background-color:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-prominent{font-size:1.25rem;padding:1.25rem 2.5rem}.btn-icon{font-size:1.5em}.role-selection{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.role-btn{display:flex;align-items:center;gap:1rem;text-align:left;padding:1.5rem;width:100%;max-width:500px;margin:0 auto}.btn-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.btn-title{font-size:1.25rem;font-weight:700}.btn-subtitle{font-size:.9rem;opacity:.9;font-weight:400}.card{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}@media (max-width: 640px){.role-btn{padding:1.25rem}.btn-title{font-size:1.125rem}.btn-subtitle{font-size:.85rem}}.page-loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.loading-spinner{text-align:center}.spinner{border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top:4px solid var(--primary);width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-boundary{display:flex;justify-content:center;align-items:center;height:100vh;padding:var(--spacing-xl)}.error-content{text-align:center;max-width:500px}.error-content h2{margin-bottom:var(--spacing-md);color:var(--error)}.error-content button,.error-content a{margin:var(--spacing-sm)}