@keyframes qx-rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes qx-glow{0%,100%{box-shadow:0 12px 38px #00000010,0 0 0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{box-shadow:0 17px 48px #00000016,0 0 0 5px color-mix(in srgb,var(--accent) 11%,transparent)}}
@keyframes qx-pop{0%{transform:scale(.92);opacity:0}70%{transform:scale(1.04);opacity:1}100%{transform:scale(1)}}
@keyframes qx-orbit{0%,100%{transform:translate3d(-3%,-2%,0) scale(1);opacity:.48}50%{transform:translate3d(4%,3%,0) scale(1.12);opacity:.78}}
@keyframes qx-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes qx-shimmer{from{background-position:180% 0}to{background-position:-40% 0}}
.home-inner>*{animation:qx-rise .62s cubic-bezier(.16,1,.3,1) both}.home-inner .welcome{animation-delay:.03s}.home-inner .qx-input{animation-delay:.11s}.home-inner .quick-actions{animation-delay:.18s}.home-inner .home-note{animation-delay:.25s}.welcome-mark{animation:qx-pop .58s cubic-bezier(.16,1,.3,1) .08s both}.qx-input:focus-within{animation:qx-glow 2.7s ease-in-out infinite}.quick,.mode,.attach,.send,.icon-button,.plain-button,.nav-item,.new-button,.user-button{transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.quick:hover,.mode:hover,.attach:hover,.send:not(:disabled):hover,.icon-button:hover,.plain-button:hover{transform:translateY(-2px)}.quick:active,.mode:active,.attach:active,.send:not(:disabled):active,.icon-button:active,.plain-button:active{transform:translateY(0) scale(.96)}
.welcome-mark{background:transparent url('./assets/qxoni-192.png') center/contain no-repeat!important;color:transparent!important;box-shadow:none}
.qx-language-button{min-width:42px;padding-inline:9px;letter-spacing:.04em}
.home{position:relative;isolation:isolate;overflow:hidden}.home:before,.home:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(18px);animation:qx-orbit 10s ease-in-out infinite}.home:before{width:min(48vw,560px);height:min(48vw,560px);top:4%;left:18%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 13%,transparent),transparent 68%)}.home:after{width:min(40vw,460px);height:min(40vw,460px);right:10%;bottom:4%;background:radial-gradient(circle,#8eb5ff16,transparent 68%);animation-delay:-5s}.welcome-mark{animation:qx-pop .58s cubic-bezier(.16,1,.3,1) .08s both,qx-float 4.6s ease-in-out 1s infinite}.quick{overflow:hidden;position:relative}.quick:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,#fff8 47%,transparent 65%);background-size:220% 100%;opacity:0;transition:opacity .2s}.quick:hover:before,.quick:focus-visible:before{opacity:1;animation:qx-shimmer .9s ease-out}.quick:nth-child(1){animation-delay:.22s}.quick:nth-child(2){animation-delay:.28s}.quick:nth-child(3){animation-delay:.34s}.quick:nth-child(4){animation-delay:.4s}
.content>section{animation:qx-rise .48s cubic-bezier(.16,1,.3,1) both}.nav-item.active{animation:qx-pop .32s cubic-bezier(.16,1,.3,1) both}.nav-item:hover{transform:translateX(3px)}
.qx-boot,.qx-account-gate{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:24px;background:var(--bg);transition:opacity .45s ease,visibility .45s step-end}.qx-boot.is-ready{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s .45s}.qx-boot-card,.qx-account-card{width:min(390px,100%);text-align:center}.qx-boot-card img,.qx-account-card img{width:62px;height:62px;border-radius:18px;animation:qx-float 2.7s ease-in-out infinite}.qx-boot-card strong{display:block;margin-top:14px;font-size:22px;letter-spacing:-.04em}.qx-boot-card small{display:block;margin-top:14px;color:var(--muted)}.qx-boot-ring{display:block;width:34px;height:34px;margin:21px auto 0;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:qx-spin .8s linear infinite}@keyframes qx-spin{to{transform:rotate(360deg)}}.qx-account-gate{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px)}.qx-account-card{padding:38px 30px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 24px 70px #0002}.qx-account-card h1{margin:12px 0 9px;font-size:28px;letter-spacing:-.045em}.qx-account-card p:not(.qx-account-kicker){margin:0;color:var(--muted);line-height:1.55}.qx-account-kicker{margin:18px 0 0;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em}.qx-account-button{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:25px;padding:0 18px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:750}
@media(max-width:760px){html{scroll-behavior:smooth}.sidebar{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease}.mobile-overlay{transition:opacity .3s ease,visibility .3s step-end}.app.mobile-open .mobile-overlay{transition:opacity .3s ease,visibility 0s}.main,.content{touch-action:pan-y}.home{padding:clamp(40px,9vh,76px) 16px max(36px,env(safe-area-inset-bottom))}.home-inner{width:100%}.welcome{margin-bottom:20px}.welcome-mark{width:48px;height:48px;margin-bottom:15px}.welcome h1{font-size:clamp(31px,9vw,40px);line-height:1.04}.welcome p{font-size:14px}.qx-input{padding:7px;border-radius:18px}.qx-input textarea{height:94px;padding:13px 12px 7px;font-size:16px}.input-tools{gap:3px}.mode-switcher{overflow-x:auto;scrollbar-width:none}.mode-switcher::-webkit-scrollbar,.quick-actions::-webkit-scrollbar{display:none}.mode{flex:0 0 auto;padding-inline:9px}.quick-actions{display:flex;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:9px;margin-inline:-16px;padding:2px 16px 7px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.quick{flex:0 0 auto;height:39px;padding-inline:14px;scroll-snap-align:start;background:var(--panel)}.home-note{font-size:10px}.app.mobile-swiping .sidebar,.app.mobile-swiping .mobile-overlay{transition:none}.app.mobile-open .sidebar{box-shadow:20px 0 50px #0003}}
@media(prefers-reduced-motion:reduce){.home:before,.home:after,.home-inner>*,.welcome-mark,.qx-input:focus-within{animation:none!important}.quick,.mode,.attach,.send,.icon-button,.plain-button,.nav-item,.new-button,.user-button{transition:none!important}}
@keyframes qx-account-rise{from{opacity:0;transform:translateY(72px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.qx-account-card{animation:qx-account-rise .72s cubic-bezier(.16,1,.3,1) both}.qx-account-card img{animation:none}
@media(prefers-reduced-motion:reduce){.qx-account-card{animation:none}}