:root{--ink:#17202a;--cloud:#f7f9fb;--signal-blue:#2f80ed;--signal-blue-hover:#1f6fd4;--loop-green:#38a169;--soft-coral:#f27c6e;--line-gray:#d8dee6;--bg-primary:var(--cloud);--bg-secondary:#fff;--bg-tertiary:#eef4f8;--bg-elevated:#fff;--bg-hover:#edf5ff;--bg-active:#e6f0fe;--bg-input:#fff;--bg-tooltip:var(--ink);--border-subtle:#17202a14;--border-default:var(--line-gray);--border-strong:#17202a38;--border-focus:var(--signal-blue);--text-primary:var(--ink);--text-secondary:#52606d;--text-tertiary:#7a8794;--text-quaternary:#a8b2bd;--text-inverse:#fff;--text-link:var(--signal-blue);--text-brand:var(--soft-coral);--accent:var(--signal-blue);--accent-rgb:47, 128, 237;--accent-hover:var(--signal-blue-hover);--accent-muted:#2f80ed1f;--accent-subtle:#2f80ed12;--status-online:var(--loop-green);--status-away:#d99422;--status-dnd:var(--soft-coral);--status-danger:#d94b3d;--status-offline:#9aa6b2;--attention-bg:#f27c6e1a;--attention-border:#f27c6e52;--attention-text:#a84e44;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:8px;--radius-xl:8px;--radius-full:9999px;--shadow-sm:0 1px 2px #17202a14;--shadow-md:0 8px 20px #17202a1a;--shadow-lg:0 18px 46px #17202a24;--font-sans:var(--font-inter,Inter), -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display:var(--font-inter-tight,"Inter Tight"), var(--font-sans);--font-mono:"SF Mono", "Fira Code", "Fira Mono", monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:24px;--leading-tight:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--header-height:52px;--glass-bg:#ffffffd6;--glass-border:#17202a14;--glass-blur:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{--font-sans:var(--font-inter,Inter), -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display:var(--font-inter-tight,"Inter Tight"), var(--font-sans);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);width:100vw;height:100vh;overflow:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:0}::selection{background-color:var(--accent-muted);color:var(--ink)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}a{color:var(--text-primary);text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:none}input,textarea{font-family:var(--font-sans);color:var(--text-primary);font-size:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.animate-fade-in{animation:fadeIn var(--transition-base) both}.animate-slide-up{animation:slideUp var(--transition-slow) both}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border)}.glass-sidebar{background:var(--bg-secondary);-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border)}.auth-container{background-color:var(--bg-primary);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.loopin-clerk-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.loopin-clerk-social-button{border:1px solid var(--border-default);transition:background-color var(--transition-fast), border-color var(--transition-fast)}.loopin-clerk-social-button:hover{background:var(--bg-hover);border-color:var(--border-strong)}.loopin-clerk-primary-button{background:var(--accent);color:var(--text-inverse);transition:background-color var(--transition-fast)}.loopin-clerk-primary-button:hover{background:var(--accent-hover)}.loopin-clerk-footer-link{color:var(--accent)}.loopin-clerk-footer-link:hover{color:var(--accent-hover)}