@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--loopr-bg-950: #031B14;--loopr-bg-900: #06251B;--loopr-bg-850: #092D22;--loopr-bg-800: #10382C;--loopr-green-700: #176A4A;--loopr-green-650: #1F7A55;--loopr-green-600: #25875F;--loopr-green-500: #35B779;--loopr-green-400: #4DAF7C;--loopr-cream: #F5F0E7;--loopr-cream-85: rgba(245, 240, 231, .85);--loopr-cream-70: rgba(245, 240, 231, .7);--loopr-cream-55: rgba(245, 240, 231, .55);--loopr-cream-38: rgba(245, 240, 231, .38);--loopr-glass: rgba(255, 255, 255, .095);--loopr-glass-strong: rgba(255, 255, 255, .135);--loopr-glass-soft: rgba(255, 255, 255, .06);--loopr-glass-hover: rgba(255, 255, 255, .18);--loopr-hairline: rgba(255, 255, 255, .15);--loopr-hairline-strong: rgba(255, 255, 255, .22);--loopr-danger: #F08A7E;--loopr-warning: #E8C86D;--loopr-blue: #8FC7FF;--loopr-success: #4ADE80;--color-bg: var(--loopr-bg-950);--color-surface: var(--loopr-glass);--color-surface-strong: var(--loopr-glass-strong);--color-surface-soft: var(--loopr-glass-soft);--color-surface-hover: var(--loopr-glass-hover);--color-text: var(--loopr-cream);--color-text-muted: var(--loopr-cream-70);--color-text-subtle: var(--loopr-cream-38);--color-border: var(--loopr-hairline);--color-border-strong: var(--loopr-hairline-strong);--color-accent: var(--loopr-green-500);--color-accent-strong: var(--loopr-green-400);--color-success: var(--loopr-success);--color-warning: var(--loopr-warning);--color-error: var(--loopr-danger);--color-info: var(--loopr-blue);--radius-sm: 12px;--radius-md: 20px;--radius-card: 28px;--radius-card-sm: 22px;--radius-pill: 999px;--shadow-card: 0 24px 70px rgba(0, 0, 0, .34);--shadow-soft: 0 16px 44px rgba(0, 0, 0, .24);--shadow-elevated: 0 24px 80px rgba(0, 0, 0, .35);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--page-padding: 20px;--section-gap: 18px;--card-padding: 20px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 34px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg);min-height:100dvh;overflow-x:hidden}button{font-family:inherit;border:none;outline:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea{font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 16px;outline:none;transition:border-color var(--transition-fast);width:100%}input:focus,textarea:focus{border-color:var(--color-accent)}a{color:var(--color-accent);text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}@keyframes spin{to{transform:rotate(360deg)}}