.aeruvo-prototype{--background:oklch(97.5% .016 235);--foreground:oklch(27% .043 250);--primary:oklch(53% .16 250);--primary-foreground:oklch(99.5% 0 0);--secondary:oklch(93% .034 235);--secondary-foreground:oklch(35% .08 250);--muted:oklch(94% .019 235);--muted-foreground:oklch(46% .034 250);--accent:oklch(90% .055 230);--accent-foreground:var(--foreground);--border:oklch(83% .035 235/.58);--input:var(--border);--ring:var(--primary);--card:oklch(99.8% .003 235/.75);--card-foreground:var(--foreground);--popover:oklch(98.5% .01 235);--popover-foreground:var(--foreground);--destructive:oklch(50% .18 25);--destructive-foreground:var(--primary-foreground);--glass-bg:var(--card);--glass-border:oklch(100% 0 0/.9);--glass-highlight:oklch(100% 0 0);--glass-shadow:inset 0 1px 0 oklch(100% 0 0/.95), inset 0 -1px 0 oklch(60% .08 240/.06), 0 3px 8px -4px oklch(45% .09 240/.12), 0 16px 36px -22px oklch(45% .09 240/.24);--prototype-sky:linear-gradient(160deg, oklch(90% .062 235), oklch(96.7% .027 225) 45%, oklch(98% .012 250));--prototype-weather:linear-gradient(145deg, oklch(85% .083 237/.8), oklch(95.5% .034 223/.9));--prototype-photo:oklch(94.5% .008 240);--prototype-positive:oklch(40% .09 174);--prototype-positive-bg:oklch(94% .03 174);--prototype-sun:oklch(66% .13 80);--prototype-nav:oklch(98% .014 235/.91);--prototype-nav-shadow:0 8px 28px -10px oklch(40% .1 240/.25), inset 0 1px 0 var(--glass-highlight);--prototype-radius:24px;background:var(--prototype-sky);color:var(--foreground);letter-spacing:0;min-height:100dvh;font-family:Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,sans-serif}.aeruvo-prototype *,.aeruvo-prototype :before,.aeruvo-prototype :after{letter-spacing:0}.aeruvo-prototype .glass-card{border-radius:var(--prototype-radius);-webkit-backdrop-filter:blur(16px)saturate(140%)}.aeruvo-prototype .glass-card:before{background:linear-gradient(to bottom, var(--glass-highlight), transparent 70%)}.prototype-content{width:100%;max-width:512px;padding:max(20px, env(safe-area-inset-top)) 20px calc(124px + env(safe-area-inset-bottom));margin:0 auto}.prototype-nav{z-index:40;padding:12px 16px max(12px, env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--background));bottom:0;position:fixed;inset-inline:0}.prototype-nav-inner{background:var(--prototype-nav);border:1px solid var(--glass-border);max-width:480px;box-shadow:var(--prototype-nav-shadow);-webkit-backdrop-filter:blur(18px);border-radius:32px;margin:auto;padding:6px;display:flex}.prototype-nav-link{border-radius:26px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:54px;font-size:11px;font-weight:600;display:flex}.aeruvo-prototype h1{font-size:28px;font-weight:600;line-height:1.25}.prototype-weather{background:var(--prototype-weather)}.prototype-photo{background:var(--prototype-photo);border-radius:16px}.prototype-positive{color:var(--prototype-positive);background:var(--prototype-positive-bg)}.prototype-sun{color:var(--prototype-sun)}.prototype-action{border-radius:24px;min-height:48px;padding-inline:12px;font-size:13px;transition:transform .18s,background-color .18s}.prototype-action:active{transform:scale(.98)}.prototype-caption{color:var(--muted-foreground);font-size:12px;line-height:1.6}.prototype-dialog.aeruvo-prototype{width:calc(100% - 32px);max-width:420px;min-height:0;max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:var(--prototype-radius);background:var(--background);padding:24px;overflow-y:auto}.prototype-dialog [data-slot=dialog-title],.prototype-dialog h2{padding-inline:16px;line-height:1.4}.prototype-dialog button:has(>.sr-only){place-items:center;min-width:44px;min-height:44px;display:grid;top:4px;right:4px}body:has(.aeruvo-prototype) [data-state][class*=bg-black\/80]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(26% .045 250/.4)}.prototype-enter{animation:.3s ease-out both prototype-enter}@keyframes prototype-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=359px){.prototype-content{padding-inline:16px}.prototype-action{gap:5px;font-size:12px}}@media (prefers-reduced-motion:reduce){.prototype-enter{animation:none}.prototype-action{transition:none}}
