:root{--app-bg:#f5f5f7;--app-surface:#fff;--app-text:#1d1d1f;--app-text-2:#6e6e73;--app-text-3:#86868b;--app-line:#0000000f;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-h:56px;--topbar-h:0px;--app-frame:#f5f5f7}@media (min-width:768px){:root{--tabbar-h:0px;--topbar-h:54px;--app-frame:#ebebef}}:is(html:has(.app-root),body:has(.app-root)){background:var(--app-frame)}@media (min-width:1024px){body:has(.app-root){zoom:1}}.app-root{background:var(--app-frame);min-height:100dvh;color:var(--app-text);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}@media (display-mode:standalone){html,body{overscroll-behavior:none}.app-root{-webkit-user-select:none;user-select:none}.app-root input,.app-root textarea{-webkit-user-select:text;user-select:text}}.app-scroll{-webkit-overflow-scrolling:touch}.app-noscrollbar{scrollbar-width:none}.app-noscrollbar::-webkit-scrollbar{display:none}@keyframes app-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app-enter{animation:.18s cubic-bezier(.2,.8,.2,1) both app-enter}.app-title{letter-spacing:-.025em;font-weight:700}.app-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--app-text-3);font-size:11px;font-weight:600}.app-glass{-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);background:#f5f5f7c7}:where(body:has(.app-root)) p{color:inherit;line-height:inherit}.app-no-scrollbar{scrollbar-width:none}.app-no-scrollbar::-webkit-scrollbar{display:none}.app-root .app-main:has(.app-fixed){max-width:none}.app-video-grid{grid-template-columns:repeat(auto-fill,minmax(min(132px,100%),1fr));gap:12px;display:grid}.app-video-grid>li{min-width:0}.app-video-thumb{height:clamp(168px,22vw,228px)}.app-asset-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:10px;display:grid}.app-root :is(button,a,select):focus-visible,:where(body:has(.app-root)) :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline-offset:3px;outline:2px solid #a3307c}:where(body:has(.app-root)) button:not(:disabled){cursor:pointer}.app-control{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:0;height:36px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .16s,box-shadow .16s;display:inline-flex}.app-control:disabled{opacity:.45;cursor:default}.app-control-quiet{color:#48484a;background:#f0f0f3}.app-control-quiet:hover:not(:disabled){background:#e7e7ec}.app-control-primary{color:#fff;background:linear-gradient(90deg,#d64dad,#f4666e)}.app-icon-button{color:#48484a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.app-icon-button:hover:not(:disabled){background:#f0f0f3}.app-icon-button:disabled{opacity:.35}.app-feedback{color:#9c3026;background:#fff1ef;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.app-dialog{color:#1d1d1f;background:#fff;border:0;border-radius:22px;width:min(560px,100vw - 24px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 80px -20px #0005}.app-dialog[open]{flex-direction:column;display:flex}.app-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16161b66}@media (pointer:coarse){.app-control,.app-icon-button{min-height:44px}.app-icon-button{min-width:44px}}@media (max-width:767px){.app-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}@media (min-width:768px) and (max-height:540px){#app-canvas:has(.app-fixed){overflow-y:auto}.app-main:has(.app-fixed){flex-shrink:0;min-height:510px}}.app-brand-fill{color:#fff;background-image:linear-gradient(90deg,#d64dad 0%,#f4666e 100%);transition:box-shadow .22s,filter .22s,transform .22s cubic-bezier(.2,.8,.2,1);box-shadow:0 1px 2px #d64dad40,0 6px 18px -8px #d64dad8c}.app-brand-fill:hover{filter:saturate(1.08)brightness(.97);box-shadow:0 1px 2px #d64dad4d,0 10px 24px -8px #d64dad99}.app-brand-fill:active{transform:scale(.98)}.app-brand-soft{color:#a3307c;background:#d64dad17;box-shadow:inset 0 0 0 1px #d64dad47}.app-brand-text{color:#0000;background-image:linear-gradient(90deg,#d64dad,#f4666e);-webkit-background-clip:text;background-clip:text}.app-aura{isolation:isolate;--aura-speed:1;background:#5b1a5e;border-radius:9999px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e,0 4px 14px -4px #d64dad99}.app-aura>i{filter:blur(calc(var(--aura-size,40px)*.16));will-change:transform;border-radius:9999px;position:absolute}.app-aura>i:first-child{width:80%;height:80%;animation:aura-a calc(9s/var(--aura-speed))ease-in-out infinite;background:#f4666e;top:-20%;left:-18%}.app-aura>i:nth-child(2){width:78%;height:78%;animation:aura-b calc(11s/var(--aura-speed))ease-in-out infinite;background:#d64dad;top:4%;right:-22%}.app-aura>i:nth-child(3){opacity:.85;width:72%;height:72%;animation:aura-c calc(13s/var(--aura-speed))ease-in-out infinite;background:#a13fbf;bottom:-32%;left:4%}.app-aura>i:nth-child(4){opacity:.8;width:42%;height:42%;animation:aura-d calc(7s/var(--aura-speed))ease-in-out infinite;background:#ffb38a;top:26%;left:30%}.app-aura:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 34% 26%,#ffffff59,#fff0 38%);position:absolute;inset:0}.app-aura[data-active=true]{--aura-speed:3}.app-aura[data-still=true]>i{animation:none}@keyframes aura-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(22%,18%)scale(1.15)}}@keyframes aura-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-24%,20%)scale(.9)}}@keyframes aura-c{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8%,-26%)scale(1.1)}}@keyframes aura-d{0%,to{opacity:.75;transform:translate(0)scale(1)}50%{opacity:.45;transform:translate(-12%,10%)scale(1.25)}}.app-aura-halo{position:relative}.app-aura-halo:before{content:"";filter:blur(6px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#f4666e73 0%,#d64dad2e 45%,#d64dad00 70%);border-radius:9999px;animation:4.5s ease-in-out infinite aura-breathe;position:absolute;inset:-35%}@keyframes aura-breathe{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.app-aura>i,.app-aura-halo:before{animation:none}}@media (min-width:768px){.app-canvas-scroll{scrollbar-width:thin;scrollbar-color:#0000002e transparent}.app-canvas-scroll::-webkit-scrollbar{width:10px}.app-canvas-scroll::-webkit-scrollbar-thumb{background:#00000029 padding-box content-box;border:3px solid #0000;border-radius:999px}.app-canvas-scroll::-webkit-scrollbar-track{background:0 0}}