:root{--bg:#F2F5FB;--fg:#1B2233;--muted:#5A6580;--line:#D5DDEE;--accent:#3766C4;--accent-ink:#fff;--chip:#E4EAF8;--off:#E3E5E9;--off-ink:#4A505C;--surface:#FFFFFF;--pick:#DCE5FA;--pick-ink:#1B3A8A;--app-canvas:#FFFFFF;--app-dot:#E3E8F3;--app-pill:#D3E0F7;--app-panel:#DDE5F7;--app-card:#EFF3FC;--app-tab:#F3F6FD;--app-ink:#14192A;--app-active:#3E6FCF;--font-ui:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:var(--font-ui)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12161F;--fg:#E7ECF8;--muted:#9AA6C4;--line:#2A3246;--accent:#7FA3F0;--accent-ink:#0F1524;--chip:#222A3D;--off:#2B2E35;--off-ink:#B4B9C4;--surface:#1A2030;--pick:#26365C;--pick-ink:#DCE5FA;color-scheme:dark}}:root[data-theme=dark]{--bg:#12161F;--fg:#E7ECF8;--muted:#9AA6C4;--line:#2A3246;--accent:#7FA3F0;--accent-ink:#0F1524;--chip:#222A3D;--off:#2B2E35;--off-ink:#B4B9C4;--surface:#1A2030;--pick:#26365C;--pick-ink:#DCE5FA;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:16px;line-height:1.5;padding-block:24px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}main{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:16px}header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}h1{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,4vw,32px);line-height:1.15;margin:0;text-wrap:balance}.sub{margin:4px 0 0;color:var(--muted);font-size:15px}.lang{display:flex;gap:4px;background:var(--chip);padding:3px;border-radius:10px}.lang button{font:inherit;font-size:14px;border:0;background:transparent;color:var(--muted);padding:4px 12px;border-radius:8px;cursor:pointer}.lang button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.frame{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--app-canvas)}.startplay{position:absolute;left:50%;top:50%;z-index:41;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:0;padding:0;background:#3e6fcf;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 12px #3e6fcf38,0 8px 28px #14192a4d;transition:transform .15s,background .15s}.startplay:hover{background:#2f5bb5;transform:scale(1.06)}.startplay:focus-visible{outline:3px solid #9DB8F0;outline-offset:14px}.startplay svg{width:44px;height:44px;margin-left:6px;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width:640px){.startplay{width:72px;height:72px;margin:-36px 0 0 -36px}.startplay svg{width:32px;height:32px;margin-left:4px}}.titlecard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}.titlecard.on{opacity:1;visibility:visible;transition:opacity .45s}.titlecard .tc-app{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3e6fcf}.titlecard h2{margin:0;font-family:var(--font-display);font-size:clamp(24px,4.4vw,44px);line-height:1.15;color:#1b2233}.titlecard button{margin-top:10px;font:inherit;font-size:17px;font-weight:600;padding:12px 26px;border-radius:999px;border:0;background:#3e6fcf;color:#fff;cursor:pointer}.titlecard button:hover{background:#2f5bb5}.titlecard button:focus-visible{outline:3px solid #9DB8F0;outline-offset:2px}.stage{container-type:inline-size;position:relative;width:100%;aspect-ratio:1.83;background:var(--app-canvas);background-image:radial-gradient(var(--app-dot) 1px,transparent 1.2px);background-size:2cqw 2cqw;overflow:hidden;color:var(--app-ink);-webkit-user-select:none;user-select:none}.stage *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.pill{position:absolute;bottom:1.6cqw;background:var(--app-pill);border-radius:1.6cqw;display:flex;align-items:center;gap:.3cqw;padding:.5cqw .6cqw;box-shadow:0 .3cqw 1cqw #1e326e24}.pill .b{width:3.1cqw;height:3.1cqw;border-radius:.8cqw;display:grid;place-items:center;transition:background .2s,transform .15s}.pill .b svg{width:1.8cqw;height:1.8cqw;stroke:var(--app-ink);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pill .b.on{background:var(--app-active)}.pill .b.on svg{stroke:#fff}.pill .sep{width:1px;height:2.4cqw;background:#141e3c2e;margin:0 .3cqw}.pill .zoom{font-size:1.1cqw;min-width:3.4cqw;text-align:center}#tools{left:50%;transform:translate(-50%)}#hist{left:1.4cqw}#zoom{left:11.5cqw}.pressed{transform:scale(.88)}.overlay{position:absolute;left:.9cqw;right:.9cqw;top:1.4cqw;bottom:7.6cqw;background:var(--app-panel);border-radius:1.6cqw;box-shadow:0 .4cqw 1.6cqw #1e326e33;padding:1.4cqw 3.6cqw 1.2cqw;display:flex;flex-direction:column;gap:1.3cqw;opacity:0;transform:translateY(1.6cqw) scale(.985);pointer-events:none;transition:opacity .35s,transform .35s}.overlay.open{opacity:1;transform:none}.tabs{display:flex;gap:.5cqw;align-items:center;font-size:1.05cqw;white-space:nowrap}.tabs .t{display:flex;align-items:center;gap:.5cqw;background:var(--app-tab);padding:.8cqw 1.1cqw;border-radius:.7cqw;transition:background .2s,color .2s,transform .15s}.tabs .t i{width:1.1cqw;height:1.1cqw;border:1.5px solid currentColor;border-radius:.3cqw;display:block}.tabs svg{width:1.15cqw;height:1.15cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.tabs .search{margin-left:auto;display:flex;align-items:center;background:#fff;border-radius:.7cqw;padding:.8cqw 1.1cqw;gap:.5cqw;min-width:14cqw}.tabs .search em{font-style:normal;color:#6b7280}.tabs .search b{font-weight:400;flex:1}.tabs .search.typing b:after{content:"";display:inline-block;width:.12cqw;height:1.2cqw;margin-left:.1cqw;background:currentColor;vertical-align:middle;animation:blink .8s steps(1) infinite}.tabs .search .clr{display:flex;opacity:.7}.shits{margin:-.4cqw 0 0;font-size:1cqw}.sres{flex:1;min-height:0;display:flex;flex-direction:column;gap:1cqw}.ssec{flex:1;min-height:0;display:flex;flex-direction:column;gap:.6cqw}.ssec h4{margin:0;font-size:1.05cqw;font-weight:700;display:flex;gap:.8cqw;align-items:baseline}.ssec .more{font-weight:400;font-size:.9cqw;color:var(--app-active);text-decoration:underline}.grid.srow{grid-template-rows:1fr}.grid.sall{flex:1;min-height:0;overflow:hidden;align-content:start;grid-auto-rows:10.5cqw}.grid.s-characters{grid-template-columns:repeat(7,1fr)}.grid.s-backgrounds{grid-template-columns:repeat(5,1fr)}.grid.s-props{grid-template-columns:repeat(6,1fr)}.tabs .t.on{background:var(--app-active);color:#fff}.tabs .lbl{font-weight:700;padding:0 .4cqw;font-size:1.15cqw}.tabs .gap{width:.4cqw}.tabs .search+.x{margin-left:.5cqw}.tabs .x{margin-left:auto;width:2.6cqw;height:2.6cqw;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.4cqw}.grid{flex:1;min-height:0;display:grid;gap:1cqw}.grid.themes{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr)}.grid.chars{grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(3,1fr)}.grid.bgs{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.card{background:var(--app-card);border-radius:.9cqw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.7cqw .6cqw;min-height:0;font-size:.95cqw;text-align:center;transition:transform .18s,box-shadow .18s,outline-color .18s;outline:.25cqw solid transparent}.card .th{flex:1;min-height:0;width:100%;display:grid;place-items:center}.card .th svg{height:100%;width:auto;max-width:100%}.card .th.wide{border-radius:.6cqw;margin-bottom:.5cqw}.card.hit{transform:scale(.95);outline-color:var(--app-active);box-shadow:0 0 0 .5cqw #3e6fcf40}.pager{font-size:1cqw;text-align:center}.cursor{position:absolute;left:0;top:0;width:3cqw;height:3cqw;z-index:5;pointer-events:none;transition:transform .95s cubic-bezier(.5,0,.2,1);filter:drop-shadow(0 .2cqw .3cqw rgba(0,0,0,.35))}.cursor svg{width:100%;height:100%;display:block}.ripple{position:absolute;left:0;top:0;width:0;height:0;z-index:4;pointer-events:none}.ripple:after{content:"";position:absolute;left:-2cqw;top:-2cqw;width:4cqw;height:4cqw;border-radius:50%;border:.35cqw solid var(--app-active);opacity:0;transform:scale(.2)}.ripple.go:after{animation:rip .6s ease-out}@keyframes rip{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.1)}}.halo{position:absolute;z-index:3;border-radius:1cqw;border:.3cqw solid var(--app-active);opacity:0;pointer-events:none;transition:opacity .3s,left .5s,top .5s,width .5s,height .5s}.halo.on{opacity:1;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 .6cqw #3e6fcf47}}.placed{position:absolute;left:22%;top:12%;height:66%;aspect-ratio:.42;opacity:0;transform:scale(.6) translateY(-4cqw);transition:opacity .35s,transform .5s cubic-bezier(.3,1.5,.5,1),left .9s cubic-bezier(.5,0,.2,1)}.placed.in{opacity:1;transform:none}.placed svg{width:100%;height:100%;display:block;overflow:visible}.sel{position:absolute;top:-1.2cqw;right:-2.4cqw;bottom:-1.2cqw;left:-2.4cqw;border:.2cqw dashed var(--app-active);border-radius:.5cqw;pointer-events:none}.sel b{position:absolute;width:1cqw;height:1cqw;background:#fff;border:.2cqw solid var(--app-active);border-radius:.2cqw}.sel b:nth-child(1){left:-.55cqw;top:-.55cqw}.sel b:nth-child(2){right:-.55cqw;top:-.55cqw}.sel b:nth-child(3){left:-.55cqw;bottom:-.55cqw}.sel b:nth-child(4){right:-.55cqw;bottom:-.55cqw}.hint{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:1.5cqw;color:#8793b3;transition:opacity .3s}.caption{display:flex;gap:14px;align-items:center;min-height:64px}.num{flex:none;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:18px;transition:opacity .2s}.num.none{opacity:0}.caption p{margin:0;font-size:clamp(18px,2.6vw,24px);line-height:1.3;text-wrap:balance}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.steps li{background:var(--chip);color:var(--muted);border-radius:10px;font-size:14px;line-height:1.3;border:2px solid transparent;transition:border-color .2s,color .2s}.steps button{all:unset;box-sizing:border-box;display:block;width:100%;height:100%;padding:8px 12px;border-radius:8px;cursor:pointer}.steps button:disabled{cursor:default}.steps li:has(button:not(:disabled):hover){border-color:var(--line)}.steps li.on:has(button:hover){border-color:var(--accent)}.steps button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.steps li b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.steps li.on{border-color:var(--accent);color:var(--fg)}.steps li.done{color:var(--fg)}.hctrl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sound{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;background:var(--off);color:var(--off-ink);border:0;border-radius:10px;padding:7px 14px;cursor:pointer}.sound:hover{filter:brightness(.95)}.sound svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sound.on{background:var(--accent);color:var(--accent-ink)}.playpause{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--chip);color:var(--fg);display:grid;place-items:center;cursor:pointer;padding:0}.playpause:hover{background:var(--line)}.playpause[hidden]{display:none}.playpause svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width:640px){.steps{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.stage *{transition-duration:.01s!important;animation:none!important}.cursor{transition-duration:.2s!important}}.mm{position:absolute;width:12cqw;height:5cqw;margin-left:-6cqw;margin-top:-2.5cqw;border-radius:1cqw;border:.3cqw solid;display:grid;place-items:center;font-weight:700;font-size:1.3cqw;opacity:0;transform:scale(.8);transition:opacity .3s,transform .4s cubic-bezier(.3,1.5,.5,1),box-shadow .2s,background .2s;z-index:2}.mm.show{opacity:1;transform:none}.mm.root{background:#eef4ff;border-color:#4285f4;color:#3b7bea}.mm.kid{background:#effbf3;border-color:#22c55e;color:#1fa855}.mm.editing{background:#fff}.mm.selected{box-shadow:0 0 0 .35cqw #fff,0 0 0 .6cqw #4285f48c}.mm.editing .tx:after{content:"";display:inline-block;width:.16cqw;height:1.5cqw;background:currentColor;margin-left:.2cqw;vertical-align:-.25cqw;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.edges path{fill:none;stroke:#66728c;stroke-width:.5;opacity:0;transition:opacity .4s}.edges path.show{opacity:1}.edges marker path{fill:#66728c;stroke:none;opacity:1}.tag{position:absolute;top:11.6cqw;transform:translate(-50%) translateY(.6cqw);font-size:1cqw;font-weight:700;color:#3e4a6a;background:#e4eaf8;padding:.35cqw .9cqw;border-radius:.6cqw;opacity:0;transition:opacity .35s,transform .35s;white-space:nowrap}.tag.show{opacity:1;transform:translate(-50%)}.ctx{bottom:auto;top:24.5cqw;transform:translate(-50%);opacity:0;pointer-events:none;transition:opacity .25s,left .45s;z-index:2}.ctx.on{opacity:1}.ctx .b.red svg{stroke:#d33}.ctx .b{transition:filter .35s,opacity .35s,background .2s,transform .15s}.ctx .b.dim{filter:blur(.28cqw);opacity:.4}.tip{position:absolute;z-index:6;transform:translate(-50%,-100%);margin-top:-.6cqw;background:#1b1f2a;color:#fff;font-size:1cqw;font-weight:700;padding:.6cqw 1cqw;border-radius:.6cqw;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.tip:after{content:"";position:absolute;left:50%;bottom:-.45cqw;margin-left:-.5cqw;border:.5cqw solid transparent;border-bottom:0;border-top-color:#1b1f2a}.tip.on{opacity:1}.mm.pic{height:auto;min-height:5cqw;margin-top:0;transform-origin:50% 0;grid-template-rows:auto auto;gap:.3cqw;padding:.5cqw .6cqw .4cqw;translate:0 -50%}.mm.pic img{width:100%;height:5.6cqw;object-fit:contain;display:block}.cpic{position:absolute;translate:-50% -50%;opacity:0;scale:.8;transition:opacity .3s,scale .4s cubic-bezier(.3,1.5,.5,1);z-index:2}.cpic.show{opacity:1;scale:1}.cpic:not(.show){pointer-events:none}.cpic img{height:100%;width:auto;display:block}.cpic.flip img{transform:scaleX(-1)}.ctext{position:absolute;translate:-50% -50%;background:#fff;border:.15cqw solid #14192A;border-radius:.6cqw;padding:.5cqw .9cqw;font-size:1.15cqw;line-height:1.3;color:#14192a;opacity:0;transition:opacity .35s;z-index:2;text-align:center}.ctext.show{opacity:1}.edges path.rel{stroke:#6b6ff0;stroke-width:.28;stroke-dasharray:1 .7}.edges marker#ahr path{fill:#6b6ff0;fill:context-stroke}.ctext.al{text-align:left}.ctext.big{font-size:1.6cqw;font-weight:700;padding:.6cqw 1.2cqw;white-space:nowrap}.rlabel{position:absolute;translate:-50% -50%;background:#fff;border:.1cqw solid #6B6FF0;color:#4f52d8;font-size:.85cqw;font-weight:700;padding:.15cqw .6cqw;border-radius:.3cqw;white-space:nowrap;opacity:0;transition:opacity .3s;z-index:3;pointer-events:none}.rlabel.show{opacity:1}.rh{position:absolute;width:1.1cqw;height:1.1cqw;translate:-50% -50%;border-radius:50%;background:#fff;border:.2cqw solid #E53935;opacity:0;z-index:4;transition:opacity .2s;pointer-events:none}.rh.ctl{border-color:#f2b233}.rh.on{opacity:1}.cpic.picked{outline:.15cqw dashed #4285F4;outline-offset:.4cqw}#hist,#zoom,#tools,#ctx{z-index:4}.ctext.bub{border-radius:1.4cqw;padding:.7cqw 1.1cqw;font-size:1.2cqw;max-width:22cqw}.ctext.bub:after{content:"";position:absolute;bottom:-.75cqw;width:1.3cqw;height:1.3cqw;background:#fff;border-right:.15cqw solid #14192A;border-bottom:.15cqw solid #14192A;transform:skew(25deg) rotate(45deg)}.ctext.bub.bl:after{left:1.8cqw}.ctext.bub.br:after{right:1.8cqw;transform:skew(-25deg) rotate(45deg)}.pframe{position:absolute;translate:-50% -50%;transform-origin:0 0;border:.25cqw solid;border-radius:.2cqw;display:none;place-items:center;z-index:3;pointer-events:none}.pframe.show{display:grid}.pframe .pnum{font:300 6cqw/1 system-ui,sans-serif;color:#fffffff2}.pframe i{position:absolute;width:1cqw;height:1cqw;border-radius:50%;background:#fff;border:.15cqw solid;border-color:inherit;opacity:0}.pframe.sel i{opacity:1}.pframe i:nth-of-type(1){left:-.6cqw;top:-.6cqw}.pframe i:nth-of-type(2){right:-.6cqw;top:-.6cqw}.pframe i:nth-of-type(3){left:-.6cqw;bottom:-.6cqw}.pframe i:nth-of-type(4){right:-.6cqw;bottom:-.6cqw}.pframe.c0{background:#5b8def59;border-color:#5b8def}.pframe.c1{background:#34c78d59;border-color:#34c78d}.pframe.c2{background:#f5a62359;border-color:#f5a623}.pframe.c3{background:#c471ed59;border-color:#c471ed}.pbar{position:absolute;left:0;right:0;bottom:0;height:5cqw;background:var(--app-pill);display:none;align-items:center;gap:.3cqw;padding:0 1cqw;z-index:4}.stage.present .pbar{display:flex}.stage.present #tools,.stage.present #hist,.stage.present #ctx{display:none}.stage.present #zoom{bottom:6.2cqw}.pbar .b{width:3cqw;height:3cqw;border-radius:.8cqw;display:grid;place-items:center}.pbar .b svg{width:1.7cqw;height:1.7cqw;stroke:var(--app-ink);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pbar .b.off svg{opacity:.35}.pbar .sep{width:1px;height:3cqw;background:#141e3c26;margin:0 .6cqw}.pbar .sep.end{margin-left:auto}.pbar .plbl{font-size:.9cqw;letter-spacing:.06em;color:#5a6580;margin-right:.8cqw}.pchips{display:flex;gap:.6cqw}.pchip{display:flex;align-items:center;gap:.3cqw;height:2.6cqw;padding:0 .9cqw;border-radius:.7cqw;background:#fff;border:.15cqw solid #5B8DEF;font-size:1.1cqw;color:#14192a}.pchip.c1{border-color:#34c78d}.pchip.c2{border-color:#f5a623}.pchip.c3{border-color:#c471ed}.pchip i{display:none}.pchip i svg{width:1cqw;height:1cqw;stroke:#fff;fill:none;stroke-width:2}.pchip.on{background:#3e6fcf;color:#fff;border-color:#3e6fcf}.pchip.on i{display:inline-flex}.pempty{position:absolute;left:50%;transform:translate(-50%);font-style:normal;font-size:1.1cqw;color:#2b3550}.ppop{position:absolute;background:var(--app-panel);border-radius:1.2cqw;padding:1cqw;box-shadow:0 .5cqw 2cqw #1e326e40;opacity:0;pointer-events:none;transition:opacity .25s;z-index:6;color:#14192a}.ppop.on{opacity:1}.ppop h5{margin:0 0 .7cqw;font-size:1.1cqw;font-weight:600;display:flex;justify-content:space-between;align-items:center}.ppop h5 .x svg{width:1.2cqw;height:1.2cqw;stroke:#14192a;fill:none;stroke-width:2}.pfmt{right:2cqw;bottom:5.8cqw;width:11cqw}.pfmt .po{padding:.55cqw .9cqw;border-radius:.6cqw;background:#fff;font-size:1cqw;margin-top:.3cqw}.pfmt .po.on{background:#3e6fcf;color:#fff}.popts{left:1cqw;top:1cqw;width:22cqw}.popts .prow{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:.6cqw;padding:.6cqw .8cqw;font-size:1cqw;font-weight:600}.popts .psel{border:.1cqw solid #C9D3EA;border-radius:.4cqw;padding:.25cqw .8cqw;min-width:6cqw;font-weight:400}.popts .pdel{display:flex;align-items:center;gap:.6cqw;margin-top:.6cqw;background:#fff;border-radius:.6cqw;padding:.6cqw .8cqw;font-size:1cqw;color:#d32f2f}.popts .pdel svg{width:1.2cqw;height:1.2cqw;stroke:#d32f2f;fill:none;stroke-width:1.8}.pbanner{position:absolute;left:50%;top:1.2cqw;transform:translate(-50%);background:#3e6fcf;color:#fff;border-radius:2cqw;padding:.8cqw 1.6cqw;font-size:1.05cqw;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .3s;z-index:6;pointer-events:none}.pbanner.on{opacity:1}.pplayer{position:absolute;left:0;right:0;bottom:0;z-index:12;display:none;background:var(--app-pill)}.stage.playing .pplayer{display:block}.stage.playing .pframe,.stage.playing .pbar,.stage.playing #zoom,.stage.playing .cursor,.stage.playing .rh{opacity:0!important}.ptl{display:flex;gap:.15cqw;height:1.3cqw;padding:.15cqw .3cqw;background:#c9d6f2}.ptl span{background:#fff;font-size:.7cqw;display:grid;place-items:center;color:#14192a}.ptl span.tr{background:#e9a27a}.ptl span.done,.ptl span.cur{background:#3e6fcf;color:#fff}.pctl{display:flex;align-items:center;height:3cqw;padding:0 1cqw;font-size:.85cqw}.pnav{display:flex;gap:.6cqw;margin:0 auto}.pctl i{width:2.2cqw;height:2.2cqw;display:grid;place-items:center;border-radius:50%}.pctl i svg{width:1.3cqw;height:1.3cqw;stroke:#14192a;fill:none;stroke-width:2}.pctl i.on{background:#3e6fcf}.pctl i.on svg{stroke:#fff}.cvl{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0}.rlabel,.rh{scale:var(--ls,1)}.cshape{position:absolute;translate:-50% -50%;opacity:0;scale:.8;transition:opacity .3s,scale .4s cubic-bezier(.3,1.5,.5,1);z-index:2}.cshape.show{opacity:1;scale:1}.cshape svg{width:100%;height:100%;display:block;overflow:visible}.cshape .f{transition:fill .3s,stroke .3s,stroke-width .3s}.cpic img,.cshape svg{transition:transform .45s}.cpic.fx img,.cshape.fx svg{transform:scaleX(-1)}.cpic.fy img,.cshape.fy svg{transform:scaleY(-1)}.cpic.fx.fy img,.cshape.fx.fy svg{transform:scale(-1)}.cpic.swap img{animation:swapIn .35s ease}@keyframes swapIn{0%{opacity:.2;transform:scale(.94)}}.cselL{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.csel{position:absolute;transform-origin:50% 50%;border:.15cqw solid #4285F4;opacity:0;transition:opacity .2s}.csel.on{opacity:1}.csel.thin{border-width:.1cqw;border-style:dashed}.csel b{position:absolute;width:1cqw;height:1cqw;background:#fff;border:.12cqw solid #4285F4;border-radius:50%}.csel b:nth-child(1){left:-.55cqw;top:-.55cqw}.csel b:nth-child(2){right:-.55cqw;top:-.55cqw}.csel b:nth-child(3){left:-.55cqw;bottom:-.55cqw}.csel b:nth-child(4){right:-.55cqw;bottom:-.55cqw}.csel b.sd{border-radius:.2cqw}.csel b.sd:nth-child(5){left:50%;top:-.55cqw;margin-left:-.5cqw}.csel b.sd:nth-child(6){left:50%;bottom:-.55cqw;margin-left:-.5cqw}.csel b.sd:nth-child(7){top:50%;left:-.55cqw;margin-top:-.5cqw}.csel b.sd:nth-child(8){top:50%;right:-.55cqw;margin-top:-.5cqw}.csel .stem{position:absolute;left:50%;top:-2.6cqw;width:.12cqw;height:2.6cqw;margin-left:-.06cqw;background:#4285f4}.csel .rot{position:absolute;left:50%;top:-3.5cqw;width:1.2cqw;height:1.2cqw;margin-left:-.6cqw;background:#fff;border:.12cqw solid #4285F4;border-radius:50%}.csel.norot .stem,.csel.norot .rot,.csel.nohand b{display:none}.marq{position:absolute;z-index:3;border:.12cqw solid #4285F4;background:#4285f41f;pointer-events:none}.pill.cmenu{bottom:auto;opacity:0;pointer-events:none;transition:opacity .25s;z-index:7}.pill.cmenu.on{opacity:1;pointer-events:auto}.pill.cmenu .b.red svg{stroke:#d33}.pill.cmenu .b{transition:filter .35s,opacity .35s,background .2s,transform .15s;position:relative}.pill.cmenu .b.dim{filter:blur(.28cqw);opacity:.4}.pill.cmenu .b.wl{width:auto;padding:0 .8cqw;gap:.4cqw;display:flex;font-size:1cqw;font-weight:600;white-space:nowrap}.pill.cmenu .b .caret svg{width:1cqw;height:1cqw}.pill .b.on svg *{stroke:#fff}.cpanel{position:absolute;z-index:8;background:var(--app-panel);border-radius:1.2cqw;padding:1cqw;box-shadow:0 .5cqw 2cqw #1e326e40;opacity:0;pointer-events:none;transition:opacity .25s;color:#14192a;display:flex;flex-direction:column;gap:.6cqw;font-size:1cqw;min-width:10cqw}.cpanel.on{opacity:1;pointer-events:auto}.cpanel h5{margin:0;font-size:1.1cqw;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:1cqw}.cpanel h5 .x{display:grid;place-items:center;width:2cqw;height:2cqw;border-radius:50%;background:#fff}.cpanel h5 .x svg,.cpanel svg{width:1.3cqw;height:1.3cqw;stroke:#14192a;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.cpanel h6{margin:.2cqw 0 0;font-size:.9cqw;font-weight:700;color:#3e4a6a}.cpanel .pops{display:flex;flex-direction:column;gap:.3cqw}.cpanel .pops.grid,.cpanel .pops.icons,.cpanel .pops.swatches,.cpanel .pops.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.4cqw}.cpanel .pops.chips{flex-direction:row;flex-wrap:wrap}.cpanel .po{display:flex;align-items:center;gap:.6cqw;padding:.55cqw .8cqw;border-radius:.6cqw;background:#fff;transition:background .2s,transform .15s,box-shadow .2s;position:relative}.cpanel .po.on{background:#3e6fcf;color:#fff}.cpanel .po.on svg{stroke:#fff}.cpanel .po.red{color:#d32f2f}.cpanel .po.red svg{stroke:#d32f2f}.cpanel .po.hit{box-shadow:0 0 0 .25cqw #3e6fcf}.cpanel .po .pt{display:flex;flex-direction:column;line-height:1.2}.cpanel .po .pt b{font-weight:600}.cpanel .po .pt em{font-style:normal;font-size:.8cqw;opacity:.75}.cpanel .po kbd{margin-left:auto;font:inherit;font-size:.8cqw;opacity:.6}.cpanel .po .pv{margin-left:auto}.cpanel .pops.icons .po{justify-content:center;padding:.7cqw}.cpanel .pops.icons .po svg{width:1.8cqw;height:1.8cqw}.cpanel .po.sw{width:2.2cqw;height:2.2cqw;padding:0;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 .1cqw #00000026}.cpanel .po.sw.on{box-shadow:0 0 0 .2cqw #fff,0 0 0 .4cqw #3e6fcf}.cpanel .pops.swatches{grid-template-columns:repeat(8,1fr);justify-items:center}.cpanel .pops.cards .po{flex-direction:column;padding:.5cqw;gap:.3cqw;font-size:.85cqw;text-align:center}.cpanel .pim{display:grid;place-items:center;grid-template-rows:100%;width:100%;height:5cqw}.cpanel .pim img{max-width:100%;max-height:100%;height:100%;width:auto;object-fit:contain;display:block}.cpanel .pkv{display:flex;align-items:center;justify-content:space-between;gap:1cqw;background:#fff;border-radius:.6cqw;padding:.55cqw .8cqw;font-weight:600}.cpanel .psel{display:flex;align-items:center;gap:.3cqw;border:.1cqw solid #C9D3EA;border-radius:.4cqw;padding:.25cqw .6cqw;min-width:5cqw;justify-content:space-between;font-weight:400}.cpanel .psel svg{width:1cqw;height:1cqw}.cpanel .psl .track{flex:1;height:.4cqw;background:#c9d3ea;border-radius:.2cqw;position:relative}.cpanel .psl .track i{position:absolute;left:0;top:0;bottom:0;background:#3e6fcf;border-radius:.2cqw}.cpanel .psl .track b{position:absolute;top:50%;width:1.2cqw;height:1.2cqw;margin:-.6cqw 0 0 -.6cqw;border-radius:50%;background:#fff;border:.15cqw solid #3E6FCF}.cpanel .psep{height:1px;background:#141e3c26;margin:.2cqw 0}.cpanel .prw{display:flex;align-items:center;gap:.5cqw;flex-wrap:wrap}.edges path.tr{transition:stroke .3s,stroke-width .3s,opacity .4s}.mm.dragging{z-index:5;box-shadow:0 .6cqw 1.6cqw #141e3c4d;opacity:.85!important;transition:box-shadow .2s,opacity .2s}.mm.drop{box-shadow:0 0 0 .35cqw #fff,0 0 0 .65cqw #f59e0b}.mm:not(.pic) img{display:none}.mm img{transition:height .3s}.ctext mark,.ctext .hl{background:#4285f44d;color:inherit;border-radius:.1cqw}.ctext.edit{outline:.15cqw solid #4285F4;outline-offset:.3cqw}.pfx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;opacity:0;pointer-events:none}.edges marker#ahrs path,.edges marker#ahrc circle,.edges marker#ahrq rect{fill:#6b6ff0;fill:context-stroke;stroke:none}.cpanel.cbanner{flex-direction:row;align-items:center;background:#3e6fcf;color:#fff;border-radius:2cqw;padding:.7cqw 1.4cqw;font-size:1.05cqw;font-weight:600;white-space:nowrap;min-width:0;gap:.5cqw}.cpanel.cbanner kbd{font:inherit;font-size:.9cqw;background:#fff;color:#3e6fcf;border-radius:.4cqw;padding:.05cqw .5cqw}.cpanel.cbanner .prw{gap:.5cqw}.edges path.tr{stroke:#64748b;stroke-width:.26}.edges marker#aht path{fill:#64748b}.mm.k3{background:#fff7ed;border-color:#f97316;color:#ea580c}.mm.drop{box-shadow:none;outline:.25cqw dashed #22C55E;outline-offset:.35cqw}.pill .b .bdg{position:absolute;right:-.2cqw;top:-.2cqw;min-width:1.2cqw;height:1.2cqw;border-radius:.6cqw;background:#3e6fcf;color:#fff;font:700 .75cqw/1.2cqw var(--font-ui);text-align:center;font-style:normal}.cpanel.cmodal{box-shadow:0 0 0 200cqw #14192a59,0 .6cqw 2.4cqw #1e326e4d;background:#fff;padding:1.6cqw;gap:1cqw;width:26cqw;font-size:1.05cqw;z-index:9}.cpanel.cmodal h5{font-size:1.3cqw}.cpanel.cmodal .po.red{background:#d32f2f;color:#fff}.cpanel.cmodal .po.red svg{stroke:#fff}.ctext.sb{border-radius:1cqw;border-width:.14cqw;border-color:transparent;background:none;padding:.6cqw 1cqw;font-size:1.15cqw;color:#000}.ctext .tails{position:absolute;left:-.14cqw;top:-.14cqw;overflow:visible;pointer-events:none;z-index:-1}.ctext .tk{position:absolute;width:1cqw;height:1cqw;translate:-50% -50%;border-radius:50%;background:#f2ce4a;border:.15cqw solid #fff;box-shadow:0 0 .3cqw #0006;opacity:0;transition:opacity .2s}.ctext.knobs .tk{opacity:1}.ctext .ttx{position:relative}.cpic .cropbox{display:none;position:absolute;left:calc(var(--cl,0)*100%);top:calc(var(--ct,0)*100%);right:calc(var(--cr,0)*100%);bottom:calc(var(--cb,0)*100%);border:.12cqw solid #4285F4;box-shadow:0 0 0 100cqw #ffffff9e}.cpic.cropping{overflow:hidden;outline:.1cqw solid #14192A}.cpic.cropping .cropbox{display:block}.cpic .cropbox b{position:absolute;width:.9cqw;height:.9cqw;background:#fff;border:.12cqw solid #4285F4;border-radius:50%}.cpic .cropbox b:nth-child(1){left:-.45cqw;top:-.45cqw}.cpic .cropbox b:nth-child(2){right:-.45cqw;top:-.45cqw}.cpic .cropbox b:nth-child(3){left:-.45cqw;bottom:-.45cqw}.cpic .cropbox b:nth-child(4){right:-.45cqw;bottom:-.45cqw}.cpic.crop{overflow:hidden}.cpic.cropping.lassoing .cropbox{display:none}.cpic .lasso{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 .08cqw #fff) drop-shadow(0 0 .04cqw #fff)}.cpic .lasso>path{visibility:hidden}.cpic .lasso>path.m{fill:#ffffff9e;stroke:none}.cpic .lasso>path.d{fill:none;stroke:#3b82f6;stroke-width:var(--lw,.8);stroke-linecap:round;stroke-linejoin:round}.cpic .lasso.show>path.d,.cpic.masked .lasso>path.m{visibility:visible}.cpic.lassoed{clip-path:var(--lc)}.cpic.lassoed .lasso>path.d,.cpic.lassoed .lasso>path.m{visibility:hidden}.grid.s4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.grid.s5{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr)}.grid.s7{grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(3,1fr)}.sstrip{position:absolute;left:0;right:0;bottom:0;height:7.9cqw;background:#e5ecfa}.cv{position:absolute;isolation:isolate;left:8.5cqw;top:0;transform-origin:50% 0;transition:transform .6s;width:83cqw;height:46.7cqw;overflow:hidden;border-radius:.5cqw;background:#fff;box-shadow:0 0 0 1px #141e3c14}.sbg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s}.sbg svg{width:100%;height:100%;display:block}.sobj{position:absolute;opacity:0;transform:scale(.85);transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.5,1),left .9s cubic-bezier(.5,0,.2,1),top .9s cubic-bezier(.5,0,.2,1)}.sbg.show{opacity:1}.sobj.show{opacity:1;transform:rotate(var(--r,0deg)) scale(calc(var(--s,1) * var(--fx,1)),var(--s,1))}.sobj.instant,.sobj.free{transition:opacity .35s,transform .45s}#sHero{left:28cqw;top:12cqw;height:27cqw;width:13cqw}#sHero2{left:47cqw;top:13cqw;height:26cqw;width:12cqw}#sHero svg,#sHero2 svg,#sMask svg{width:100%;height:100%;display:block;overflow:visible}#sMask{width:14cqw;height:9cqw;left:55cqw;top:19cqw}#sBub{z-index:30;left:34cqw;top:3.4cqw;translate:-50% 0;min-width:20cqw;padding:1.1cqw 1.4cqw;background:#fff;border:.18cqw solid #1A1F2E;border-radius:1cqw;font-size:1.7cqw;text-align:center;color:#14192a;min-height:4cqw}#sBub .tail{position:absolute;left:-.18cqw;top:-.18cqw;overflow:visible;pointer-events:none}#sBub .knob{position:absolute;width:1.5cqw;height:1.5cqw;translate:-50% -50%;border-radius:50%;background:#f2c21e;border:.15cqw solid #fff;box-shadow:0 0 .3cqw #0006;touch-action:none}.stage.try #sBub .knob{cursor:grab}.stext{z-index:20;left:41.5cqw;top:21cqw;translate:-50% -50%;min-width:16cqw;min-height:4cqw;padding:1cqw 1.4cqw;font-size:2cqw;font-weight:700;text-align:center;color:#14192a;border:.18cqw dashed transparent;border-radius:1cqw;white-space:nowrap}.stext.editing{border-color:#4285f4cc}.stext.framed{background:#fff;border:.18cqw solid #1A1F2E;font-weight:400}.sobj.editing .tx:after{content:"";display:inline-block;width:.16cqw;height:1.6cqw;background:currentColor;margin-left:.2cqw;vertical-align:-.25cqw;animation:blink 1s steps(1) infinite}.sobj.swap{animation:swap .45s cubic-bezier(.3,1.4,.5,1)}@keyframes swap{0%{scale:.92}to{scale:1}}.selbox{position:absolute;transform-origin:50% 50%;border:.15cqw solid rgba(66,133,244,.8);opacity:0;pointer-events:none;transition:opacity .25s,left .3s,top .3s,width .3s,height .3s;z-index:3}.selbox.on{opacity:1}.selbox.dragging{transition:opacity .25s}.selbox .stem{position:absolute;left:50%;top:-1.9cqw;width:.15cqw;height:1.9cqw;margin-left:-.075cqw;background:#4285f4cc}.selbox .rot{position:absolute;left:50%;top:-3.2cqw;width:1.4cqw;height:1.4cqw;margin-left:-.7cqw;background:#fff;border-radius:50%;box-shadow:0 0 .4cqw #00000059;border:.15cqw solid rgba(66,133,244,.9)}.selbox.norot .rot,.selbox.norot .stem{display:none}.stage.try .selbox b,.stage.try .selbox .rot{pointer-events:auto;cursor:grab;touch-action:none}.selbox b{position:absolute;width:1.2cqw;height:1.2cqw;background:#fff;border-radius:50%;box-shadow:0 0 .4cqw #00000059}.selbox b:nth-child(1){left:-.6cqw;top:-.6cqw}.selbox b:nth-child(2){right:-.6cqw;top:-.6cqw}.selbox b:nth-child(3){left:-.6cqw;bottom:-.6cqw}.selbox b:nth-child(4){right:-.6cqw;bottom:-.6cqw}.pill .b[hidden]{display:none}.smenu .b.red svg{stroke:#d33}#s-tframe svg+svg,#s-shrink svg+svg{display:none}#s-tframe.framed svg:first-child{display:none}#s-tframe.framed svg+svg{display:block}.smenu .b{transition:filter .35s,opacity .35s,background .2s,transform .15s}.smenu .b.dim{filter:blur(.28cqw);opacity:.4}.overlay.full{left:0;right:0;top:0;bottom:7.9cqw;border-radius:0;padding:1.6cqw 5cqw 1.4cqw}.arrow{position:absolute;top:50%;width:3.4cqw;height:3.4cqw;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.8cqw;box-shadow:0 .2cqw .6cqw #1e326e40;transform:translateY(-50%)}.smenu{position:absolute;bottom:auto;transform:translate(-50%);opacity:0;pointer-events:none;transition:opacity .25s;z-index:4}.smenu.on{opacity:1}.pop{position:absolute;z-index:5;background:var(--app-panel);border-radius:1.2cqw;box-shadow:0 .4cqw 1.6cqw #1e326e40;padding:.8cqw;opacity:0;pointer-events:none;transform:translateY(.6cqw);transition:opacity .25s,transform .25s}.pop.on{opacity:1;transform:none}.pop .opt{display:flex;align-items:center;gap:.9cqw;padding:.8cqw 1.2cqw;border-radius:.7cqw;font-size:1.2cqw;font-weight:700;min-width:14cqw;transition:background .2s,transform .15s}.pop .opt svg{width:2.2cqw;height:2.2cqw;stroke:#14192a;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pop.rec{display:flex;gap:.6cqw}.pop .rb{width:6.6cqw;height:5.6cqw;border-radius:.9cqw;background:#e7eefc;display:grid;place-items:center;transition:background .2s,transform .15s}.pop .rb svg{width:3cqw;height:3cqw;stroke:#14192a;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pop .rb svg+svg{margin-left:-.5cqw}.rb.pair{display:flex;align-items:center;justify-content:center}.dlg{position:absolute;left:50%;top:6cqw;transform:translate(-50%);width:38cqw;background:var(--app-panel);border-radius:1.4cqw;padding:1.6cqw 2cqw 1.4cqw;box-shadow:0 .6cqw 2.4cqw #1e326e4d;opacity:0;pointer-events:none;transition:opacity .3s;z-index:6;color:#14192a}.dlg.on{opacity:1}.dlg h4{margin:0 0 1.2cqw;font-size:1.4cqw}.dlg .row{display:flex;gap:1.6cqw;justify-content:center}.dlg .pg{width:12cqw;text-align:center;font-size:1.05cqw;font-weight:700;transition:transform .15s}.dlg .pg .th2{height:8cqw;border-radius:.5cqw;background:#fffdf8;display:grid;place-items:center;margin-bottom:.5cqw;border:.15cqw solid transparent;overflow:hidden}.dlg .pg .th2 svg{width:3cqw;height:3cqw;stroke:#14192a;fill:none;stroke-width:1.6}.dlg .pg.hit .th2{border-color:var(--app-active)}.dlg .x2{position:absolute;right:1.4cqw;top:1.2cqw;width:2.6cqw;height:2.6cqw;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.3cqw}.badge{position:absolute;left:1.4cqw;top:1.2cqw;width:4cqw;height:4cqw;border-radius:1cqw;background:var(--app-pill);display:grid;place-items:center;font-weight:700;font-size:1.6cqw;box-shadow:0 .3cqw 1cqw #1e326e24;z-index:2}.pill.sback{left:1.4cqw}.pill.splus{right:1.4cqw;left:auto}.pill.sbar2{left:50%;transform:translate(-50%)}.pill.sbar1{left:calc(50% - 21cqw)}.stopbar{left:50%;transform:translate(-50%);display:none;gap:1cqw!important}.stopb{background:#f25c5c!important;width:5cqw!important;height:5cqw!important;border-radius:1.2cqw!important}.stopb span{width:2cqw;height:2cqw;background:#fff;border-radius:.3cqw;display:block}.timer{font-weight:700;background:#f25c5c;color:#fff;padding:.7cqw 1.2cqw;border-radius:1cqw;font-size:1.5cqw}.stage.recording .sbar1,.stage.recording .sbar2{display:none}.stage.recording .stopbar{display:flex}.stage.recording .sdim.show{opacity:.4!important}.stage.recording .sbg{opacity:.35!important}.cd{position:absolute;z-index:7;width:6cqw;height:6cqw;border-radius:50%;background:#fff;display:none;place-items:center;font-size:4cqw;font-weight:700;color:#e53935;transform:translate(-50%,-50%)}.cd.on{display:grid}#sMask.armed{box-shadow:0 0 0 .4cqw #4285f480;border-radius:1cqw}.pill #s-record svg circle{fill:#e53935;stroke:#fff;stroke-width:2}.pill .b svg{overflow:visible}.guide{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15}.guide svg{width:100%;height:100%;overflow:visible}.guide line{stroke:#3e6fcf;stroke-width:3;stroke-dasharray:8 8;stroke-linecap:round;animation:march .8s linear infinite}.guide circle.end{fill:#3e6fcf29;stroke:#3e6fcf;stroke-width:3;animation:pulse 1s ease-in-out infinite}.guide circle.start{fill:#3e6fcf}@keyframes march{to{stroke-dashoffset:-16}}.sobj.dragging,.placed.dragging{transition:none!important}.stage.try .sobj,.stage.try .placed{cursor:grab;touch-action:none}.stage.try .sobj.dragging,.stage.try .placed.dragging{cursor:grabbing}.overlay.open,.smenu.on,.pop.on,.dlg.on,.ctx.on{pointer-events:auto}.stage.try .cursor{display:none}.halo.miss{border-color:#e53935!important;animation:none!important}.tryhint{margin:0;color:var(--muted);font-size:15px}.modesw{margin-left:auto}.modesw button{padding:6px 14px!important}.overlay{z-index:10}.pop{z-index:12}.dlg{z-index:13}.cd{z-index:14}.mkblur{position:absolute;pointer-events:none;z-index:18;backdrop-filter:blur(.35cqw) saturate(.8);-webkit-backdrop-filter:blur(.35cqw) saturate(.8);background:#14192a1f;animation:mkFade .35s ease both}.mk{position:absolute;pointer-events:none;z-index:19;border:.3cqw solid #F59E0B;border-radius:1.1cqw;box-shadow:0 0 0 .5cqw #f59e0b40;box-sizing:border-box;animation:mkFade .35s ease both}.mknum{position:absolute;pointer-events:none;z-index:20;width:2.2cqw!important;height:2.2cqw!important;margin:-1.1cqw 0 0 -1.1cqw;border-radius:50%;background:#f59e0b;color:#2b1a00;font:700 1.3cqw/2.2cqw system-ui,sans-serif;text-align:center}@keyframes mkFade{0%{opacity:0}to{opacity:1}}.mklbl{position:absolute;pointer-events:none;z-index:19;transform:translate(-50%);background:#f59e0b;color:#2b1a00;font:600 1.5cqw/1.2 system-ui,sans-serif;padding:.7cqw 1.2cqw;border-radius:99px;white-space:nowrap;box-shadow:0 .4cqw 1.2cqw #14192a40;animation:mkIn .35s ease both}@keyframes mkIn{0%{opacity:0;transform:translate(var(--tx,0)) scale(.96)}to{opacity:1}}.mklbl{--tx:-50%}.halo{z-index:20}.ripple{z-index:21}.tip{z-index:22}.cursor{z-index:23}.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:2px}.world{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;transition:transform .8s cubic-bezier(.4,0,.2,1)}.pick{display:flex;gap:8px;flex-wrap:wrap}.pick button{font:inherit;font-size:15px;border:2px solid transparent;background:var(--chip);color:var(--fg);padding:6px 14px;border-radius:10px;cursor:pointer}.pick button[aria-pressed=true]{border-color:var(--accent)}.pill .b.off{opacity:.4}.err{padding:20px;color:var(--fg)}.steps{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.card .th:has(>img){position:relative;display:block}.card .th>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.card .th.wide{overflow:hidden}.card .th.wide>img{object-fit:cover}.sbg img{width:100%;height:100%;object-fit:cover;display:block}#sHero img,#sHero2 img,#sMask img,.placed img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.pop.moods{left:8.5cqw;width:83cqw;top:22cqw;bottom:auto;height:24.7cqw;padding:1.2cqw 2cqw;display:flex;flex-direction:column;gap:.8cqw}.pop.moods h4{margin:0;font-size:1.3cqw}.mrow{flex:1;min-height:0;display:flex;gap:1.2cqw;justify-content:center}.mcard{width:12cqw;background:var(--app-card);border-radius:.9cqw;display:flex;flex-direction:column;align-items:center;padding:.6cqw;font-size:1.05cqw;font-weight:700;outline:.25cqw solid transparent;transition:transform .15s,outline-color .2s}.mcard .mth{flex:1;min-height:0;width:100%;position:relative}.mcard .mth img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.mcard.on,.mcard.hit{outline-color:var(--app-active)}.stage.slides .cv{transform:translateY(1.4cqw) scale(.56)}.stage.slides #s-shrink svg:first-child{display:none}.stage.slides #s-shrink svg+svg{display:block}.thumbs{position:absolute;left:50%;top:30.6cqw;transform:translate(-50%);display:flex;gap:1.4cqw;opacity:0;pointer-events:none;transition:opacity .4s}.stage.slides .thumbs{opacity:1;pointer-events:auto}.thumb{position:relative;width:13cqw;transition:translate .25s,opacity .35s,width .35s,margin .35s,scale .35s;touch-action:none}.thumb.nt{transition:none}.thumb.lift{z-index:3;transition:none;scale:1.06;filter:drop-shadow(0 .5cqw .8cqw rgba(20,30,60,.3))}.stage.try .thumb{cursor:grab}.thumb .tv{position:relative;height:7.3cqw;border-radius:.5cqw;background:#fff;overflow:hidden;outline:.25cqw solid transparent;box-shadow:0 .2cqw .6cqw #1e326e2e}.thumb .tv>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.thumb .tc{position:absolute;left:35%;bottom:6%;height:70%;width:30%}.thumb .tc.t2{left:58%}.thumb .tc img{width:100%;height:100%;object-fit:contain}.thumb.cur .tv{outline-color:#e53935}.thumb .n{display:block;text-align:center;font-size:1cqw;font-weight:700;margin-top:.3cqw}.thumb.gone{opacity:0;scale:.6;width:0;margin-right:-1.4cqw}.pill.shome,.pill.sdel,.pill.shist{bottom:auto;opacity:0;pointer-events:none;transition:opacity .4s}.stage.slides .pill.shome,.stage.slides .pill.sdel,.stage.slides .pill.shist{opacity:1;pointer-events:auto}.pill.shome{right:1.4cqw;top:1.2cqw}.pill.sdel{right:1.4cqw;top:12cqw}.pill.sdel .b svg{stroke:#d33}.pill.shist{left:1.4cqw;top:9cqw;flex-direction:column}.dlg.confirm{top:7cqw;width:34cqw;text-align:center}.dlg.confirm .cth{position:relative;width:16cqw;height:9cqw;margin:0 auto 1.4cqw;border-radius:.5cqw;overflow:hidden;background:#fff}.dlg.confirm .cth>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dlg.confirm .cth .tc{position:absolute;left:35%;bottom:6%;height:70%;width:30%}.dlg.confirm .cth .tc.t2{left:58%}.dlg.confirm .cth .tc img{width:100%;height:100%;object-fit:contain}.dlg .btn{display:flex;align-items:center;gap:.6cqw;padding:.8cqw 1.4cqw;border-radius:.8cqw;background:#fff;font-size:1.15cqw;font-weight:700;transition:transform .15s}.dlg .btn.red{background:#e53935;color:#fff}.dlg .btn svg{width:1.5cqw;height:1.5cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dlg.confirm{z-index:13}.bye{position:absolute;top:0;right:0;bottom:0;left:0;z-index:16;background:#f2f5fb;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .6s}.bye.on{opacity:1}.bye .byeic{width:9cqw;height:9cqw;border-radius:50%;background:var(--app-pill);display:grid;place-items:center}.bye svg{width:4.5cqw;height:4.5cqw;fill:none;stroke:#14192a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.keys{position:absolute;left:50%;top:22cqw;transform:translate(-50%,-50%) scale(.9);z-index:17;display:flex;align-items:center;gap:.8cqw;padding:1.2cqw 1.8cqw;border-radius:1.4cqw;background:#14192ad1;color:#fff;font:700 1.6cqw/1 system-ui,sans-serif;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.keys.on{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}.keys kbd{font:inherit;min-width:3.4cqw;text-align:center;padding:.8cqw 1.1cqw;border-radius:.6cqw;background:#fff;color:#14192a;box-shadow:0 .35cqw #9aa6c4;transition:transform .12s,box-shadow .12s}.keys.down kbd{transform:translateY(.3cqw);box-shadow:0 .05cqw #9aa6c4}.sobj:not(.show){pointer-events:none}.mbg{position:absolute;top:0;right:0;bottom:0;left:0;background:#ececec}.mdlg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44cqw;padding:3.2cqw 3cqw 4.6cqw;background:#fff;border-radius:1.3cqw;box-shadow:0 .8cqw 3cqw #14192a1f;text-align:center;color:#14192a}.mdlg h4{margin:0 0 2.6cqw;font-size:2cqw;font-weight:500}.mdlg .mx{position:absolute;right:1.6cqw;top:1.6cqw;width:2.2cqw;height:2.2cqw;display:grid;place-items:center}.mdlg .mx svg{width:1.5cqw;height:1.5cqw;fill:none;stroke:#14192a;stroke-width:2;stroke-linecap:round}.mrow3{display:flex;gap:2.3cqw;justify-content:center}.mopt{width:15.4cqw;font-size:1.2cqw;transition:transform .15s}.mth3{height:10.2cqw;border-radius:.7cqw;overflow:hidden;margin-bottom:1cqw;box-shadow:0 0 0 .2cqw transparent;transition:box-shadow .2s}.mth3 img{width:100%;height:100%;object-fit:cover;display:block}.mopt.hit .mth3{box-shadow:0 0 0 .3cqw var(--app-active)}.stage.try .mopt{cursor:pointer}.world.enter{animation:viewIn .5s}@keyframes viewIn{0%{opacity:0}}.grab{position:absolute;z-index:16;cursor:grab;touch-action:none;border-radius:50%}.grab.dragging{cursor:grabbing}.stage.splay .pill,.stage.splay .badge,.stage.splay .sstrip,.stage.splay .selbox,.stage.splay .cursor{opacity:0!important;pointer-events:none}.stage.splay .cv{transform:scale(1.2048);border-radius:0;box-shadow:none}.cv .ctext.sb{font-size:1.6cqw}.cv .ctext.big{font-size:2cqw;white-space:normal}.grid.files{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}.card .th.photo>img{object-fit:cover;border-radius:.5cqw}.gfoot{display:flex;align-items:center;justify-content:space-between;font-size:1cqw}.gfoot .gup{display:flex;align-items:center;gap:.5cqw;background:var(--app-tab);padding:.7cqw 1.1cqw;border-radius:.7cqw;font-weight:700;transition:transform .15s}.gfoot svg,.upl svg{width:1.15cqw;height:1.15cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.upl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42cqw;background:#fff;color:#14192a;border-radius:1.2cqw;padding:1.4cqw 1.6cqw;box-shadow:0 .6cqw 2.4cqw #1e326e4d;display:flex;flex-direction:column;gap:1cqw;font-size:1.05cqw;z-index:3}.upl .uhead{display:flex;justify-content:space-between;align-items:center;font-size:1.3cqw}.upl .uhead .x{width:2.2cqw;height:2.2cqw;border-radius:50%;background:var(--app-tab);display:grid;place-items:center}.upl .udrop{border:.15cqw dashed #9AA6C4;border-radius:.9cqw;padding:1.4cqw;display:flex;flex-direction:column;align-items:center;gap:.6cqw;color:#5a6580;text-align:center}.upl .udrop svg{width:2.4cqw;height:2.4cqw}.upl .ulist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.4cqw .8cqw;font-size:.95cqw}.upl .ulist li{display:flex;align-items:center;gap:.4cqw}.upl .ubar{height:.6cqw;background:#e3e8f3;border-radius:1cqw;overflow:hidden}.upl .ubar i{display:block;height:100%;width:100%;background:var(--app-active);animation:ubar 1.6s ease-out}@keyframes ubar{0%{width:0}}.upl .umsg{margin:0;font-weight:700;display:flex;align-items:center;gap:.5cqw}.upl .umsg.ok{color:#1f8a4c}.upl .ubtns{display:flex;justify-content:flex-end;gap:.8cqw}.upl .ub{padding:.7cqw 1.4cqw;border-radius:.7cqw;background:var(--app-tab);font-weight:700;transition:transform .15s}.upl .ub.pri{background:var(--app-active);color:#fff}.upl .ub.off{opacity:.45}.gup.hit,.ub.hit{transform:scale(.94)}.cpic.photo img{border-radius:.25cqw;box-shadow:0 .1cqw .5cqw #14192a47}a:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}h1:focus{outline:none}.back{font-size:14px;color:var(--accent);text-decoration:none}.back:hover,.back:focus-visible{text-decoration:underline}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;list-style:none;margin:0;padding:0;font-size:14px}.crumbs li{display:flex;align-items:center;gap:10px}.crumbs li+li:before{content:"";width:6px;height:6px;border-top:2px solid var(--muted);border-right:2px solid var(--muted);transform:rotate(45deg)}.crumbs a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.crumbs a:hover{text-decoration-thickness:2px}.crumbs [aria-current]{color:var(--muted)}.brand{display:flex;border-radius:50%}.logo{display:block;width:44px;height:44px}.lead{display:flex;align-items:center;gap:14px}.lang button{white-space:nowrap}.lang[role=group]{flex-wrap:wrap}.flag{display:inline-block;width:20px;height:14px;border-radius:2px;margin-right:6px;vertical-align:-2px;box-shadow:0 0 0 1px #00000026;flex:none}.search{position:relative;width:min(100%,320px)}.search label{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;color:var(--muted);cursor:text}.search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.search input{display:block;width:100%;font:inherit;color:var(--fg);background:var(--chip);border:1px solid var(--muted);border-radius:10px;padding:9px 12px 9px 36px;min-height:44px}.search input::placeholder{color:var(--muted);opacity:1}.search input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (max-width:620px){.search{width:100%}}.count{margin:0;color:var(--muted)}.chev{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;list-style:none;margin:8px 0 0;padding:0}.door{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:22px 56px 22px 24px;border-radius:16px;background:var(--chip);color:var(--fg);text-decoration:none;border:2px solid transparent;transition:border-color .15s}.door-title{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,3vw,28px);line-height:1.15;color:var(--accent)}.door-text{color:var(--fg)}.door-n{font-size:14px;color:var(--muted)}.door .chev{position:absolute;right:22px;top:26px;width:24px;height:24px;color:var(--accent)}.door:hover{border-color:var(--accent)}.door:hover .chev,.door:focus-visible .chev{transform:translate(4px)}.block{display:flex;flex-direction:column;gap:12px;margin-top:12px}.block-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap}.block h2,.group h3{font-family:var(--font-display);font-weight:700;font-size:22px;margin:0}.more{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:6px 0}.more .chev{width:16px;height:16px}.more:hover .chev,.more:focus-visible .chev{transform:translate(3px)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;list-style:none;margin:0;padding:0}.tiles li{display:flex}.tile{display:flex;flex-direction:column;width:100%;border-radius:14px;overflow:hidden;background:var(--chip);color:var(--fg);text-decoration:none;border:2px solid transparent;transition:border-color .15s}.tile:hover{border-color:var(--accent)}.tile .film-pic{width:100%;aspect-ratio:1.83}.tile-text{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}.tile-title{font-weight:700;color:var(--accent);line-height:1.25}.tile-sub{font-size:14px;line-height:1.4;color:var(--fg)}.tags{font-size:13px;color:var(--muted);margin-top:auto;padding-top:4px}.film-pic{display:block;flex:none;background:#fff;overflow:hidden}.film-pic img{display:block;width:100%;height:100%;object-fit:cover}.film-pic.none{display:grid;place-items:center;background:var(--bg)}.film-pic.none img{width:42%;height:auto;object-fit:contain}.tuts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tut{display:flex;align-items:center;gap:14px;padding:8px 12px 8px 8px;border-radius:12px;background:var(--chip);color:var(--fg);text-decoration:none;border:2px solid transparent;transition:border-color .15s}.tut:hover{border-color:var(--accent)}.tut .film-pic{width:104px;aspect-ratio:1.83;border-radius:8px}.tut-text{display:flex;flex-direction:column;min-width:0;flex:1}.tut-title{font-weight:700;color:var(--accent)}.tut-sub{font-size:14px;color:var(--fg);line-height:1.4}.tut .tags{margin:0;padding:0}.tut .chev{color:var(--accent)}.tut:hover .chev,.tut:focus-visible .chev{transform:translate(3px)}@media (max-width:480px){.tut .film-pic{width:72px}}.filters{display:flex;flex-direction:column;gap:14px;margin-top:6px}.fbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.fmenu{position:relative}.ftrigger{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 18px;font:inherit;font-size:15px;font-weight:700;color:var(--fg);background:var(--surface);border:1.5px solid var(--fg);border-radius:999px;cursor:pointer}.ftrigger:hover,.ftrigger[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.ftrigger[aria-expanded=true] .chev{transform:rotate(180deg)}.fcount{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700}.fdiv{width:1px;height:28px;background:var(--line)}.fmodes{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.flabel{font-weight:700;font-size:15px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;font:inherit;font-size:15px;padding:0 16px 0 12px;border-radius:999px;cursor:pointer;background:var(--surface);color:var(--fg);border:1.5px solid var(--fg)}.chip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ftrigger:focus-visible,.chip:focus-visible,.fpanel button:focus-visible,.fchip button:focus-visible,.clear:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.fpanel{position:absolute;left:0;top:calc(100% + 8px);z-index:50;width:420px;max-width:calc(100vw - 32px);padding:18px;border-radius:14px;background:var(--surface);color:var(--fg);box-shadow:0 12px 32px #1b1f2e2e,0 0 0 1px #1b1f2e0f}.fhint{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--muted)}.fpanel fieldset{border:0;margin:0;padding:0;min-width:0}.fopts{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.fopts label{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 8px;border-radius:8px;cursor:pointer;font-size:15px}.fopts label:hover{background:var(--chip)}.fopts input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--accent);cursor:pointer}.fopts input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ffoot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line);background:var(--surface)}.ftext{font:inherit;font-size:15px;font-weight:700;color:var(--accent);background:none;border:0;padding:8px;min-height:44px;cursor:pointer;border-radius:8px}.ftext:hover{text-decoration:underline;text-underline-offset:3px}.fdone{font:inherit;font-size:15px;font-weight:700;color:var(--accent-ink);background:var(--accent);border:0;border-radius:10px;padding:0 20px;min-height:44px;cursor:pointer}.fdone:hover{filter:brightness(.92)}.fbackdrop{display:none}.factive{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.factive ul{display:contents;list-style:none}.flead{color:var(--muted);font-size:15px}.fchip{display:inline-flex;align-items:center;gap:2px;min-height:36px;padding:0 4px 0 14px;border-radius:999px;background:var(--pick);color:var(--pick-ink);font-size:15px}.fchip button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer;padding:0}.fchip button:hover{background:#1b3a8a1f}.fchip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.clear{font:inherit;background:none;border:0;padding:6px 0;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:36px}@media (max-width:767px){.fdiv{display:none}.fmodes{flex-basis:100%}.fbackdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:#0a0e1873}.fpanel{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;max-height:85vh;overflow:auto;border-radius:16px 16px 0 0;padding:18px 16px 0}.fopts{grid-template-columns:1fr}.fopts label{min-height:48px}.ffoot{position:sticky;bottom:0;padding-bottom:16px}}.modes ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.modes a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 18px 6px 8px;border-radius:12px;background:var(--chip);color:var(--fg);text-decoration:none;font-weight:700;border:2px solid transparent}.modes a:hover{border-color:var(--accent)}.modes a[aria-current=page]{background:var(--accent);color:var(--accent-ink)}.modes img{width:40px;height:30px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}.group{display:flex;flex-direction:column;gap:10px;margin-top:8px}@media (prefers-reduced-motion:reduce){.door,.tile,.tut,.chev{transition:none}}@media (forced-colors:active){.chip[aria-pressed=true],.modes a[aria-current=page]{outline:2px solid CanvasText}}
