:root{--aivio-mint: #20cdb7;--aivio-mint-soft: rgba(32, 205, 183, .16);--aivio-gradient-start: #104d4c;--aivio-gradient-end: #0a181b;--glass-fill: rgba(255, 255, 255, .08);--glass-fill-strong: rgba(255, 255, 255, .14);--glass-border: rgba(255, 255, 255, .16);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .28);--text-primary: rgba(255, 255, 255, .96);--text-secondary: rgba(255, 255, 255, .64);--text-tertiary: rgba(255, 255, 255, .42);--radius-lg: 1.5rem;--radius-md: 1.125rem;--radius-sm: .75rem;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Montserrat,system-ui,-apple-system,sans-serif;color:var(--text-primary);background:radial-gradient(120% 90% at 8% -10%,var(--aivio-mint-soft),transparent 55%),radial-gradient(110% 80% at 100% 110%,var(--aivio-mint-soft),transparent 50%),linear-gradient(165deg,var(--aivio-gradient-start) 0%,var(--aivio-gradient-end) 62%);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font-family:inherit}button{cursor:pointer}.app-shell{height:100dvh;width:100%;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.device-stage,.device-frame,.device-screen{display:contents}.device-island{display:none}@media(min-width:760px){.device-stage{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;overflow:auto;padding:28px;background:radial-gradient(90% 60% at 50% 0%,rgba(32,205,183,.06),transparent 60%),linear-gradient(180deg,#0c1416,#060b0d)}.device-frame{display:block;position:relative;flex:0 0 auto;width:402px;height:min(858px,calc(100dvh - 56px));padding:13px;border-radius:3rem;background:linear-gradient(160deg,#23282c,#0d1113 55%,#04070800),#14181b;box-shadow:0 2px 3px #ffffff1f inset,0 0 0 2px #050809,0 40px 80px -20px #000000bf,0 12px 30px #00000080}.device-frame:before{content:"";position:absolute;right:-3px;top:168px;width:3px;height:78px;border-radius:0 3px 3px 0;background:#2a2f33}.device-frame:after{content:"";position:absolute;left:-3px;top:132px;width:3px;height:128px;border-radius:3px 0 0 3px;background:#2a2f33;box-shadow:0 -56px #2a2f33,0 -96px #2a2f33}.device-screen{display:block;position:relative;width:100%;height:100%;border-radius:2.25rem;overflow:hidden;background:radial-gradient(120% 90% at 8% -10%,var(--aivio-mint-soft),transparent 55%),radial-gradient(110% 80% at 100% 110%,var(--aivio-mint-soft),transparent 50%),linear-gradient(165deg,var(--aivio-gradient-start) 0%,var(--aivio-gradient-end) 62%)}.device-island{display:block;position:absolute;top:26px;left:50%;transform:translate(-50%);width:118px;height:30px;border-radius:16px;background:#040708;z-index:30}.device-screen .app-shell{height:100%;padding-top:max(var(--safe-top),44px)}}.glass-card{background:var(--glass-fill);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.fade-in{animation:aivio-fade-in .35s ease both}.press{transition:transform .12s ease,border-color .12s ease,background .12s ease;-webkit-tap-highlight-color:transparent}.press:active{transform:scale(.975)}.roger-orb{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.roger-orb:before{content:"";position:absolute;top:-32%;right:-32%;bottom:-32%;left:-32%;border-radius:50%;background:radial-gradient(circle,var(--aivio-mint-soft),transparent 70%);animation:aivio-breathe 3.4s ease-in-out infinite}.roger-orb>*{position:relative}@keyframes aivio-breathe{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes aivio-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes aivio-pulse{0%,to{opacity:.35}50%{opacity:1}}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.scroll-y::-webkit-scrollbar{width:4px}.scroll-y::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}
