html,body,#root{width:100%;height:100%;margin:0}body{background:#150524;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{height:100%}*{box-sizing:border-box}.app-frame,.app-frame *{scrollbar-width:thin;scrollbar-color:rgba(183,160,255,.55) rgba(255,255,255,.08)}.app-frame ::-webkit-scrollbar{width:6px;height:6px}.app-frame ::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.app-frame ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c2adffcc,#927effd9);border-radius:999px}.app-frame ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d6c6fff2,#a592fff2)}button,input,textarea{font:inherit}button{color:inherit}input::placeholder,textarea::placeholder{color:#777}@keyframes qlue-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes qlue-reveal-fade-up{0%{opacity:0;transform:translate3d(0,var(--reveal-offset, 12px),0) scale(var(--reveal-scale-from, 1))}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes qlue-reveal-fade{0%{opacity:0}to{opacity:1}}@keyframes qlue-confetti-fall{0%{opacity:0;transform:translate3d(0,-14vh,0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-drift, 0px),118vh,0) rotate(var(--confetti-rotate, 360deg))}}.qlue-reveal{opacity:0;animation-name:qlue-reveal-fade-up;animation-duration:var(--reveal-duration, .32s);animation-delay:var(--reveal-delay, 0ms);animation-timing-function:var(--reveal-easing, cubic-bezier(.22, 1, .36, 1));animation-fill-mode:forwards;will-change:transform,opacity}.qlue-reveal--header{--reveal-offset: 8px;--reveal-duration: .24s}.qlue-reveal--card{--reveal-offset: 12px;--reveal-duration: .32s}.qlue-reveal--tile{--reveal-offset: 10px;--reveal-duration: .3s;--reveal-scale-from: .985}.qlue-reveal--button{--reveal-offset: 8px;--reveal-duration: .26s;--reveal-scale-from: .98}.qlue-reveal--fade{animation-name:qlue-reveal-fade}.app-shell{height:100vh;height:100dvh;display:flex;justify-content:center;overflow:hidden;background:radial-gradient(circle at top,rgba(157,0,255,.18),transparent 35%),linear-gradient(180deg,#201037,#150524)}.app-frame{position:relative;width:min(100%,430px);height:100vh;height:100dvh;overflow:hidden;background:#150524}.qlue-confetti-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:150}.qlue-confetti-piece{position:absolute;top:-8vh;border-radius:2px;background:var(--confetti-color, #b383ff);opacity:0;box-shadow:0 0 14px color-mix(in srgb,var(--confetti-color, #b383ff) 78%,white 22%),0 0 28px color-mix(in srgb,var(--confetti-color, #b383ff) 54%,transparent 46%);animation-name:qlue-confetti-fall;animation-duration:var(--confetti-duration, 1.4s);animation-delay:var(--confetti-delay, 0ms);animation-timing-function:cubic-bezier(.2,.85,.24,1);animation-fill-mode:forwards;will-change:transform,opacity}.app-layout{height:100%;display:flex;flex-direction:column;position:relative}.app-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.app-content>*{flex:1;min-height:100%;overflow-y:auto;overflow-x:hidden}.app-screen-transition{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:100%;will-change:transform,opacity;transform-origin:50% 50%;backface-visibility:hidden;clip-path:circle(160% at 50% 50%)}.app-screen-transition>*{flex:1;min-height:100%}.app-screen-transition--transform{transition:clip-path .26s ease,opacity .26s ease}.app-screen-transition--fade{transition:opacity .22s ease}.app-screen-transition--idle{clip-path:circle(160% at 50% 50%);transform:none;opacity:1}.app-screen-transition--transform.app-screen-transition--forward.app-screen-transition--exit,.app-screen-transition--transform.app-screen-transition--forward.app-screen-transition--enter,.app-screen-transition--transform.app-screen-transition--back.app-screen-transition--exit,.app-screen-transition--transform.app-screen-transition--back.app-screen-transition--enter,.app-screen-transition--transform.app-screen-transition--tab.app-screen-transition--exit,.app-screen-transition--transform.app-screen-transition--tab.app-screen-transition--enter{clip-path:circle(10% at 50% 50%);opacity:0}.app-screen-transition--fade.app-screen-transition--exit,.app-screen-transition--fade.app-screen-transition--enter{opacity:0}.app-bottom-bar{position:sticky;bottom:0;z-index:60}.app-loading-screen,.app-error-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#301550,#150524);color:#fff}@supports (padding-bottom: env(safe-area-inset-bottom)){.app-bottom-bar{padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion: reduce){.app-screen-transition,.app-screen-transition--transform,.app-screen-transition--fade{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}.qlue-reveal,.qlue-reveal--header,.qlue-reveal--card,.qlue-reveal--tile,.qlue-reveal--button,.qlue-reveal--fade,.qlue-confetti-piece{animation:none!important;transform:none!important;opacity:1!important}}.app-error-screen{flex-direction:column;align-items:stretch;gap:16px}.app-error-title{font-size:24px;font-weight:800}.app-error-message,.app-error-stack{white-space:pre-wrap;word-break:break-word}.app-error-stack{padding:16px;border-radius:16px;background:#ffffff14;color:#ffd7d7;font-family:Consolas,Courier New,monospace;font-size:13px}@media (min-width: 768px){.app-shell{padding:16px;align-items:stretch}.app-frame{height:calc(100vh - 32px);height:calc(100dvh - 32px);border-radius:28px;box-shadow:0 0 0 1px #ffffff0f,0 24px 80px #00000073}}@media (min-width: 1100px){.app-frame{width:min(100%,480px)}}