.ob-scenes{--font-display:"Google Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--ease-out:cubic-bezier(.25,.46,.45,.94);--spring-press-time:642ms;--spring-entry-time:646ms;--enter-delay:100ms;--bg:hsl(245 20% 3.4%);--card:linear-gradient(0,hsl(245 35% 10.5%/1),hsl(240 35% 13.4%/1));--card-hover:linear-gradient(0,hsl(245 35% 12.5%/1),hsl(240 35% 16.4%/1));--card-solid:hsl(245 33% 11%);--border:hsl(245 38% 21%/1);--border-strong:hsl(245 40% 28%/1);--text:#f2effb;--text-2:hsl(250,46%,64%);--accent:#8b5cf6;--accent-strong:#9146ff;--accent-soft:rgba(145,70,255,0.1);--accent-text:hsl(245,96%,80%);--shadow:0 24px 60px hsl(258 40% 4%/0.55);--header-bg:hsl(245 20% 3.4%/0.72);--hover-bg:hsl(245 35% 14%/1);--vkui--color_background_accent:#8b5cf6;--vkui--color_background_accent--hover:#9d78f8;--vkui--color_background_accent--active:#7e4bf0;--vkui--color_text_accent:#a78bfa;--vkui--color_text_link:#a78bfa;--vkui--color_stroke_accent:#8b5cf6}.ob-scenes,.ob-scenes *,.ob-scenes :after,.ob-scenes :before{box-sizing:border-box}.ob-scenes{position:relative;overflow:clip;overflow-x:clip;max-width:100vw;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-display),var(--vkui--font_family_accent);font-size:16px;line-height:1.6;letter-spacing:.2px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ob-scenes::selection{background:#690caf;color:#fff}.ob-scenes h1,.ob-scenes h2,.ob-scenes h3{margin:0;font-weight:700;letter-spacing:0;line-height:1.15}.ob-scenes p{margin:0}.ob-scenes a{color:inherit;text-decoration:none}.ob-scenes .wrap{width:100%;max-width:1350px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.ob-scenes .bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ob-scenes .bg__blobs{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(145,70,255,.06) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.04) 0,transparent 60%);animation:scenes-bg-float 20s ease-in-out infinite}@keyframes scenes-bg-float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(2%,-1%) rotate(1deg)}66%{transform:translate(-1%,1%) rotate(-.5deg)}}.ob-scenes .bg__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 0),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.ob-scenes .bg__particles{position:absolute;inset:0;pointer-events:none}.ob-scenes .bg__particles span{position:absolute;bottom:0;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:0;animation:scenes-particle-float linear infinite}@keyframes scenes-particle-float{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh) scale(1)}}.ob-scenes .hd,.ob-scenes .main{position:relative;z-index:1}.ob-scenes [data-enter]{animation:scenes-reveal-up var(--spring-entry-time,.8s) var(--spring-entry,var(--ease)) calc(var(--d, 0s) + var(--enter-delay, 0s)) backwards}@media(prefers-reduced-motion:reduce){.ob-scenes [data-enter]{animation:none!important;opacity:1!important;transform:none!important}}@keyframes scenes-reveal-up{0%{opacity:0;transform:translateY(50px)}}@keyframes scenes-header-in{0%{opacity:0;transform:translateY(-14px)}}.ob-scenes .hd{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.ob-scenes .hd__in{display:flex;align-items:center;gap:24px;max-width:1350px;margin:0 auto;padding:10px clamp(16px,4vw,32px)}.ob-scenes .hd__brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;animation:scenes-header-in var(--spring-entry-time,.8s) var(--spring-entry,var(--ease)) var(--enter-delay,0s) backwards}.ob-scenes .hd__brand img{display:block;border-radius:calc(8px*var(--brm, 1));corner-shape:squircle;filter:drop-shadow(0 0 4px rgba(127,42,254,.3568627451))}.ob-scenes .beta{display:inline-block;padding:2px 10px;border-radius:calc(10px*var(--brm, 1));corner-shape:squircle;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent-text);font-size:12px;font-weight:600;white-space:nowrap}.ob-scenes .hd__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.ob-scenes .hd__actions a,.ob-scenes .hd__actions button{animation:scenes-header-in var(--spring-entry-time,.8s) var(--spring-entry,var(--ease)) calc(var(--d, 0s) + var(--enter-delay, 0s)) backwards}.ob-scenes .hd__exit{border-radius:calc(16px*var(--brm, 1));corner-shape:squircle}.ob-scenes .hero{padding:clamp(56px,8vw,96px) 0 clamp(32px,4vw,56px);text-align:center}.ob-scenes .hero__title{max-width:900px;margin:0 auto;font-size:clamp(32px,5vw,50px);font-weight:800}.ob-scenes .hero__lead{max-width:640px;margin:16px auto 0;color:var(--text-2);font-size:clamp(15px,2vw,18px);font-weight:500}.ob-scenes .hero__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:28px}.ob-scenes .hero__cta .vkuiButton{border-radius:calc(24px*var(--brm, 1));corner-shape:squircle}.ob-scenes .scenes-btn{position:relative;overflow:hidden;border-radius:calc(24px*var(--brm, 1))!important;corner-shape:squircle;border:1px solid hsla(274,33%,71%,.1);padding:2px;white-space:nowrap;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 30px rgba(60.4%,46%,82%,0),0 0 60px rgba(60.4%,46%,82%,0);--vkui--color_background_accent:#8b1fdd!important;--vkui--color_background_accent--hover:#a233f7!important;--vkui--color_background_accent--active:#9316f3!important}.ob-scenes .scenes-btn .vkuiButton__content{font-size:15px}.ob-scenes .scenes-btn svg{width:22px;height:22px;flex-shrink:0}.ob-scenes .scenes-btn:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(60.4%,46%,82%,.06),0 0 60px rgba(60.4%,46%,82%,.05);transition:transform .3s ease,box-shadow .7s ease}.ob-scenes .scenes-btn:active{transform:translateY(0)}.ob-scenes .scenes{padding-bottom:clamp(64px,8vw,120px)}.ob-scenes .scenes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}@media(max-width:1020px){.ob-scenes .scenes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ob-scenes .scenes__grid{grid-template-columns:minmax(0,1fr);gap:16px}}.ob-scenes .scene-card{display:flex;flex-direction:column;border-radius:calc(16px*var(--brm, 1));corner-shape:squircle;background:var(--card);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out),background .25s var(--ease-out),transform .35s var(--ease)}.ob-scenes .scene-card:hover{background:var(--card-hover);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px rgba(145,70,255,.18)}.ob-scenes .scene-card:hover .scene-card__placeholder{transform:scale(1.03)}.ob-scenes .scene-card:hover .scene-card__open{opacity:1;transform:translateX(0)}.ob-scenes .scene-card:active{transform:translateY(0)}.ob-scenes .scene-card__preview{position:relative;aspect-ratio:16/9;background:radial-gradient(120% 140% at 50% 0,rgba(145,70,255,.1),transparent 60%),hsl(245,25%,7%);border-bottom:1px solid var(--border);overflow:hidden}.ob-scenes .scene-card__preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.05) 1px,transparent 0),linear-gradient(90deg,rgba(139,92,246,.05) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.ob-scenes .scene-card__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-2);transition:transform .35s var(--ease);will-change:transform}.ob-scenes .scene-card__placeholder-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:calc(16px*var(--brm, 1));corner-shape:squircle;background:var(--accent-soft);border:1px solid var(--border);color:var(--accent)}.ob-scenes .scene-card__placeholder-text{font-size:13.5px;font-weight:500;opacity:.8}.ob-scenes .scene-card__remove{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border-strong);border-radius:calc(12px*var(--brm, 1));corner-shape:squircle;background:hsla(245,20%,5%,.6);color:var(--text-2);cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease,background .15s ease,color .15s ease,transform .15s ease}.scene-card:hover .ob-scenes .scene-card__remove{opacity:1}.ob-scenes .scene-card__remove:hover{background:rgba(64%,16%,16%,.75);border-color:rgba(0,0,0,0);color:#fff}.ob-scenes .scene-card__remove:active{transform:scale(.92)}.ob-scenes .scene-card__body{display:flex;align-items:center;gap:14px;padding:16px 18px}.ob-scenes .scene-card__info{flex:1 1;min-width:0}.ob-scenes .scene-card__name{margin:0;font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-scenes .scene-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px}.ob-scenes .scene-card__meta-item{display:inline-flex;align-items:center;gap:5px;color:var(--text-2);font-size:13px;font-weight:500;white-space:nowrap}.ob-scenes .scene-card__meta-item svg{flex:none;color:var(--accent-text)}.ob-scenes .scene-card__obs{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 10px;border-radius:calc(12px*var(--brm, 1));corner-shape:squircle;border:1px solid var(--border-strong);background:hsla(245,20%,5%,.6);color:var(--text-2);font-size:12.5px;font-weight:700;letter-spacing:.4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ob-scenes .scene-card__obs .scene-card__obs-dot{width:8px;height:8px;border-radius:50%;background:rgb(35%,34%,46%);flex:none}.ob-scenes .scene-card__obs.is-on{border-color:rgba(16%,64%,36%,.55);color:hsl(145,65%,62%)}.ob-scenes .scene-card__obs.is-on .scene-card__obs-dot{background:hsl(145,65%,48%);box-shadow:0 0 0 0 hsla(145,65%,48%,.45);animation:scenes-live-pulse 2s ease-out infinite}@keyframes scenes-live-pulse{0%{box-shadow:0 0 0 0 hsla(145,65%,48%,.45)}70%{box-shadow:0 0 0 7px hsla(145,65%,48%,0)}to{box-shadow:0 0 0 0 hsla(145,65%,48%,0)}}.ob-scenes .scene-card__mods{position:absolute;top:10px;right:10px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:calc(12px*var(--brm, 1));corner-shape:squircle;border:1px solid var(--border-strong);background:hsla(245,20%,5%,.6);color:var(--text);font-size:12.5px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ob-scenes .scene-card__mods svg{color:var(--accent-text)}.ob-scenes .scene-card__open{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:calc(12px*var(--brm, 1));corner-shape:squircle;background:var(--accent-soft);border:1px solid var(--border);color:var(--accent-text);opacity:.7;transform:translateX(-4px);transition:opacity .25s ease,transform .25s var(--ease)}.ob-scenes .scene-card--add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;padding:24px;background:rgba(0,0,0,0);border:1.5px dashed var(--border-strong);cursor:pointer;color:var(--text-2);text-align:center;transition:border-color .25s var(--ease-out),background .25s var(--ease-out),color .25s var(--ease-out),transform .35s var(--ease)}.ob-scenes .scene-card--add .scene-card__add-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:calc(16px*var(--brm, 1));corner-shape:squircle;background:var(--accent-soft);border:1px solid var(--border);color:var(--accent);transition:transform .35s var(--ease)}.ob-scenes .scene-card--add .scene-card__add-text{font-size:15px;font-weight:600;color:var(--text)}.ob-scenes .scene-card--add .scene-card__add-hint{font-size:13.5px;font-weight:500}.ob-scenes .scene-card--add:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);transform:translateY(-2px)}.ob-scenes .scene-card--add:hover .scene-card__add-icon{transform:scale(1.08) rotate(-4deg)}.ob-scenes .scene-card--add:active{transform:translateY(0)}.ob-scenes .scenes__demo{margin:0 auto clamp(20px,3vw,28px);padding:12px 18px;border-radius:calc(16px*var(--brm, 1));corner-shape:squircle;border:1px solid hsla(38,90%,55%,.35);background:hsla(38,90%,55%,.08);color:hsl(38,90%,70%);font-size:13.5px;font-weight:500;text-align:center}.ob-scenes .scenes__search{max-width:480px;margin:0 auto clamp(20px,3vw,28px)}.ob-scenes .scenes__search .vkuiInput{border-radius:calc(18px*var(--brm, 1));corner-shape:squircle}.ob-scenes .scenes__search .vkuiInput__before{color:var(--text-2)}.ob-scenes .scenes__empty{display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:clamp(48px,7vw,88px) clamp(20px,4vw,48px);border-radius:calc(24px*var(--brm, 1));corner-shape:squircle;text-align:center;background:radial-gradient(120% 140% at 50% 0,rgba(145,70,255,.14),transparent 60%),var(--card);border:1px solid var(--border-strong);box-shadow:var(--shadow)}.ob-scenes .scenes__empty h2{font-size:clamp(22px,3vw,30px)}.ob-scenes .scenes__empty p{max-width:480px;color:var(--text-2);font-size:15.5px}.ob-scenes .scenes__hint{max-width:720px;margin:clamp(28px,4vw,44px) auto 0;padding:16px 20px;border-radius:calc(18px*var(--brm, 1));corner-shape:squircle;background:var(--accent-soft);border:1px solid var(--border);color:var(--text-2);font-size:14px;font-weight:500;text-align:center}.ob-scenes .scenes__hint b{color:var(--accent-text);font-weight:600}.ob-scenes .scenes__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:60vh;color:var(--text-2);font-size:15px;font-weight:500}.ob-scenes .scenes__spinner{width:44px;height:44px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:scenes-spin .9s linear infinite}@keyframes scenes-spin{to{transform:rotate(1turn)}}@media(max-width:560px){.ob-scenes .hd__in{gap:12px}.ob-scenes .hd__brand{font-size:15px}}