:root{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-card:#16213e;--bg-input:#1a1a3e;--text-primary:#e0e0e0;--text-secondary:#a0a0b8;--text-muted:#6b6b80;--accent:#6c63ff;--accent-hover:#5a52d5;--accent-soft:rgba(108,99,255,0.15);--google-blue:#4285f4;--google-blue-hover:#357ae8;--success:#4ecdc4;--danger:#ff6b6b;--border:rgba(255,255,255,0.08);--shadow:0 4px 24px rgba(0,0,0,0.3);--font-primary:"Noto Sans KR",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Fira Code","Consolas",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-md);background:linear-gradient(135deg,var(--bg-primary) 0,#0a0a1a 100%)}.login-card{width:100%;max-width:420px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow);border:1px solid var(--border)}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-header h1{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:var(--text-secondary);font-size:.9rem}.auth-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--bg-primary);border-radius:var(--radius-md);padding:4px}.auth-tab{flex:1 1;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-primary);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.auth-tab.active{background:var(--accent);color:white}.auth-tab:hover:not(.active){color:var(--text-primary)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-primary);font-size:.95rem;transition:border-color var(--transition-fast);outline:none}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-input::placeholder{color:var(--text-muted)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:12px var(--space-md);border:none;border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:white}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(108,99,255,.4)}.btn-google{background:white;color:#333;border:1px solid #dadce0}.btn-google:hover:not(:disabled){background:#f8f8f8;border-color:var(--google-blue);box-shadow:0 2px 8px rgba(66,133,244,.2)}.btn-google svg{width:20px;height:20px}.divider{display:flex;align-items:center;margin:var(--space-lg) 0;gap:var(--space-md);color:var(--text-muted);font-size:.8rem}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.message{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:var(--space-md);text-align:center}.message-error{background:rgba(255,107,107,.1);color:var(--danger);border:1px solid rgba(255,107,107,.2)}.message-success{background:rgba(78,205,196,.1);color:var(--success);border:1px solid rgba(78,205,196,.2)}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dashboard{max-width:800px;margin:0 auto;padding:var(--space-xl)}.dashboard-header{justify-content:space-between;margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.dashboard-header,.user-info{display:flex;align-items:center}.user-info{gap:var(--space-md)}.user-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--accent);overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{font-weight:600;font-size:1.1rem}.btn-logout,.user-email{color:var(--text-secondary);font-size:.85rem}.btn-logout{background:transparent;border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-logout:hover{background:rgba(255,107,107,.1);color:var(--danger);border-color:var(--danger)}.welcome-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;border:1px solid var(--border)}.welcome-card h2{font-size:1.3rem;margin-bottom:var(--space-sm)}.welcome-card p{color:var(--text-secondary);font-size:.95rem}@media (max-width:480px){.login-card{padding:var(--space-lg)}.dashboard{padding:var(--space-md)}.dashboard-header{flex-direction:column;gap:var(--space-md);text-align:center}}