@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Oswald:wght@500;600;700&display=swap";:root{--color-deep-charcoal:#252932;--color-surface-dark:#2c313c;--color-light-grey:#9ca3af;--color-subtle-grey:#373d49;--color-primary-accent:#78bfcb;--color-high-contrast-white:#fff;--header-grey-1:var(--bg-color);--header-grey-2:color-mix(in srgb, var(--bg-color), var(--text-primary) 3%);--header-grey-3:color-mix(in srgb, var(--bg-color), var(--text-primary) 6%);--header-grey-4:color-mix(in srgb, var(--bg-color), var(--text-primary) 9%);--header-grey-5:color-mix(in srgb, var(--bg-color), var(--text-primary) 12%);--header-grey-6:color-mix(in srgb, var(--bg-color), var(--text-primary) 15%);--header-grey-7:color-mix(in srgb, var(--bg-color), var(--text-primary) 18%);--header-grey-8:color-mix(in srgb, var(--bg-color), var(--text-primary) 21%);--font-primary:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-header:"Oswald", var(--font-primary);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}:root,.theme-obsidian{--bg-color:#121212;--surface-color:#1e1e1e;--text-primary:#fff;--text-secondary:#9ca3af;--color-primary-accent:#fff}.theme-daylight{--bg-color:#f8f9fa;--surface-color:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--color-primary-accent:#111827}.theme-midnight{--bg-color:#0b1121;--surface-color:#151c2f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--color-primary-accent:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:flex-start;min-height:100vh;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}.grain-overlay{pointer-events:none;z-index:9999;opacity:.04;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0;transform:translateZ(0)}@keyframes ambient-glow{0%{box-shadow:0 0 20px 0px rgba(var(--color-primary-accent-rgb), .2)}50%{box-shadow:0 0 40px 10px rgba(var(--color-primary-accent-rgb), .5)}to{box-shadow:0 0 20px 0px rgba(var(--color-primary-accent-rgb), .2)}}#root{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 30px #0000004d}.desktop-popup{display:none}@media (width>=768px){.desktop-popup{z-index:10000;color:var(--text-primary);border-radius:12px;align-items:center;gap:12px;max-width:320px;padding:16px 24px;font-size:14px;font-weight:500;animation:.5s ease-out slideIn;display:flex;position:fixed;top:24px;right:24px}}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.glass{background:rgba(var(--surface-color), .7);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a}.ambient-background{z-index:-2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.aurora{background:radial-gradient(circle at 50% 50%, rgba(var(--color-primary-accent-rgb), .15) 0%, transparent 60%);filter:blur(80px);width:150vw;height:150vh;animation:20s ease-in-out infinite alternate aurora-shift;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aurora:nth-child(2){background:radial-gradient(circle at 30% 70%, rgba(var(--color-primary-accent-rgb), .1) 0%, transparent 50%);animation:25s ease-in-out infinite alternate aurora-shift-2}@keyframes aurora-shift{0%{transform:translate(-50%,-50%)rotate(0)scale(1)}50%{transform:translate(-40%,-60%)rotate(10deg)scale(1.1)}to{transform:translate(-60%,-40%)rotate(-5deg)scale(.9)}}@keyframes aurora-shift-2{0%{transform:translate(-50%,-50%)rotate(0)scale(1)}50%{transform:translate(-60%,-30%)rotate(-15deg)scale(1.2)}to{transform:translate(-40%,-70%)rotate(5deg)scale(.8)}}