img{max-width:100%}:root{color-scheme:light;--ink:#141833;--ink-2:#2A3160;--night:#0D1130;--night-2:#171C45;--paper:#FFFDF8;--muted:#5A6187;--line:rgba(20,24,51,.14);--sky:#2F7BFF;--sky-soft:#E4EEFF;--sky-deep:#1A56D6;--coral:#FF6A3D;--coral-soft:#FFE8DE;--coral-deep:#E2481B;--sun:#FFC83A;--sun-soft:#FFF4D2;--sun-deep:#E8A300;--mint:#14C48B;--mint-soft:#DCF7EC;--mint-deep:#0A9A6B;--berry:#FF4F9A;--berry-soft:#FFE4F0;--berry-deep:#E02C7B;--grape:#7B5CFF;--grape-soft:#ECE7FF;--grape-deep:#5A38E8;--chat-bg:#131939;--bubble-bot:#222A55;--bubble-me:#2F7BFF;--chat-text:#EEF1FF;--chat-dim:#9AA3D1;--chat-link:#8DCBFF;--f-display:"Unbounded","Arial Black","Segoe UI",system-ui,sans-serif;--f-body:"Nunito","Trebuchet MS","Segoe UI",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--r-lg:26px;--r-md:18px;--r-sm:12px;--shadow-toy: 4px 4px 0 var(--ink);--ease-out: cubic-bezier(.2,.9,.25,1);--ease-pop: cubic-bezier(.3,1.5,.5,1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--night);color:var(--ink);font-family:var(--f-body);font-size:clamp(15px,.55vw + 9.5px,21px);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}body.l-uz .ru,body.l-ru .uz{display:none!important}#app{height:100%;display:grid;grid-template-rows:auto 1fr auto;padding-inline:12px;gap:8px;background:radial-gradient(1200px 600px at 10% -10%,rgba(123,92,255,.25),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(47,123,255,.22),transparent 60%),var(--night)}.topbar{display:flex;align-items:center;gap:10px;padding:10px 4px 0;color:#fff;min-width:0}.brand{display:flex;align-items:center;gap:10px;min-width:0;font-family:var(--f-display);font-weight:700;font-size:.82rem;letter-spacing:.01em;white-space:nowrap}.brand .mini-bot{width:34px;height:34px;flex:none}.sec-chip{display:inline-flex;align-items:center;gap:8px;background:var(--chip,var(--grape));color:var(--chip-ink,#fff);border-radius:999px;padding:6px 14px 6px 10px;font-weight:800;font-size:.78rem;white-space:nowrap;transition:background .5s,color .5s;min-width:0;overflow:hidden;text-overflow:ellipsis}.sec-chip .num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff47;font-family:var(--f-mono);font-size:.7rem}.spacer{flex:1}.clock{display:flex;align-items:center;gap:8px;background:var(--night-2);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 6px 4px 14px;font-variant-numeric:tabular-nums;white-space:nowrap}.clock .plan{font-size:.72rem;color:#aab2e6}.clock .plan b{color:#fff;font-weight:800}.clock .time{font-family:var(--f-mono);font-weight:700;font-size:.9rem;min-width:4.2em;text-align:right}.clock .state-dot{width:8px;height:8px;border-radius:50%;background:#6e77ad}.clock[data-st=ok] .state-dot{background:var(--mint)}.clock[data-st=warn] .state-dot{background:var(--sun)}.clock[data-st=late] .state-dot{background:var(--coral);animation:blink 1s infinite}.icon-btn{width:38px;height:38px;border-radius:12px;flex:none;display:inline-grid;place-items:center;background:var(--night-2);border:1px solid rgba(255,255,255,.14);color:#fff;transition:transform .15s,background .2s}.icon-btn:hover{background:#252b63}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:20px;height:20px}.icon-btn.on{background:var(--sun);color:var(--ink);border-color:var(--sun)}.clock .icon-btn{width:30px;height:30px;border-radius:50%}.clock .icon-btn svg{width:15px;height:15px}.lang{display:inline-flex;background:var(--night-2);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:3px;flex:none}.lang button{border:0;background:transparent;color:#c6ccf2;font-weight:900;font-size:.78rem;padding:6px 10px;border-radius:9px;letter-spacing:.04em}.lang button[aria-pressed=true]{background:#fff;color:var(--ink)}.stage{position:relative;min-height:0;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;background:var(--paper)}.slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none;background:var(--c-soft);--c:var(--grape);--c-soft:var(--grape-soft);--c-deep:var(--grape-deep);--c-on:#fff}.slide.active{display:block}.slide.entering{z-index:3}.slide.entering.fwd{animation:revealR .75s cubic-bezier(.7,0,.25,1) both}.slide.entering.back{animation:revealL .75s cubic-bezier(.7,0,.25,1) both}.slide.leaving{z-index:1;animation:leave .75s ease both}@keyframes revealR{0%{clip-path:circle(0% at 100% 85%)}to{clip-path:circle(160% at 100% 85%)}}@keyframes revealL{0%{clip-path:circle(0% at 0% 85%)}to{clip-path:circle(160% at 0% 85%)}}@keyframes leave{to{transform:scale(.94);filter:brightness(.8)}}.slide[data-sec=s1]{--c:var(--grape);--c-soft:var(--grape-soft);--c-deep:var(--grape-deep);--c-on:#fff}.slide[data-sec=s2]{--c:var(--sky);--c-soft:var(--sky-soft);--c-deep:var(--sky-deep);--c-on:#fff}.slide[data-sec=s3]{--c:var(--coral);--c-soft:var(--coral-soft);--c-deep:var(--coral-deep);--c-on:var(--ink)}.slide[data-sec=s4]{--c:var(--sun);--c-soft:var(--sun-soft);--c-deep:var(--sun-deep);--c-on:var(--ink)}.slide[data-sec=s5]{--c:var(--mint);--c-soft:var(--mint-soft);--c-deep:var(--mint-deep);--c-on:var(--ink)}.slide[data-sec=s6]{--c:var(--berry);--c-soft:var(--berry-soft);--c-deep:var(--berry-deep);--c-on:var(--ink)}.slide[data-sec=s7]{--c:var(--grape);--c-soft:var(--grape-soft);--c-deep:var(--grape-deep);--c-on:#fff}.slide.full{background:var(--c)}.slide.dark{background:var(--night)}.inner{position:relative;z-index:2;height:100%;overflow-y:auto;overflow-x:hidden;padding:clamp(18px,3.2vw,56px) clamp(16px,4vw,72px);display:flex;flex-direction:column;scrollbar-width:thin}.wrap{width:100%;max-width:1280px;margin:auto;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,26px)}.deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.deco i{position:absolute;display:block;animation:floaty var(--dur,9s) ease-in-out infinite;animation-delay:var(--dl,0s)}.deco svg{display:block;width:100%;height:100%}@keyframes floaty{0%,to{transform:translate(0) rotate(var(--r0,0deg))}50%{transform:translate(var(--dx,8px),var(--dy,-16px)) rotate(var(--r1,12deg))}}.eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-family:var(--f-mono);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:5px 14px 5px 8px}.eyebrow:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px var(--c-soft)}.eyebrow .t{opacity:.55}h1,h2,h3{font-family:var(--f-display);margin:0;text-wrap:balance;letter-spacing:-.01em;line-height:1.08}.t-hero{font-weight:900;font-size:clamp(2.4rem,6.2vw,6.4rem);line-height:.98}.t-title{font-weight:800;font-size:clamp(1.6rem,3.3vw,3.3rem)}.t-sub{font-weight:700;font-size:clamp(1.1rem,1.6vw,1.6rem)}h3{font-weight:700;font-size:clamp(1rem,1.25vw,1.3rem);line-height:1.2}.lead{font-size:clamp(1.05rem,1.35vw,1.45rem);font-weight:700;line-height:1.45;max-width:46ch;margin:0}p{margin:0}.muted{color:var(--muted)}.hl{background:linear-gradient(transparent 58%,var(--c) 58%,var(--c) 92%,transparent 92%);padding:0 .08em;border-radius:3px}.slide.full .hl{background:linear-gradient(transparent 58%,var(--paper) 58%,var(--paper) 92%,transparent 92%)}.cmd{font-family:var(--f-mono);font-weight:700;font-size:.88em;background:var(--ink);color:#fff;border-radius:8px;padding:.08em .45em;white-space:nowrap}.cmd.c{background:var(--c);color:var(--c-on)}.at{font-family:var(--f-mono);font-weight:700;color:var(--c-deep)}.kbd{font-family:var(--f-mono);font-size:.8em;border:1.5px solid var(--ink);border-bottom-width:3px;border-radius:7px;padding:0 .4em;background:#fff}.cols{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(18px,3vw,48px);align-items:center}.cols.top{align-items:start}.cols.r-wide{grid-template-columns:.9fr 1.1fr}.cols>*{min-width:0}.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}.stack{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,18px);min-width:0}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.center{align-items:center;text-align:center}.center .eyebrow{align-self:center}.card{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-toy);padding:clamp(14px,1.5vw,24px);min-width:0}.card.soft{border:0;box-shadow:0 14px 34px -18px #14183373}.card.c{background:var(--c);color:var(--c-on)}.card h3{margin-bottom:.35em}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:4px 12px;font-weight:800;font-size:.85rem}.chip.c{background:var(--c);color:var(--c-on)}.chip .d{width:9px;height:9px;border-radius:50%;background:var(--c)}.badge-time{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:var(--f-mono);font-size:.72rem;font-weight:700;background:var(--ink);color:#fff;border-radius:999px;padding:4px 12px}.badge-time svg{width:14px;height:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:2.5px solid var(--ink);border-radius:14px;background:var(--c);color:var(--c-on);font-weight:900;font-size:1rem;padding:.65em 1.2em;box-shadow:var(--shadow-toy);transition:transform .12s,box-shadow .12s,background .2s}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn.ghost{background:var(--paper);color:var(--ink)}.btn.ink{background:var(--ink);color:#fff}.btn.sm{font-size:.82rem;padding:.45em .9em;border-radius:11px;border-width:2px;box-shadow:3px 3px 0 var(--ink)}.btn svg{width:1.1em;height:1.1em}.slide.active [data-a]{animation-duration:.8s;animation-fill-mode:both;animation-timing-function:var(--ease-out);animation-delay:calc(var(--d,0) * 90ms + .26s)}.slide.active [data-a=up]{animation-name:aUp}.slide.active [data-a=down]{animation-name:aDown}.slide.active [data-a=left]{animation-name:aLeft}.slide.active [data-a=right]{animation-name:aRight}.slide.active [data-a=pop]{animation-name:aPop;animation-timing-function:var(--ease-pop)}.slide.active [data-a=zoom]{animation-name:aZoom}.slide.active [data-a=tilt]{animation-name:aTilt;animation-timing-function:var(--ease-pop)}.slide.active [data-a=drop]{animation-name:aDrop;animation-timing-function:cubic-bezier(.3,1.6,.5,1)}@keyframes aUp{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}@keyframes aDown{0%{opacity:0;transform:translateY(-34px)}to{opacity:1;transform:none}}@keyframes aLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:none}}@keyframes aRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:none}}@keyframes aPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes aZoom{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:none}}@keyframes aTilt{0%{opacity:0;transform:rotate(-12deg) scale(.7)}to{opacity:1;transform:none}}@keyframes aDrop{0%{opacity:0;transform:translateY(-120px) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:.25}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes pulseRing{0%{box-shadow:0 0 color-mix(in srgb,var(--c) 70%,transparent)}to{box-shadow:0 0 0 18px transparent}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.shake{animation:shake .45s}.jump .w{display:inline-block;white-space:nowrap}.jump .ch{display:inline-block}.slide.active .jump .ch{animation:jumpIn .7s var(--ease-pop) both;animation-delay:calc(var(--i) * 45ms + .3s)}@keyframes jumpIn{0%{opacity:0;transform:translateY(60%) scale(.6) rotate(-10deg)}to{opacity:1;transform:none}}.botir{display:block;width:100%;height:auto;overflow:visible}.botir .b-all{animation:bob 3.2s ease-in-out infinite;transform-origin:center}.botir .b-eye{transform-box:fill-box;transform-origin:center;animation:eyeBlink 4.2s infinite}.botir .b-ant{animation:antGlow 1.6s ease-in-out infinite}.botir .b-wave{transform-box:view-box;transform-origin:142px 150px;animation:wave 1.4s ease-in-out infinite}.botir .b-arm-l{transform-box:view-box;transform-origin:58px 150px}.botir.dance .b-arm-l{animation:armL 1s ease-in-out infinite}.botir.dance .b-wave{animation:armR 1s ease-in-out infinite}.botir.dance .b-all{animation:danceBody 1s ease-in-out infinite}@keyframes eyeBlink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.1)}}@keyframes antGlow{0%,to{filter:drop-shadow(0 0 0 rgba(255,106,61,0))}50%{filter:drop-shadow(0 0 10px rgba(255,200,58,.95))}}@keyframes wave{0%,to{transform:rotate(0)}50%{transform:rotate(-24deg)}}@keyframes armL{0%,to{transform:rotate(0)}50%{transform:rotate(40deg)}}@keyframes armR{0%,to{transform:rotate(0)}50%{transform:rotate(-40deg)}}@keyframes danceBody{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(4deg)}}.say{position:relative;background:var(--paper);border:2.5px solid var(--ink);border-radius:20px;padding:12px 16px;font-weight:800;box-shadow:var(--shadow-toy)}.say:after{content:"";position:absolute;width:18px;height:18px;background:var(--paper);border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);left:28px;bottom:-11px;transform:rotate(-45deg)}.say.left:after{right:auto;left:-11px;top:24px;bottom:auto;transform:rotate(45deg)}.phone{width:min(360px,100%);margin-inline:auto;background:#090c22;border-radius:38px;padding:10px;box-shadow:0 0 0 2.5px var(--ink),10px 12px 0 var(--ink),0 30px 60px -20px #0d113099;position:relative}.phone:before{content:"";position:absolute;top:16px;left:50%;width:84px;height:8px;margin-left:-42px;background:#000;border-radius:8px;z-index:3;opacity:.8}.screen{border-radius:30px;overflow:hidden;background:var(--chat-bg);color:var(--chat-text);display:flex;flex-direction:column;height:clamp(420px,62vh,600px);background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.035) 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.035) 0 2px,transparent 3px);background-size:46px 46px,62px 62px;font-size:14.5px;line-height:1.38;position:relative}.phone.short .screen{height:clamp(340px,48vh,470px)}.ph-head{display:flex;align-items:center;gap:10px;padding:26px 14px 10px;background:#1a2150;flex:none}.ph-ava{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:900;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--coral),var(--berry));overflow:hidden}.ph-ava svg{width:100%;height:100%}.ph-name{font-weight:800;font-size:15px;line-height:1.1;display:flex;align-items:center;gap:5px}.ph-name .vf{width:15px;height:15px}.ph-sub{font-size:12px;color:var(--chat-dim)}.ph-chat{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:7px;scroll-behavior:smooth;scrollbar-width:none}.ph-chat::-webkit-scrollbar{display:none}.msg{max-width:86%;padding:8px 11px 7px;border-radius:16px;position:relative;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;animation:msgIn .38s var(--ease-pop) both}.msg.bot{align-self:flex-start;background:var(--bubble-bot);border-bottom-left-radius:5px;transform-origin:0 100%}.msg.me{align-self:flex-end;background:var(--bubble-me);color:#fff;border-bottom-right-radius:5px;transform-origin:100% 100%}.msg .tm{font-size:10.5px;color:var(--chat-dim);float:right;margin:6px 0 -3px 10px}.msg.me .tm{color:#ffffffbf}.msg .tr{display:block;margin-top:6px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.18);font-size:12.5px;color:#c9d0ff;font-style:italic;white-space:normal}.msg .tr .trl{font-style:normal;font-weight:900;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:var(--sun);color:var(--ink);border-radius:5px;padding:1px 5px;margin-right:6px}.msg b{font-weight:900}.msg .lnk{color:var(--chat-link)}.msg.me .lnk{color:#fff;text-decoration:underline}.msg code{font-family:var(--f-mono);font-size:12px;background:#00000047;border-radius:5px;padding:1px 4px;word-break:break-all}.msg code.secret{filter:blur(4px);cursor:pointer;transition:filter .3s}.msg code.secret.show{filter:none}.msg.sys{align-self:center;background:#ffffff1a;font-size:12px;border-radius:999px;padding:3px 10px;color:var(--chat-dim)}.msg.img{padding:4px}.msg.img .pic{display:block;width:180px;height:180px;border-radius:12px;overflow:hidden}.msg .ikb{display:grid;gap:4px;margin-top:6px}.msg .ikb span{background:#ffffff1a;border-radius:9px;text-align:center;padding:6px;font-weight:800;font-size:13px}@keyframes msgIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.typing{align-self:flex-start;background:var(--bubble-bot);border-radius:16px 16px 16px 5px;padding:11px 14px;display:flex;gap:4px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--chat-dim);animation:typ 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typ{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.ph-kb{display:grid;gap:5px;padding:6px 8px 4px;background:#1a2150;flex:none}.ph-kb:empty{display:none}.ph-kb .r{display:grid;gap:5px;grid-auto-flow:column;grid-auto-columns:1fr}.ph-kb button{background:#2a3366;border:0;border-radius:9px;color:#fff;font-weight:800;font-size:13px;padding:9px 6px;box-shadow:0 2px #00000059;transition:transform .1s,background .2s;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-kb button:hover{background:#38428a}.ph-kb button.press{background:var(--sky);transform:scale(.94)}.ph-kb button.new{animation:kbNew .6s var(--ease-pop) both}@keyframes kbNew{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}.ph-input{display:flex;align-items:center;gap:8px;padding:8px 10px 14px;background:#1a2150;flex:none}.ph-input .menu-btn{background:var(--sky);color:#fff;border:0;border-radius:999px;font-weight:900;font-size:12.5px;padding:6px 12px;white-space:nowrap}.ph-input .menu-btn.custom{background:var(--sun);color:var(--ink)}.ph-input .ph-field{flex:1;min-width:0;background:#0f1438;border-radius:999px;padding:8px 14px;color:var(--chat-dim);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-input input.ph-field{color:#fff;border:0;outline:none}.ph-input input.ph-field:focus-visible{outline:2px solid var(--sun)}.ph-input .send{width:36px;height:36px;border-radius:50%;border:0;background:var(--sky);color:#fff;display:grid;place-items:center;flex:none}.ph-input .send svg{width:18px;height:18px}.ph-tools{display:flex;justify-content:center;gap:8px;margin-top:14px}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:st}.steps li{counter-increment:st;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:var(--paper);border:2px solid var(--line);border-radius:16px;padding:10px 14px;transition:border-color .3s,transform .3s,background .3s,box-shadow .3s;font-weight:700}.steps li:before{content:counter(st);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c-soft);color:var(--ink);font-family:var(--f-mono);font-weight:700;font-size:.85rem;border:2px solid var(--ink);transition:background .3s}.steps li.on{border-color:var(--ink);box-shadow:var(--shadow-toy);transform:translate(6px)}.steps li.on:before{background:var(--c);color:var(--c-on);animation:pulseRing 1.2s infinite}.steps li.done:before{content:"✓";background:var(--mint);color:var(--ink)}.steps li small{display:block;font-weight:600;color:var(--muted);font-size:.85em;margin-top:2px}.flip{perspective:1000px;cursor:pointer;min-height:clamp(170px,19vw,230px);border:0;background:none;padding:0;text-align:left}.flip .fl-in{position:relative;width:100%;height:100%;min-height:inherit;transition:transform .7s var(--ease-pop);transform-style:preserve-3d}.flip.on .fl-in{transform:rotateY(180deg)}.flip .face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:2.5px solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-toy);padding:14px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.flip .front{background:var(--paper)}.flip .back{background:var(--ink);color:#fff;transform:rotateY(180deg);font-size:.88rem;font-weight:700;line-height:1.4}.flip .back .at{color:var(--sun)}.flip .ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;border:2px solid var(--ink);flex:none}.flip .ico svg{width:34px;height:34px}.flip .hint{margin-top:auto;font-size:.72rem;font-family:var(--f-mono);color:var(--muted);display:flex;align-items:center;gap:6px}.flip .hint svg{width:14px;height:14px}.flip .back .hint{color:#9ba4da}.flip h3{font-size:clamp(.95rem,1.15vw,1.2rem)}.quiz{display:flex;flex-direction:column;gap:14px}.qz-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qz-bar{flex:1;min-width:120px;height:14px;border-radius:999px;background:var(--paper);border:2px solid var(--ink);overflow:hidden}.qz-bar i{display:block;height:100%;width:0;background:var(--c);transition:width .5s var(--ease-out)}.qz-q{font-family:var(--f-display);font-weight:700;font-size:clamp(1.15rem,1.9vw,1.9rem);line-height:1.2;text-wrap:balance}.qz-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qz-opt{text-align:left;display:flex;gap:12px;align-items:center;background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;padding:12px 14px;font-weight:800;box-shadow:var(--shadow-toy);transition:transform .12s,box-shadow .12s,background .2s}.qz-opt:hover:not([disabled]){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.qz-opt .L{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--c-soft);border:2px solid var(--ink);font-family:var(--f-mono);font-weight:700}.qz-opt.ok{background:var(--mint);animation:aPop .5s var(--ease-pop)}.qz-opt.no{background:#ffb3a1;animation:shake .45s}.qz-opt[disabled]{cursor:default}.qz-exp{background:var(--ink);color:#fff;border-radius:16px;padding:12px 16px;font-weight:700;display:flex;gap:12px;align-items:flex-start}.qz-exp b{color:var(--sun)}.qz-res{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.stars{display:flex;gap:8px;justify-content:center}.stars svg{width:clamp(40px,5vw,64px);height:auto;filter:drop-shadow(3px 3px 0 var(--ink))}.stars svg.on{animation:aPop .6s var(--ease-pop) both}.big-score{font-family:var(--f-display);font-weight:900;font-size:clamp(2.6rem,6vw,5rem);line-height:1}.bottombar{display:flex;align-items:center;gap:10px;padding:0 4px 10px;color:#fff}.nav-btn{width:46px;height:46px;border-radius:14px;flex:none;display:grid;place-items:center;border:2px solid rgba(255,255,255,.18);background:var(--night-2);color:#fff;transition:transform .15s,background .2s}.nav-btn.next{background:var(--sun);color:var(--ink);border-color:var(--sun)}.nav-btn:active{transform:scale(.9)}.nav-btn svg{width:22px;height:22px}.prog{flex:1;display:flex;gap:3px;align-items:center;min-width:0;height:46px}.prog button{flex:1;min-width:3px;height:10px;border:0;padding:0;border-radius:999px;background:#ffffff29;transition:height .25s,background .3s}.prog button.past{background:var(--pc)}.prog button.cur{height:22px;background:var(--pc);box-shadow:0 0 0 2px #fff}.prog button:hover{height:18px}.counter{font-family:var(--f-mono);font-weight:700;font-size:.82rem;min-width:4.5em;text-align:center;color:#c6ccf2}.overview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#090c22f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto;padding:clamp(16px,3vw,40px);color:#fff;animation:aUp .35s var(--ease-out) both}.ov-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.ov-head h2{font-size:clamp(1.3rem,2.4vw,2rem)}.ov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.ov-tile{text-align:left;border:2px solid transparent;border-radius:16px;padding:12px 14px;min-height:96px;background:var(--tc);color:var(--tk);display:flex;flex-direction:column;gap:6px;font-weight:800;transition:transform .15s}.ov-tile:hover{transform:translateY(-3px) rotate(-1deg)}.ov-tile.cur{border-color:#fff;box-shadow:0 0 0 3px var(--tc)}.ov-tile .n{font-family:var(--f-mono);font-size:.72rem;opacity:.8}.ov-tile .m{margin-top:auto;font-family:var(--f-mono);font-size:.7rem;opacity:.8}.keys{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px;color:#aab2e6;font-size:.82rem}.keys .kbd{color:var(--ink)}.notes{position:fixed;z-index:40;right:14px;top:64px;bottom:76px;width:min(420px,calc(100% - 28px));background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 var(--sun);display:flex;flex-direction:column;overflow:hidden;animation:aRight .35s var(--ease-out) both}.notes-h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--sun);border-bottom:2.5px solid var(--ink);font-family:var(--f-display);font-weight:700;font-size:.9rem}.notes-h .x{margin-left:auto;background:var(--paper);color:var(--ink);border:2px solid var(--ink);width:32px;height:32px;border-radius:10px}.notes-b{padding:14px 18px 20px;overflow-y:auto;font-size:.92rem}.notes-b ul{margin:.3em 0 .8em;padding-left:1.1em}.notes-b li{margin:.3em 0}.notes-b .nt-time{display:inline-block;font-family:var(--f-mono);font-size:.75rem;background:var(--ink);color:#fff;border-radius:999px;padding:2px 10px;margin-bottom:8px}.notes-b h4{margin:.6em 0 .2em;font-family:var(--f-display);font-size:.85rem}.note{display:none}#confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;width:100%;height:100%}.toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%);z-index:70;background:var(--ink);color:#fff;border:2px solid #fff;border-radius:999px;padding:8px 18px;font-weight:800;animation:aUp .3s var(--ease-out) both}.cover{background:var(--night)!important;color:#fff}.cover .eyebrow{background:transparent;color:#fff;border-color:#fff6}.cover .t-hero{color:#fff}.cover .t-hero .w2{color:var(--sun)}.cover .lead{color:#d5daff}.cover-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(16px,3vw,48px);align-items:center}.cover-grid>*{min-width:0}.cover .tags{display:flex;flex-wrap:wrap;gap:10px}.cover .tags .chip{background:transparent;color:#fff;border-color:#ffffff59}.cover .tags .chip:nth-child(1) .d{background:var(--coral)}.cover .tags .chip:nth-child(2) .d{background:var(--sun)}.cover .tags .chip:nth-child(3) .d{background:var(--mint)}.cover .tags .chip:nth-child(4) .d{background:var(--berry)}.cover .tags .chip:nth-child(5) .d{background:var(--sky)}.cover-bot{position:relative;max-width:360px;justify-self:center;width:100%}.cover-bot .say{position:relative;margin:0 auto 22px;max-width:300px;color:var(--ink);font-size:.9rem;z-index:2}.orbit{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border:2px dashed rgba(255,255,255,.18);border-radius:50%;animation:spinSlow 40s linear infinite}.orbit i{position:absolute;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-family:var(--f-mono);font-weight:700;color:var(--ink);font-size:.8rem;border:2px solid var(--ink)}.orbit i:nth-child(1){top:-22px;left:50%;margin-left:-22px;background:var(--sun)}.orbit i:nth-child(2){bottom:10%;left:-10px;background:var(--mint)}.orbit i:nth-child(3){bottom:10%;right:-10px;background:var(--berry)}.orbit i span{display:block;animation:spinSlow 40s linear infinite reverse}.plan{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end}.plan-col{display:flex;flex-direction:column;gap:8px;align-items:stretch;cursor:pointer;border:0;background:none;padding:0;text-align:left}.plan-bar{border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow-toy);background:var(--pc);height:calc(var(--m) * 1.25vh + 52px);max-height:44vh;min-height:58px;display:flex;flex-direction:column;justify-content:flex-end;padding:10px;transform-origin:bottom;transition:transform .2s;color:var(--pk)}.plan-col:hover .plan-bar{transform:translateY(-6px)}.slide.active .plan-bar{animation:grow 1s var(--ease-pop) both;animation-delay:calc(var(--i)*.11s + .3s)}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.plan-bar .mm{font-family:var(--f-display);font-weight:900;font-size:clamp(1.2rem,2.2vw,2.2rem);line-height:1}.plan-bar .mm small{font-size:.45em;font-weight:700}.plan-col .pt{font-weight:900;font-size:.85rem;line-height:1.2}.plan-col .pr{font-family:var(--f-mono);font-size:.7rem;color:var(--muted)}.poll{display:flex;flex-direction:column;gap:12px}.poll-row{display:grid;grid-template-columns:7.5em 1fr auto;gap:10px;align-items:center}.poll-row .lbl{font-weight:900}.poll-track{height:38px;border:2.5px solid var(--ink);border-radius:12px;background:var(--paper);overflow:hidden}.poll-track i{display:flex;align-items:center;justify-content:flex-end;padding-right:10px;height:100%;width:0;background:var(--pc);font-family:var(--f-mono);font-weight:700;transition:width .45s var(--ease-pop)}.poll-row .btn{min-width:46px}.ideas{position:relative;min-height:260px}.idea{position:absolute;background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:6px 12px;font-weight:800;box-shadow:3px 3px 0 var(--ink);white-space:nowrap;font-size:.9rem;animation:floaty var(--dur,7s) ease-in-out infinite;animation-delay:var(--dl,0s)}.reveal-box{border:2.5px dashed var(--ink);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.answer{display:none;font-weight:900;background:var(--mint);border:2.5px solid var(--ink);border-radius:14px;padding:10px 14px}.answer.show{display:block;animation:aPop .5s var(--ease-pop)}.props{display:grid;gap:12px}.prop{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.prop .pi{width:54px;height:54px;border-radius:16px;border:2.5px solid var(--ink);display:grid;place-items:center;background:var(--pc);box-shadow:3px 3px 0 var(--ink)}.prop .pi svg{width:30px;height:30px}.prop b{display:block;font-family:var(--f-display);font-weight:700;font-size:1.02em}.flow{position:relative;width:100%;max-width:1100px;margin-inline:auto}.flow svg{width:100%;height:auto;display:block;overflow:visible}.flow .node rect{stroke:var(--ink);stroke-width:3}.flow text{font-family:var(--f-display);font-weight:700;fill:var(--ink)}.flow .lbl2{font-family:var(--f-body);font-weight:800;font-size:15px;fill:var(--muted)}.flow .path{fill:none;stroke:var(--ink);stroke-width:3;stroke-dasharray:10 9;animation:dash 1.2s linear infinite}@keyframes dash{to{stroke-dashoffset:-38}}.flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flow-steps .card{padding:12px 14px;transition:background .3s,transform .3s}.flow-steps .card.on{background:var(--sun);transform:translateY(-6px)}.flow-steps .n{font-family:var(--f-mono);font-weight:700;font-size:.75rem;display:inline-block;background:var(--ink);color:#fff;border-radius:999px;padding:1px 9px;margin-bottom:6px}.game{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,36px);align-items:center}.scenario{font-family:var(--f-display);font-weight:700;font-size:clamp(1.2rem,2.1vw,2rem);line-height:1.25;text-wrap:balance}.game .qz-opts{grid-template-columns:1fr}.game-score{display:flex;gap:8px}.game-score i{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink);background:var(--paper)}.game-score i.ok{background:var(--mint)}.game-score i.no{background:var(--coral)}.sec-title{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(16px,3vw,48px);align-items:center;min-height:100%}.sec-title>*{min-width:0}.sec-num{font-family:var(--f-display);font-weight:900;font-size:clamp(4rem,12vw,11rem);line-height:.8;color:transparent;-webkit-text-stroke:3px var(--ink);opacity:.9}.slide.full .t-hero,.slide.full .lead{color:var(--ink)}.slide.full .eyebrow{background:var(--ink);color:#fff;border-color:var(--ink)}.slide.full .eyebrow:before{box-shadow:none;background:var(--paper)}.factory{position:relative;height:clamp(240px,34vw,380px)}.factory .machine{position:absolute;left:4%;top:8%;width:42%;height:62%;background:var(--paper);border:3px solid var(--ink);border-radius:24px;box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;text-align:center}.factory .machine .at{font-size:clamp(.85rem,1.4vw,1.25rem);color:var(--ink)}.factory .machine .vf{width:22px;height:22px;vertical-align:-4px}.factory .gear{position:absolute;width:56px;height:56px;animation:spinSlow 4s linear infinite}.factory .gear.g1{top:-20px;right:-18px}.factory .gear.g2{top:22px;right:-30px;width:38px;height:38px;animation-direction:reverse;animation-duration:3s}.factory .belt{position:absolute;left:0;right:0;bottom:12%;height:22px;border:3px solid var(--ink);border-radius:999px;background:repeating-linear-gradient(90deg,var(--ink) 0 10px,var(--paper) 10px 22px);animation:belt 1s linear infinite;background-size:22px 100%}@keyframes belt{to{background-position:22px 0}}.factory .mini{position:absolute;bottom:calc(12% + 20px);width:clamp(46px,6vw,70px);animation:ride 6s linear infinite;opacity:0}.factory .mini.b2{animation-delay:2s}.factory .mini.b3{animation-delay:4s}@keyframes ride{0%{left:30%;opacity:0;transform:scale(.4)}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{left:92%;opacity:0}}.cmd-card{display:flex;flex-direction:column;gap:6px;padding:12px 14px}.cmd-card .cmd{align-self:flex-start;font-size:.9rem}.cmd-card p{font-weight:700;font-size:.9rem;line-height:1.35}.warn{display:flex;gap:12px;align-items:center;background:var(--ink);color:#fff;border-radius:16px;padding:12px 16px;font-weight:800}.warn .wi{flex:none;width:40px;height:40px;border-radius:12px;background:var(--sun);color:var(--ink);display:grid;place-items:center}.warn .wi svg{width:24px;height:24px}.vf-inline{width:1em;height:1em;vertical-align:-.12em}.dict{display:flex;flex-wrap:wrap;gap:8px}.dict span{background:var(--paper);border:2px solid var(--ink);border-radius:10px;padding:3px 10px;font-weight:800;font-size:.82rem}.dict span b{font-family:var(--f-mono);color:var(--c-deep)}.vs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vs .card ul{margin:.4em 0 0;padding-left:1.1em;font-weight:700;font-size:.92rem}.vs .big{font-family:var(--f-mono);font-weight:700;font-size:clamp(.95rem,1.4vw,1.25rem);background:var(--c-soft);border-radius:10px;padding:6px 10px;display:inline-block;margin:.3em 0;word-break:break-all}.checker{display:flex;flex-direction:column;gap:12px}.checker .field{display:flex;align-items:center;border:2.5px solid var(--ink);border-radius:16px;background:var(--paper);box-shadow:var(--shadow-toy);overflow:hidden}.checker .field span{font-family:var(--f-mono);font-weight:700;padding:0 4px 0 14px;font-size:1.2rem;color:var(--muted)}.checker input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:var(--f-mono);font-weight:700;font-size:clamp(1rem,1.5vw,1.3rem);padding:14px 10px}.rules{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rules li{display:flex;gap:10px;align-items:center;font-weight:800;background:var(--paper);border:2px solid var(--line);border-radius:12px;padding:8px 12px;transition:background .25s,border-color .25s}.rules li i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e6e8f2;font-style:normal;font-weight:900;font-size:.85rem}.rules li.ok{border-color:var(--mint-deep);background:var(--mint-soft)}.rules li.ok i{background:var(--mint);color:var(--ink)}.rules li.no{border-color:var(--coral-deep);background:var(--coral-soft)}.rules li.no i{background:var(--coral);color:#fff}.verdict{font-family:var(--f-display);font-weight:800;font-size:clamp(1rem,1.5vw,1.35rem);padding:12px 16px;border-radius:16px;border:2.5px solid var(--ink);background:var(--paper)}.verdict.ok{background:var(--mint)}.verdict.no{background:#ffc2b3}.try{display:flex;flex-wrap:wrap;gap:8px}.try button{font-family:var(--f-mono);font-weight:700;font-size:.8rem;border:2px dashed var(--ink);background:transparent;border-radius:10px;padding:4px 10px}.try button:hover{background:var(--paper);border-style:solid}.token-vis{display:flex;flex-direction:column;gap:14px;align-items:stretch}.keyart{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(140px,18vw,210px)}.keyart svg{height:100%;width:auto;max-width:100%;filter:drop-shadow(6px 6px 0 var(--ink))}.slide.active .keyart svg{animation:keySwing 3s ease-in-out infinite}@keyframes keySwing{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.tok{font-family:var(--f-mono);font-weight:700;font-size:clamp(.8rem,1.35vw,1.2rem);background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;display:flex;flex-wrap:wrap;gap:0;align-items:center;word-break:break-all;line-height:1.4}.tok .id{color:var(--sun)}.tok .sep{color:#fff;padding:0 2px}.tok .sec{color:#7ff0c6}.tok.old{text-decoration:line-through;opacity:.45;font-size:.8em}.tok-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-weight:800;font-size:.85rem}.tok-legend span{display:flex;gap:6px;align-items:center}.tok-legend i{width:14px;height:14px;border-radius:4px;border:2px solid var(--ink)}.dodont{display:grid;gap:8px}.dodont div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;font-weight:800;background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:8px 12px}.dodont i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:900;border:2px solid var(--ink)}.dodont .y i{background:var(--mint)}.dodont .n i{background:var(--coral);color:#fff}.dodont .r i{background:var(--sun)}.sim{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(14px,2vw,28px);align-items:start}.sim .phone{width:min(400px,100%)}.sim .screen{height:clamp(420px,60vh,580px)}.qcmds{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:7px 8px 2px;background:#1a2150;scrollbar-width:none}.qcmds::-webkit-scrollbar{display:none}.qcmds button{flex:none}.qcmds button{font-family:var(--f-mono);font-size:11.5px;font-weight:700;background:#0f1438;color:var(--chat-link);border:1px solid rgba(141,203,255,.35);border-radius:8px;padding:3px 7px}.qcmds button:hover{background:#26306b}.sim-banner{display:flex;gap:10px;align-items:center;background:var(--sun);border:2.5px solid var(--ink);border-radius:14px;padding:8px 12px;font-weight:800;font-size:.85rem}.sim-banner svg{width:22px;height:22px;flex:none}.passport{background:var(--paper);border:2.5px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink);overflow:hidden}.pp-head{background:var(--c);padding:12px 16px;display:flex;align-items:center;gap:10px;border-bottom:2.5px solid var(--ink);font-family:var(--f-display);font-weight:700;font-size:.9rem}.pp-body{padding:14px 16px;display:grid;gap:10px}.pp-id{display:flex;gap:12px;align-items:center}.pp-ava{width:64px;height:64px;border-radius:50%;border:2.5px solid var(--ink);display:grid;place-items:center;background:#e6e8f2;overflow:hidden;flex:none;font-family:var(--f-display);font-weight:900;color:var(--muted)}.pp-ava svg{width:100%;height:100%}.pp-name{font-family:var(--f-display);font-weight:800;font-size:1.05rem;line-height:1.15;word-break:break-word}.pp-user{font-family:var(--f-mono);font-weight:700;color:var(--sky-deep);font-size:.85rem;word-break:break-all}.pp-row{display:grid;grid-template-columns:7.2em 1fr;gap:8px;font-size:.85rem;align-items:start;border-top:1.5px dashed var(--line);padding-top:8px}.pp-row>span:first-child{font-family:var(--f-mono);font-weight:700;font-size:.72rem;color:var(--muted);padding-top:2px}.pp-row>span:last-child{font-weight:800;word-break:break-word;min-width:0}.pp-row .empty{color:#a4a9c6;font-weight:700;font-style:italic}.pp-row.flash{animation:flashRow 1.2s ease}@keyframes flashRow{0%{background:var(--sun)}to{background:transparent}}.pp-bots{display:flex;gap:6px;flex-wrap:wrap}.pp-bots button{font-family:var(--f-mono);font-size:.72rem;font-weight:700;border:2px solid var(--ink);border-radius:8px;background:var(--paper);padding:2px 8px}.pp-bots button.on{background:var(--ink);color:#fff}.ava-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.ava-pick button{border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#0f1438;padding:4px;aspect-ratio:1;max-width:100%}.ava-pick button svg{width:100%;height:100%;display:block}.ava-pick button:hover{border-color:var(--sun)}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs button{font-family:var(--f-mono);font-weight:700;font-size:.85rem;border:2.5px solid var(--ink);border-radius:12px;padding:8px 12px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);transition:background .2s,transform .15s}.tabs button[aria-selected=true]{background:var(--c);color:var(--c-on);transform:translateY(-3px)}.tab-panel{display:none}.tab-panel.on{display:flex;flex-direction:column;gap:12px;animation:aUp .45s var(--ease-out)}.limit{display:inline-flex;gap:6px;align-items:center;font-family:var(--f-mono);font-weight:700;font-size:.78rem;background:var(--ink);color:#fff;border-radius:999px;padding:3px 10px;align-self:flex-start}.prof-view{display:none;flex-direction:column;flex:1;min-height:0}.prof-view.on{display:flex}.desc-card{margin:auto 18px;background:#ffffff14;border-radius:16px;padding:14px;text-align:left}.desc-card b{display:block;margin-bottom:6px}.glow{outline:2.5px solid var(--sun);outline-offset:4px;border-radius:14px;animation:glowP 1.4s ease-in-out infinite}@keyframes glowP{50%{outline-color:#ffc83a40;outline-offset:9px}}.prof-page{padding:18px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.prof-top{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.prof-top .big-ava{width:96px;height:96px;border-radius:50%;overflow:hidden;display:grid;place-items:center}.prof-top .big-ava svg{width:100%;height:100%}.prof-row{display:flex;gap:12px;align-items:flex-start;background:#ffffff0f;border-radius:14px;padding:10px 12px}.prof-row .lb{font-size:11.5px;color:var(--chat-dim);margin-top:2px}.prof-row svg{width:20px;height:20px;flex:none;color:var(--chat-dim);margin-top:2px}.start-bar{background:#1a2150;padding:14px;text-align:center;font-weight:900;color:var(--chat-link);letter-spacing:.06em;font-size:13px;flex:none}.webapp{position:absolute;inset:auto 0 0 0;height:78%;background:#fff;color:var(--ink);border-radius:22px 22px 0 0;transform:translateY(105%);transition:transform .6s var(--ease-out);display:flex;flex-direction:column;z-index:4;box-shadow:0 -20px 40px #0006}.webapp.open{transform:none}.wa-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #E3E6F3;font-weight:800;font-size:13px}.wa-head .x{margin-left:auto;font-size:18px;color:#8a90b4}.wa-body{flex:1;overflow:hidden;padding:14px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#fff6ef,#fff)}.wa-body .h{font-family:var(--f-display);font-weight:800;font-size:16px;line-height:1.15}.wa-body .in{height:30px;border:1.5px solid #DADDEB;border-radius:9px;background:#fff}.wa-body .go{height:32px;border-radius:9px;background:var(--coral);color:#fff;font-weight:900;display:grid;place-items:center;font-size:12.5px}.wa-body .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}.wa-body .tiles i{aspect-ratio:1;border-radius:10px;display:block}.dialog{position:absolute;left:12%;right:12%;top:30%;background:#232b55;border-radius:16px;padding:14px;z-index:5;box-shadow:0 20px 40px #00000080;font-size:13px;display:none}.dialog.show{display:block;animation:aPop .4s var(--ease-pop)}.dialog .acts{display:flex;justify-content:flex-end;gap:18px;margin-top:10px;font-weight:900;color:var(--chat-link)}.tap{position:absolute;width:44px;height:44px;border-radius:50%;background:#ffc83a8c;border:3px solid var(--sun);z-index:6;pointer-events:none;opacity:0;transform:scale(.5)}.tap.go{animation:tapA .7s ease-out}@keyframes tapA{0%{opacity:0;transform:scale(1.6)}40%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.1)}}.fiz{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(16px,3vw,44px);align-items:center}.fiz>*{min-width:0}.dance-floor{position:relative;max-width:340px;margin-inline:auto;width:100%}.dance-floor:after{content:"";position:absolute;left:10%;right:10%;bottom:-4%;height:18px;border-radius:50%;background:#1418332e;filter:blur(2px);z-index:-1}.moves{display:grid;gap:10px}.move{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;padding:10px 14px;font-weight:800;transition:transform .3s,background .3s}.move .mi{width:52px;height:52px;border-radius:14px;background:var(--c-soft);border:2px solid var(--ink);display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-size:1.1rem}.move .x{font-family:var(--f-mono);font-weight:700;background:var(--ink);color:#fff;border-radius:999px;padding:2px 10px;font-size:.8rem}.move.on{background:var(--c);transform:scale(1.03);box-shadow:var(--shadow-toy)}.ring{position:relative;width:clamp(120px,14vw,170px);aspect-ratio:1}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:12}.ring .bg{stroke:#1418331f}.ring .fg{stroke:var(--c-deep);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.ring .val{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-size:clamp(1.4rem,2.6vw,2.4rem);font-variant-numeric:tabular-nums}.lego{position:relative;height:clamp(240px,32vw,380px);display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:0}.brick{position:relative;height:clamp(44px,5.2vw,64px);border:3px solid var(--ink);border-radius:10px;margin-top:-3px;display:grid;place-items:center;font-family:var(--f-mono);font-weight:700;font-size:clamp(.7rem,1vw,.95rem);box-shadow:5px 5px 0 var(--ink)}.brick:before{content:"";position:absolute;top:-14px;left:16%;right:16%;height:12px;background:radial-gradient(circle at 12px 8px,currentColor 0 8px,transparent 9px) 0 0/40px 12px repeat-x;opacity:0}.brick .studs{position:absolute;top:-12px;left:0;right:0;display:flex;justify-content:space-around;padding:0 14%}.brick .studs i{width:20px;height:11px;border:3px solid var(--ink);border-bottom:0;border-radius:6px 6px 0 0;background:inherit}.slide.active .brick{animation:aDrop .7s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i) * .24s + .3s)}.bbk{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;text-align:center}.bbk .card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px}.bbk .card svg{width:56px;height:56px}.bbk .plus{font-family:var(--f-display);font-weight:900;font-size:1.6rem}.stat{font-family:var(--f-display);font-weight:900;font-size:clamp(1.6rem,2.8vw,2.6rem);line-height:1;font-variant-numeric:tabular-nums}.strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center}.strip .node{background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;box-shadow:3px 3px 0 var(--ink);padding:10px;text-align:center;font-weight:900;font-size:.85rem}.strip .node .at{display:block;font-size:.85rem}.strip .arr{position:relative;width:clamp(40px,6vw,90px);height:28px}.strip .arr:before{content:"";position:absolute;left:0;right:8px;top:50%;border-top:3px dashed var(--ink)}.strip .arr:after{content:"";position:absolute;right:0;top:50%;margin-top:-7px;border:7px solid transparent;border-left:10px solid var(--ink);border-right:0}.strip .arr b{position:absolute;top:50%;left:0;margin-top:-13px;width:26px;height:26px;border-radius:8px;background:var(--sun);border:2px solid var(--ink);display:grid;place-items:center;animation:travel 2.2s ease-in-out infinite}.strip .arr b svg{width:16px;height:16px}@keyframes travel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 34px);opacity:0}}.pgroups{display:grid;gap:8px}.pgroup{border:2.5px solid var(--ink);border-radius:16px;background:var(--paper);padding:10px 12px;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;text-align:left;width:100%}.pgroup:hover,.pgroup.on{background:var(--c);box-shadow:var(--shadow-toy);transform:translate(-2px,-2px)}.pgroup h3{display:flex;align-items:center;gap:8px;font-size:.95rem;margin:0 0 4px}.pgroup .cmds{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.82rem;font-weight:700}.pgroup .cmds span .cmd{font-size:.78rem}.pg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(14px,2vw,28px);align-items:start}.pg-form{display:grid;gap:10px}.pg-form label{display:grid;gap:4px;font-weight:900;font-size:.82rem}.pg-form input,.pg-form textarea{border:2.5px solid var(--ink);border-radius:12px;background:var(--paper);padding:9px 12px;font-weight:700;outline:none;min-width:0;width:100%}.pg-form input:focus,.pg-form textarea:focus{box-shadow:var(--shadow-toy)}.pg-form textarea{resize:vertical;min-height:62px}.pg-form .two{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.pg-list{display:grid;gap:6px;max-height:210px;overflow-y:auto;padding-right:4px}.pg-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:6px 8px 6px 10px;font-weight:800;font-size:.85rem;animation:aUp .35s var(--ease-out)}.pg-item .cmd{font-size:.75rem}.pg-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-item button{border:0;background:var(--coral-soft);border-radius:8px;width:28px;height:28px;display:grid;place-items:center}.pg-item button svg{width:14px;height:14px}.seg{display:inline-flex;border:2.5px solid var(--ink);border-radius:12px;overflow:hidden}.seg button{border:0;background:var(--paper);padding:6px 12px;font-weight:900;font-size:.8rem}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.err{color:var(--coral-deep);font-weight:900;font-size:.82rem;min-height:1.2em}.practice{background:var(--night)!important;color:#fff}.practice .t-title{color:#fff}.practice .t-title .acc{color:var(--berry)}.practice .eyebrow{background:transparent;color:#fff;border-color:#fff6}.practice .lead{color:#e0e4ff}.practice .req{display:grid;gap:8px}.practice .req div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;background:var(--night-2);border:1.5px solid rgba(255,255,255,.14);border-radius:14px;padding:8px 12px;font-weight:700}.practice .req i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-family:var(--f-mono);font-weight:700;background:var(--berry);color:var(--ink)}.practice .phone{box-shadow:0 0 0 2.5px #fff,10px 12px 0 var(--berry),0 30px 60px -20px #0009}.squig{position:absolute;pointer-events:none}.checklist{display:grid;gap:8px}.ck{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:var(--paper);border:2.5px solid var(--ink);border-radius:14px;padding:8px 12px;font-weight:800;cursor:pointer;transition:background .25s,transform .2s;text-align:left;width:100%}.ck:hover{transform:translate(4px)}.ck .box{width:28px;height:28px;border-radius:9px;border:2.5px solid var(--ink);display:grid;place-items:center;background:#fff;transition:background .2s}.ck .box svg{width:18px;height:18px;opacity:0;transform:scale(.3);transition:.25s var(--ease-pop)}.ck.on{background:var(--mint-soft)}.ck.on .box{background:var(--mint)}.ck.on .box svg{opacity:1;transform:none}.ck.on .t{text-decoration:line-through;text-decoration-thickness:2px;opacity:.7}.ck .tag{font-family:var(--f-mono);font-size:.7rem;background:var(--c-soft);border:1.5px solid var(--ink);border-radius:999px;padding:1px 8px;white-space:nowrap}.ck.bonus .tag{background:var(--sun)}.ck-prog{height:22px;border:2.5px solid var(--ink);border-radius:999px;overflow:hidden;background:var(--paper)}.ck-prog i{display:block;height:100%;width:0;background:repeating-linear-gradient(45deg,var(--berry) 0 14px,var(--coral) 14px 28px);transition:width .5s var(--ease-pop);animation:stripes 1s linear infinite;background-size:40px 40px}@keyframes stripes{to{background-position:40px 0}}.timer-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.timer-card .ring{width:clamp(150px,16vw,210px)}.timer-card .ring .fg{stroke:var(--berry-deep)}.timer-card.low .ring .fg{stroke:var(--coral)}.timer-card.low .ring .val{color:var(--coral-deep);animation:blink 1s infinite}.errs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.errc{display:grid;gap:8px;padding:12px 14px}.errc .e{font-family:var(--f-mono);font-size:.8rem;font-weight:700;background:#ffe0d8;border:2px solid var(--coral-deep);color:#7a1d05;border-radius:10px;padding:6px 10px}.errc .f{font-weight:800;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start}.errc .f i{font-style:normal;background:var(--mint);border:2px solid var(--ink);border-radius:8px;width:24px;height:24px;display:grid;place-items:center;font-size:.8rem;font-weight:900}.bonus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bonus-grid .card{display:flex;flex-direction:column;gap:8px}.bonus-grid .lvl{display:flex;gap:3px}.bonus-grid .lvl svg{width:18px;height:18px}.gloss{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gloss .flip{min-height:clamp(120px,13vw,160px)}.gloss .front{align-items:flex-start;justify-content:center;background:var(--paper)}.gloss .front h3{font-size:clamp(1rem,1.5vw,1.45rem)}.gloss .flip:nth-child(3n+1) .front{background:var(--sky-soft)}.gloss .flip:nth-child(3n+2) .front{background:var(--coral-soft)}.gloss .flip:nth-child(3n) .front{background:var(--mint-soft)}.hw{display:grid;gap:10px;counter-reset:hw}.hw div{counter-increment:hw;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;padding:12px 16px;font-weight:800;box-shadow:var(--shadow-toy)}.hw div:before{content:counter(hw);width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--c);color:var(--c-on);font-family:var(--f-display);font-weight:900;border:2px solid var(--ink)}.hw small{display:block;font-weight:700;color:var(--muted)}.finale{background:var(--night)!important;color:#fff}.medal{position:relative;width:clamp(200px,24vw,300px);aspect-ratio:1;margin-inline:auto}.medal .rays{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background:repeating-conic-gradient(from 0deg,rgba(255,200,58,.35) 0 10deg,transparent 10deg 20deg);border-radius:50%;animation:spinSlow 18s linear infinite;mask:radial-gradient(circle,#000 35%,transparent 70%);-webkit-mask:radial-gradient(circle,#000 35%,transparent 70%)}.medal .disc{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE68A,var(--sun) 45%,var(--sun-deep));border:4px solid var(--ink);box-shadow:8px 8px 0 var(--berry);display:grid;place-items:center;text-align:center;color:var(--ink);padding:14%}.medal .disc .t{font-family:var(--f-display);font-weight:900;font-size:clamp(1rem,1.7vw,1.5rem);line-height:1.05}.medal .disc svg{width:40%;height:auto}.slide.active .medal{animation:aTilt 1s var(--ease-pop) both .3s}.finale .t-hero{color:#fff}.finale .t-hero .w2{color:var(--sun)}.finale .lead{color:#d5daff}@media (max-width: 1100px){.plan{grid-template-columns:repeat(4,minmax(0,1fr))}.g4,.gloss,.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.cols,.cols.r-wide,.cover-grid,.sec-title,.game,.sim,.pg,.fiz{grid-template-columns:minmax(0,1fr)}.flow-steps,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-bot{max-width:240px}.cover-bot .say{left:auto;right:70%;top:-10%}.brand .bt,.clock .plan{display:none}.errs{grid-template-columns:1fr}.notes{top:auto;bottom:70px;height:56%;right:8px;width:calc(100% - 16px)}.sec-num{font-size:clamp(3rem,18vw,6rem)}.factory{height:220px}}@media (max-width: 600px){#app{padding-inline:6px;gap:6px}.topbar{gap:6px;padding-top:6px}.sec-chip{font-size:.7rem;padding:5px 10px 5px 6px}.sec-chip .txt{max-width:28vw;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:34px;height:34px;border-radius:10px}.icon-btn.hide-sm{display:none}.clock{padding:3px 4px 3px 10px}.clock .time{font-size:.8rem;min-width:3.6em}.lang button{padding:5px 7px;font-size:.7rem}.stage{border-radius:18px}.g3,.g2,.vs,.qz-opts,.bonus-grid,.flow-steps{grid-template-columns:1fr}.gloss{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-bar{height:auto;min-height:64px}.poll-row{grid-template-columns:5.5em 1fr auto}.bbk{grid-template-columns:1fr;gap:6px}.bbk .plus{font-size:1.2rem}.strip{grid-template-columns:1fr}.strip .arr{transform:rotate(90deg);justify-self:center;width:46px}.nav-btn{width:42px;height:42px}.counter{display:none}.screen{height:clamp(380px,62vh,520px)}.cover-bot .say{position:relative;right:auto;left:auto;top:auto;margin-bottom:18px;display:inline-block}.pg-form .two{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:where(i[data-ic]){display:inline-grid;place-items:center;line-height:0;flex:none}:where(i[data-ic])>:where(svg){width:1.2em;height:1.2em}.cover .btn,.finale .btn{border-color:#fff;box-shadow:4px 4px 0 var(--sun)}.cover .btn.ghost,.finale .btn.ghost{background:transparent;color:#fff}.cover .btn:hover,.finale .btn:hover{box-shadow:6px 6px 0 var(--sun)}.practice .ph-tools .btn{border-color:#fff;box-shadow:3px 3px 0 var(--berry)}.clock[data-st=""] .state-dot{background:#6e77ad}.icon-btn:disabled,.nav-btn:disabled{opacity:.35;cursor:default}.notes-h>i{width:22px;height:22px}.mini-bot{display:block}.mini-bot .botir{width:34px;height:34px}.mini-bot .botir .b-all{animation:none}.ph-tools .btn svg{width:1em;height:1em}.qz-exp .btn{border-color:#fff;box-shadow:3px 3px 0 var(--sun)}.ov-head .spacer{flex:1}@media (max-width: 600px){.brand,.icon-btn.hide-sm{display:none}}.flip{display:block;width:100%}.flip .fl-in{display:block}.vs{grid-template-columns:1fr}.vs .card{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center}.vs .card ul{grid-column:1/-1}.vs .big{margin:0;justify-self:start}.steps li>.st-b{min-width:0;align-self:center}.practice .req div{grid-template-columns:auto 1fr}.practice .req i{width:auto;min-width:34px;padding:0 8px;font-size:.72rem}.missions{display:grid;gap:7px;padding:12px 16px}.missions h3{font-size:.95rem;margin:0 0 2px;display:flex;align-items:center;gap:8px}.mis{display:flex;gap:10px;align-items:center;font-weight:800;font-size:.86rem;transition:opacity .3s}.mis i{width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font-style:normal;font-size:.72rem;font-weight:900;background:#fff;flex:none;transition:background .3s}.mis.ok i{background:var(--mint);animation:aPop .5s var(--ease-pop)}.mis.ok>span{text-decoration:line-through;text-decoration-thickness:2px;opacity:.6}.mis .cmd{font-size:.78rem}.flip{min-height:clamp(150px,15vw,200px)}.gloss .flip{min-height:clamp(104px,10vw,138px)}.sim>*,.pg>*,.game>*,.fiz>*,.sec-title>*{min-width:0}@media (max-width: 600px){.ideas{position:static;display:flex;flex-wrap:wrap;gap:8px;min-height:0;margin-top:8px}.idea{position:static;white-space:normal}.vs .card{grid-template-columns:minmax(0,1fr)}.vs .big{font-size:.85rem}.eyebrow{font-size:.62rem;letter-spacing:.1em}.deco i{opacity:.28!important}.t-hero{font-size:clamp(2rem,10vw,3rem)}.sec-title .factory{margin-top:8px}}[hidden]:not([hidden=until-found i]){display:none!important}.slide[data-sec=warm]{--c:var(--grape);--c-soft:var(--grape-soft);--c-deep:var(--grape-deep);--c-on:#fff}.slide[data-sec=learn]{--c:var(--sky);--c-soft:var(--sky-soft);--c-deep:var(--sky-deep);--c-on:#fff}.slide[data-sec=practice]{--c:var(--coral);--c-soft:var(--coral-soft);--c-deep:var(--coral-deep);--c-on:var(--ink)}.slide[data-sec=game]{--c:var(--mint);--c-soft:var(--mint-soft);--c-deep:var(--mint-deep);--c-on:var(--ink)}.slide[data-sec=home]{--c:var(--sun);--c-soft:var(--sun-soft);--c-deep:var(--sun-deep);--c-on:var(--ink)}.slide[data-sec=bonus]{--c:var(--berry);--c-soft:var(--berry-soft);--c-deep:var(--berry-deep);--c-on:var(--ink)}.ic{font-family:var(--f-mono);font-weight:700;font-size:.86em;background:var(--ink);color:#ff8a96;border-radius:7px;padding:.04em .42em;white-space:nowrap}.practice .ic,.cover .ic,.finale .ic{background:#2a3160}.k-tg{color:#ff7a88}.k-pu{color:#8e97c9}.k-at{color:#c3a2ff}.k-vl{color:#7ff0c6}.k-cm{color:#6e77ad;font-style:italic}.win{background:#0f1330;border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow-toy);overflow:hidden;min-width:0;display:flex;flex-direction:column;color:#e8ebff}.win-h,.br-h{display:flex;align-items:center;gap:8px;padding:7px 10px;flex:none;min-width:0}.win-h{background:#1a2150;color:#c6ccf2;font-family:var(--f-mono);font-size:.72rem;font-weight:700}.dots{display:inline-flex;gap:5px;flex:none}.dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57;display:block}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}.win-h .fn{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win-h .fn:before{content:"";width:10px;height:12px;border-radius:2px;background:var(--coral);flex:none}.win-h .sp,.br-h .sp{flex:1}.mini-btn{border:1.5px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;border-radius:8px;font-weight:800;font-size:.7rem;padding:3px 8px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-family:var(--f-body)}.mini-btn:hover{background:#ffffff2e}.mini-btn svg{width:13px;height:13px}.mini-btn.on{background:var(--sun);color:var(--ink);border-color:var(--sun)}.br-h .mini-btn{border-color:var(--ink);background:#fff;color:var(--ink)}.br-h .mini-btn.on{background:var(--sun)}.code{margin:0;padding:12px 0;overflow:auto;font-family:var(--f-mono);font-size:clamp(.7rem,.88vw,.9rem);line-height:1.62;color:#e8ebff;counter-reset:ln;max-height:min(56vh,560px);scrollbar-width:thin;-moz-tab-size:2;tab-size:2}.code .ln{display:block;padding:0 16px 0 0;white-space:pre;min-height:1.62em}.code .ln:before{counter-increment:ln;content:counter(ln);display:inline-block;width:2.7em;text-align:right;padding-right:1.1em;color:#4a5288;-webkit-user-select:none;user-select:none}.code.big{font-size:clamp(.82rem,1.15vw,1.12rem)}.slide.active .code.anim .ln{animation:lnIn .45s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms + .32s)}@keyframes lnIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.code .ln.hi{background:#ffc83a29;box-shadow:inset 3px 0 0 var(--sun)}.browser{background:#fff;border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow-toy);overflow:hidden;display:flex;flex-direction:column;min-width:0;color:#000}.br-h{background:#eef0f8;border-bottom:2px solid var(--ink)}.br-url{flex:1;min-width:0;background:#fff;border:1.5px solid #CFD3E6;border-radius:999px;padding:2px 12px;font-family:var(--f-mono);font-size:.68rem;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser iframe{border:0;width:100%;height:clamp(200px,36vh,400px);display:block;background:#fff}.browser.tall iframe{height:clamp(260px,52vh,560px)}.browser.short iframe{height:clamp(150px,24vh,260px)}.br-body{padding:14px 18px;font-family:Times New Roman,Times,serif;font-size:16px;line-height:1.3;color:#000;overflow:auto}.duo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(12px,1.6vw,22px);align-items:start}.duo.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.btn-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.blist{list-style:none;margin:0;padding:0;display:grid;gap:9px}.blist li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;font-weight:700;line-height:1.4}.blist li:before{content:"";width:30px;height:30px;border-radius:10px;border:2px solid var(--ink);background:var(--c-soft) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23141833' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;margin-top:-2px}.practice .blist li:before,.cover .blist li:before{border-color:#fff;background-color:var(--berry)}.blist.num{counter-reset:bl}.blist.num li:before{counter-increment:bl;content:counter(bl);background-image:none;display:grid;place-items:center;font-family:var(--f-mono);font-size:.8rem;font-weight:700;background-color:var(--c)}.sec-art{position:relative;min-height:240px;display:grid;place-items:center}.sec-art .botir-slot{width:min(260px,70%)}.tagfly{position:absolute;font-family:var(--f-mono);font-weight:700;font-size:clamp(.8rem,1.2vw,1.1rem);background:var(--paper);border:2.5px solid var(--ink);border-radius:12px;padding:4px 10px;box-shadow:3px 3px 0 var(--ink);animation:floaty var(--dur,7s) ease-in-out infinite;animation-delay:var(--dl,0s);white-space:nowrap}.qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qa.one{grid-template-columns:1fr}.qa-c{display:flex;flex-direction:column;gap:10px;text-align:left;width:100%;background:var(--paper);border:2.5px solid var(--ink);border-radius:18px;box-shadow:var(--shadow-toy);padding:14px 16px;font-weight:800;cursor:pointer;transition:transform .15s,background .25s}.qa-c:hover{transform:translate(-2px,-2px)}.qa-c .q{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;font-family:var(--f-display);font-weight:700;font-size:clamp(.95rem,1.3vw,1.25rem);line-height:1.25}.qa-c .q i{font-style:normal;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--c);color:var(--c-on);border:2px solid var(--ink);font-family:var(--f-mono);font-size:.85rem}.qa-c .a{display:none;background:var(--mint-soft);border:2px dashed var(--mint-deep);border-radius:12px;padding:8px 12px;font-weight:800}.qa-c.on .a{display:block;animation:aPop .45s var(--ease-pop)}.qa-c.on{background:#fff}.qa-c .hint{font-family:var(--f-mono);font-size:.7rem;color:var(--muted);display:flex;gap:6px;align-items:center}.qa-c .hint svg{width:14px;height:14px}.qa-c.on .hint{display:none}.kbd-art{display:grid;gap:7px;padding:16px;background:var(--grape);border:3px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink);transform:rotate(-4deg);max-width:440px;margin-inline:auto}.kbd-art .r{display:flex;gap:7px;justify-content:center}.kbd-art span{flex:1;max-width:38px;aspect-ratio:1;border-radius:9px;background:var(--sun);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--sun-deep);display:grid;place-items:center;font-family:var(--f-mono);font-weight:700;font-size:.75rem;transition:transform .1s,box-shadow .1s,background .1s}.kbd-art span.wide{max-width:200px;flex:5}.kbd-art span.p{transform:translateY(4px);box-shadow:0 0 0 var(--sun-deep);background:var(--mint)}.sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#fff;background:var(--ink);border:2.5px solid var(--ink);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow-toy);transition:transform .15s}.site:hover{transform:translate(-2px,-2px) rotate(-1deg)}.site b{font-family:var(--f-display);font-size:1.15rem}.site small{color:#aab2e6;font-weight:700}.site .u{font-family:var(--f-mono);font-size:.72rem;color:var(--sun)}.site.alt{background:var(--paper);color:var(--ink)}.site.alt small{color:var(--muted)}.site.alt .u{color:var(--grape-deep)}.ring{position:relative}.timer-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.practice .card{color:var(--ink)}.practice .t-title .acc{color:var(--sun)}.task{background:var(--night-2);border:1.5px solid rgba(255,255,255,.16);border-radius:16px;padding:12px 16px;font-weight:700;color:#e8ebff}.task b{color:var(--sun)}.pr-side{display:flex;flex-direction:column;gap:10px;min-width:0}.pr-view{position:relative;min-width:0}.pr-view .win{display:none}.pr-view.code .win{display:flex}.pr-view.code .browser{display:none}.practice .browser,.practice .win{box-shadow:0 0 0 2.5px #fff,8px 8px 0 var(--berry)}.practice .btn{border-color:#fff;box-shadow:3px 3px 0 var(--berry)}.practice .btn.ghost{background:transparent;color:#fff}.lock{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:.72rem;font-weight:700;color:var(--sun);background:#ffc83a1f;border:1.5px dashed var(--sun);border-radius:999px;padding:3px 10px;align-self:flex-start}.lock svg{width:14px;height:14px}.tagcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tagcards .flip{min-height:clamp(150px,15vw,190px)}.tagcards .front{justify-content:center;align-items:flex-start}.tagcards .front .tg{font-family:var(--f-mono);font-weight:700;font-size:clamp(1.3rem,2.2vw,2rem);color:var(--ink);background:var(--c-soft);border:2px solid var(--ink);border-radius:12px;padding:2px 12px}.tagcards .front .nm{font-weight:900;font-size:.95rem}.tagcards .back .ex{display:block;margin-top:8px;font-family:Times New Roman,serif;font-size:1.05rem;background:#fff;color:#000;border-radius:10px;padding:6px 10px}.hw-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(14px,2vw,28px);align-items:start}#home{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;color:#fff;z-index:20;background:radial-gradient(1200px 600px at 10% -10%,rgba(123,92,255,.28),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(255,106,61,.2),transparent 60%),var(--night)}#home[hidden]{display:none}.h-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:12px clamp(12px,3vw,40px);background:#0d1130d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.h-wrap{max-width:1280px;margin:0 auto;padding:clamp(18px,3vw,44px) clamp(14px,3vw,40px) 60px;position:relative}.h-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(16px,3vw,48px);align-items:center;margin-bottom:clamp(18px,3vw,36px)}.h-hero>*{min-width:0}.h-hero .t-hero{color:#fff}.h-hero .t-hero .w2{color:var(--sun)}.h-hero .lead{color:#d5daff;max-width:52ch}.h-hero .eyebrow{background:transparent;color:#fff;border-color:#fff6}.h-hero .eyebrow:before{background:var(--coral);box-shadow:0 0 0 3px #ff6a3d4d}.h-stats{display:flex;flex-wrap:wrap;gap:10px}.h-stats span{display:inline-flex;gap:8px;align-items:baseline;background:var(--night-2);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:8px 14px;font-weight:800;color:#c6ccf2}.h-stats b{font-family:var(--f-display);font-size:1.4rem;color:#fff}.h-bot{position:relative;max-width:300px;justify-self:center;width:100%}.h-bot .say{color:var(--ink);font-size:.9rem;margin-bottom:22px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.filters button{border:2px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:7px 14px;font-weight:900;font-size:.85rem;display:inline-flex;gap:8px;align-items:center;transition:background .2s,color .2s,transform .15s}.filters button:hover{transform:translateY(-2px)}.filters button[aria-pressed=true]{background:var(--sun);color:var(--ink);border-color:var(--sun)}.filters button i.d{width:10px;height:10px;border-radius:50%;background:var(--fc)}.book-h{display:flex;align-items:center;gap:12px;margin:26px 0 12px;flex-wrap:wrap}.book-h h2{font-size:clamp(1.1rem,2vw,1.6rem);color:#fff}.book-h .bk{width:46px;height:46px;border-radius:14px;border:2.5px solid #fff;display:grid;place-items:center;background:var(--bc);color:var(--ink);box-shadow:4px 4px #ffffff40;flex:none}.book-h .bk svg{width:26px;height:26px}.book-h small{color:#aab2e6;font-weight:800}.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.lcard{position:relative;text-align:left;display:flex;flex-direction:column;gap:10px;min-height:250px;border:3px solid var(--ink);border-radius:24px;background:var(--lc);color:var(--lk);padding:16px 16px 14px;box-shadow:6px 6px #ffffffe6;overflow:hidden;cursor:pointer;transition:transform .2s var(--ease-out),box-shadow .2s;animation:aTilt .7s var(--ease-pop) both;animation-delay:calc(var(--i) * 70ms + .15s)}.lcard:hover{transform:translate(-3px,-4px) rotate(-.6deg);box-shadow:10px 10px #fff}.lcard:active{transform:translate(2px,2px)}.lcard .num{font-family:var(--f-display);font-weight:900;font-size:4.6rem;line-height:.8;color:transparent;-webkit-text-stroke:2.5px var(--ink);position:absolute;right:12px;top:12px;opacity:.85}.lcard .lb{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;font-family:var(--f-mono);font-weight:700;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:999px;padding:4px 10px}.lcard h3{font-family:var(--f-display);font-weight:800;font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.05;max-width:78%;margin-top:6px}.lcard p{font-weight:700;font-size:.88rem;line-height:1.35;opacity:.9}.lcard .tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.lcard .tags span{font-family:var(--f-mono);font-weight:700;font-size:.72rem;background:#ffffffb3;color:var(--ink);border:1.5px solid var(--ink);border-radius:8px;padding:1px 7px}.lcard .meta{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-weight:700;font-size:.72rem}.lcard .meta .bar{flex:1;height:9px;border:2px solid var(--ink);border-radius:999px;background:#fff9;overflow:hidden}.lcard .meta .bar i{display:block;height:100%;background:var(--ink);width:0;transition:width .6s var(--ease-out)}.lcard .bonus{position:absolute;right:-34px;top:86px;transform:rotate(38deg);background:var(--berry);color:var(--ink);font-weight:900;font-size:.66rem;letter-spacing:.06em;padding:3px 40px;border-block:2px solid var(--ink)}.lcard .go{position:absolute;right:14px;bottom:44px;width:42px;height:42px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;transition:transform .2s var(--ease-pop)}.lcard:hover .go{transform:scale(1.12) rotate(-8deg)}.lcard .go svg{width:22px;height:22px}.lcard.hidden{display:none}.h-foot{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px 22px;color:#aab2e6;font-size:.82rem}.h-foot .kbd{color:var(--ink)}.l-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;border:1px solid rgba(255,255,255,.18);background:var(--night-2);color:#fff;border-radius:999px;padding:4px 12px 4px 4px;font-weight:800;font-size:.78rem;white-space:nowrap}.l-chip .n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lc,var(--sun));color:var(--ink);font-family:var(--f-display);font-weight:900;font-size:.8rem;border:2px solid #fff}.l-chip .tx{min-width:0;overflow:hidden;text-overflow:ellipsis}.l-chip svg{width:14px;height:14px;opacity:.7}.l-chip:hover{background:#252b63}#app[hidden]{display:none}#app.reveal{animation:appIn .8s cubic-bezier(.7,0,.25,1) both}@keyframes appIn{0%{clip-path:circle(0% at var(--ox,50%) var(--oy,50%))}to{clip-path:circle(150% at var(--ox,50%) var(--oy,50%))}}#home.reveal{animation:aUp .5s var(--ease-out) both}.switcher{position:fixed;z-index:55;left:12px;top:60px;width:min(380px,calc(100% - 24px));max-height:calc(100% - 140px);overflow-y:auto;background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 var(--sun);padding:10px;animation:aDown .3s var(--ease-out) both}.switcher h4{font-family:var(--f-display);font-size:.8rem;margin:6px 6px 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.sw-it{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;width:100%;text-align:left;border:2px solid transparent;background:transparent;border-radius:14px;padding:6px 8px;font-weight:800}.sw-it:hover{background:var(--sky-soft)}.sw-it.cur{border-color:var(--ink);background:var(--sun-soft)}.sw-it .n{width:34px;height:34px;border-radius:11px;background:var(--lc);border:2px solid var(--ink);display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-size:.85rem}.sw-it small{display:block;color:var(--muted);font-weight:700;font-size:.75rem}.sw-it .pc{font-family:var(--f-mono);font-size:.7rem;color:var(--muted)}.pgx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:58;background:#090c22f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;padding:clamp(8px,1.6vw,20px);gap:10px;animation:aUp .3s var(--ease-out) both;color:#fff}.pgx[hidden]{display:none}.pgx-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pgx-h h2{font-size:clamp(.95rem,1.6vw,1.25rem);display:flex;align-items:center;gap:10px;min-width:0}.pgx-h h2 svg{width:26px;height:26px;color:var(--sun);flex:none}.pgx-h .seg{border-color:#fff}.pgx-h .seg button{background:transparent;color:#fff}.pgx-h .seg button[aria-pressed=true]{background:#fff;color:var(--ink)}.pgx-h .btn{border-color:#fff;box-shadow:3px 3px 0 var(--sun)}.pgx-h .btn.ghost{background:transparent;color:#fff}.pgx-task{background:var(--night-2);border:1.5px solid rgba(255,255,255,.14);border-radius:14px;padding:8px 14px;font-weight:700;color:#d5daff;font-size:.9rem}.pgx-task:empty{display:none}.pgx-b{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.pgx-ed{display:flex;flex-direction:column;min-height:0}.ed-wrap{position:relative;flex:1;min-height:0;overflow:hidden;background:#0f1330}.ed-wrap pre,.ed-wrap textarea{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:12px 14px;font-family:var(--f-mono);font-size:clamp(12px,.95vw,15px);line-height:1.6;white-space:pre;overflow:auto;-moz-tab-size:2;tab-size:2;border:0;outline:none;letter-spacing:0;word-spacing:0}.ed-wrap pre{color:#e8ebff;pointer-events:none}.ed-wrap textarea{background:transparent;color:transparent;caret-color:#fff;resize:none;z-index:2}.ed-wrap textarea::selection{background:#8dcbff59;color:transparent}.pgx-out{display:flex;flex-direction:column;min-height:0;gap:8px}.pgx-out .browser{flex:1;min-height:0}.pgx-out .browser iframe{height:100%;min-height:200px;flex:1}.pgx-res{display:flex;align-items:center;gap:10px;background:var(--night-2);border:1.5px solid rgba(255,255,255,.14);border-radius:14px;padding:8px 12px;font-weight:800;font-size:.88rem}.pgx-res:empty{display:none}.pgx-res .pct{font-family:var(--f-display);font-weight:900;font-size:1.3rem;color:var(--sun)}.pgx-res .miss{font-family:var(--f-mono);font-size:.75rem;color:#ffb3a1}.explorer{background:#181c3a;color:#d5daff;border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow-toy);overflow:hidden;min-width:0}.explorer .ex-h{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#10142e;font-family:var(--f-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;color:#9aa3d1}.explorer .ex-h .sp{flex:1}.explorer .ex-h svg{width:15px;height:15px}.explorer .ex-h .hl-ic{color:var(--sun);outline:2px solid var(--coral);outline-offset:3px;border-radius:4px;animation:glowP 1.4s ease-in-out infinite}.tree{list-style:none;margin:0;padding:10px 12px 14px;font-family:var(--f-mono);font-size:clamp(.78rem,1vw,.95rem);font-weight:700;min-height:220px}.tree ul{list-style:none;padding-left:20px;border-left:1.5px dashed #3A427A;margin:0 0 0 8px}.tree li{padding:3px 0}.tree .it{display:inline-flex;align-items:center;gap:8px;padding:2px 8px;border-radius:8px}.tree .it svg{width:17px;height:17px;flex:none}.tree .it.fo svg{color:var(--sun)}.tree .it.fi svg{color:var(--coral)}.tree .it.im svg{color:var(--mint)}.tree .new>.it{animation:aPop .55s var(--ease-pop) both;background:#ffc83a2e}.tree .ghost>.it{opacity:.35;text-decoration:line-through}.inst{background:#f3f4f9;color:#1b1f3b;border:2.5px solid var(--ink);border-radius:14px;box-shadow:var(--shadow-toy);overflow:hidden;min-width:0;font-family:Segoe UI,system-ui,sans-serif}.inst-t{display:flex;align-items:center;gap:8px;background:#fff;border-bottom:1.5px solid #D8DBE8;padding:6px 10px;font-size:.78rem;font-weight:600}.inst-t .lg{width:16px;height:16px;border-radius:4px;background:var(--sky)}.inst-t .sp{flex:1}.inst-b{padding:14px 16px;min-height:280px;display:flex;flex-direction:column;gap:10px;font-size:.85rem}.inst-b h4{margin:0;font-size:.95rem}.inst-b .muted{font-size:.78rem}.inst-box{background:#fff;border:1px solid #CDD1E2;border-radius:6px;padding:8px 10px;font-size:.75rem;max-height:96px;overflow:hidden;color:#444}.inst-f{display:flex;justify-content:flex-end;gap:8px;margin-top:auto}.inst-f span{border:1px solid #A9AEC7;background:#fff;border-radius:5px;padding:4px 14px;font-size:.78rem;font-weight:600}.inst-f .pr{position:relative;background:#e4eeff;border-color:var(--sky)}.circ{outline:3px solid #E5262B;outline-offset:4px;border-radius:50%!important;animation:circ 1.2s ease-in-out infinite;cursor:pointer}@keyframes circ{50%{outline-offset:8px;outline-color:#e5262b73}}.inst-ck{display:grid;gap:5px;font-size:.8rem}.inst-ck label{display:flex;gap:8px;align-items:center}.inst-ck i{width:15px;height:15px;border:1.5px solid #6B7090;border-radius:3px;display:grid;place-items:center;font-style:normal;font-size:11px;background:#fff}.inst-ck i.on{background:var(--sky);border-color:var(--sky);color:#fff}.inst-prog{height:14px;border:1px solid #A9AEC7;background:#fff;border-radius:4px;overflow:hidden}.inst-prog i{display:block;height:100%;width:0;background:#14c48b;transition:width 1.6s linear}.gsearch{display:flex;flex-direction:column;gap:8px}.gsearch .q{border:1px solid #CDD1E2;border-radius:999px;padding:7px 14px;background:#fff;font-size:.85rem}.gsearch .r{background:#fff;border-radius:10px;padding:8px 12px;border:1px solid #E1E3EE}.gsearch .r b{color:#1a0dab;display:block}.gsearch .r small{color:#0b7b3e}.dl-big{align-self:center;margin:18px 0;background:var(--sky);color:#fff;border-radius:10px;padding:12px 22px;font-weight:800}.ls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}.ls-ed{display:flex;flex-direction:column;gap:10px}.ls-line{font-family:var(--f-mono);font-size:.9rem;display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:12px 14px}.ls-line input{font:inherit;color:#fff;background:#262d63;border:1.5px dashed var(--sun);border-radius:6px;padding:2px 6px;min-width:0;width:12em}.status{display:flex;align-items:center;gap:10px;background:#1e66d0;color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;font-family:var(--f-mono)}.status .sp{flex:1}.golive{border:0;background:transparent;color:#fff;font:inherit;display:inline-flex;gap:6px;align-items:center;padding:2px 8px;border-radius:6px}.golive.on{background:#ffffff38}.golive i{width:9px;height:9px;border-radius:50%;background:#ff5f57;display:block}.golive.on i{background:#28c840;box-shadow:0 0 0 3px #28c84059}.br-flash{animation:brFlash .6s ease}@keyframes brFlash{0%{box-shadow:inset 0 0 0 4px var(--mint)}to{box-shadow:inset 0 0 0 0 transparent}}.refresh.pulse{animation:pulseRing 1.2s infinite}.tab-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;margin-left:6px;opacity:0;transition:opacity .2s}.tab-dot.on{opacity:1}.as-set{background:#181c3a;color:#d5daff;border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow-toy);padding:14px 16px;display:grid;gap:10px}.as-set h4{margin:0;font-family:var(--f-display);color:#fff;font-size:1rem}.as-opts{display:grid;gap:6px}.as-opts button{text-align:left;border:1.5px solid #3A427A;background:#10142e;color:#d5daff;border-radius:10px;padding:7px 12px;font-family:var(--f-mono);font-weight:700;font-size:.8rem;display:flex;justify-content:space-between;gap:8px}.as-opts button[aria-pressed=true]{border-color:var(--sun);background:#2a3160;color:#fff}.as-opts button em{font-style:normal;font-family:var(--f-body);font-size:.72rem;color:var(--sun)}.as-desc{font-size:.85rem;font-weight:700;color:#c6ccf2;min-height:2.6em}.as-tabs{display:flex;gap:2px;background:#10142e;padding:6px 6px 0}.as-tabs span{background:#181c3a;color:#c6ccf2;padding:6px 12px;border-radius:8px 8px 0 0;font-family:var(--f-mono);font-size:.75rem;font-weight:700;display:inline-flex;align-items:center}.as-tabs span.on{background:#0f1330;color:#fff}.key-hint{display:inline-flex;align-items:center;gap:8px;font-weight:900}.key-hint .kbd.p{background:var(--sun);transform:translateY(2px)}.emmet-ln{font-family:var(--f-mono);font-size:1rem;padding:14px 16px;color:#fff;min-height:48px}.caret{display:inline-block;width:2px;height:1.1em;background:#fff;vertical-align:-3px;animation:blink 1s steps(1) infinite}.anat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;align-items:start}.mock{border:2.5px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-toy);background:#fff;min-width:0}.mock .mk-nav{display:flex;gap:10px;align-items:center;padding:8px 14px;background:#1d2240;color:#fff;font-weight:800;font-size:.8rem;transition:background .4s,color .4s}.mock .mk-nav b{font-family:var(--f-display);margin-right:auto}.mock .mk-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:linear-gradient(135deg,#7b5cff,#ff4f9a);color:#fff;transition:background .4s,color .4s}.mock .mk-hero h4{font-family:var(--f-display);font-size:1.25rem;margin:0 0 6px;line-height:1.1}.mock .mk-hero p{font-size:.82rem;font-weight:700}.mock .mk-btn{display:inline-block;margin-top:8px;background:var(--sun);color:var(--ink);border-radius:10px;padding:5px 12px;font-weight:900;font-size:.8rem;transition:background .4s}.mock .mk-img{border-radius:12px;min-height:110px;background:center/cover no-repeat;transition:opacity .3s}.mock .mk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.mock .mk-cards div{border-radius:12px;overflow:hidden;border:2px solid #E3E6F3;font-size:.75rem;font-weight:800;transition:border-color .4s}.mock .mk-cards i{display:block;height:60px;background:center/cover no-repeat}.mock .mk-cards span{display:block;padding:6px 8px}.mock.no-color .mk-nav{background:#fff;color:#000;border-bottom:1px solid #ccc}.mock.no-color .mk-hero{background:#fff;color:#000}.mock.no-color .mk-btn{background:#eee}.mock.no-color .mk-cards div{border-color:#ccc}.mock.no-color .mk-hero h4{font-family:Times New Roman,serif}.mock.no-img .mk-img,.mock.no-img .mk-cards i{background-image:none!important;background-color:#e6e8f2;outline:2px dashed #B3B8D3;outline-offset:-6px}.mock.no-text .tx-l{color:transparent!important;background:#d9dceb;border-radius:6px}.layer-tg{display:grid;gap:10px}.layer-tg button{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;text-align:left;border:2.5px solid var(--ink);border-radius:16px;background:var(--paper);padding:10px 12px;font-weight:800;box-shadow:var(--shadow-toy);transition:transform .15s,background .2s}.layer-tg button .ico{width:44px;height:44px;border-radius:12px;border:2px solid var(--ink);display:grid;place-items:center;background:var(--pc)}.layer-tg button .ico svg{width:24px;height:24px}.layer-tg button small{display:block;color:var(--muted);font-weight:700}.layer-tg button .sw{width:46px;height:26px;border-radius:999px;border:2px solid var(--ink);background:var(--mint);position:relative;transition:background .2s}.layer-tg button .sw:after{content:"";position:absolute;top:2px;left:22px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--ink);transition:left .2s}.layer-tg button.off{background:#eceef5}.layer-tg button.off .sw{background:#c9cde0}.layer-tg button.off .sw:after{left:2px}.tparts{display:flex;flex-direction:column;gap:clamp(20px,3vw,40px);align-items:center}.tp-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-family:var(--f-mono);font-weight:700;font-size:clamp(1.3rem,3.6vw,3.2rem)}.tp{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:10px}.tp>b{padding:4px 12px;border-radius:14px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;white-space:pre}.tp>small{font-family:var(--f-body);font-size:clamp(.72rem,1vw,.95rem);font-weight:900;background:var(--ink);color:#fff;border-radius:999px;padding:3px 10px;white-space:nowrap;position:relative}.tp>small:before{content:"";position:absolute;left:50%;top:-9px;margin-left:-6px;border:6px solid transparent;border-bottom-color:var(--ink);border-top:0}.tp.t1>b{background:#ffe0e3;color:#d61f3a}.tp.t2>b{background:#fff;color:var(--ink);font-family:Times New Roman,serif}.tp.t3>b{background:#ffe0e3;color:#d61f3a}.tp.t4>b{background:#ece7ff;color:#5a38e8}.tp.t5>b{background:#dcf7ec;color:#0a7a55}.fmt-btns{display:flex;flex-wrap:wrap;gap:10px}.fmt-btns button{font-family:var(--f-mono);font-weight:700;font-size:1.05rem;border:2.5px solid var(--ink);border-radius:14px;background:var(--paper);padding:8px 14px;box-shadow:var(--shadow-toy);transition:transform .12s,background .2s;display:flex;gap:8px;align-items:center}.fmt-btns button small{font-family:var(--f-body);font-weight:800;font-size:.75rem;color:var(--muted)}.fmt-btns button[aria-pressed=true]{background:var(--c);color:var(--c-on);transform:translateY(-3px)}.fmt-btns button[aria-pressed=true] small{color:inherit}.fmt-out{font-family:Times New Roman,serif;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.5;background:#fff;color:#000}.fmt-out b,.fmt-out i,.fmt-out u,.fmt-out del{animation:aPop .4s var(--ease-pop)}.sheet{position:relative;background:#fffdf6;border:2.5px solid var(--ink);border-radius:18px;box-shadow:var(--shadow-toy);aspect-ratio:4/3;max-height:52vh;width:100%;overflow:hidden;background-image:repeating-linear-gradient(transparent 0 27px,#e8e3d3 27px,#e8e3d3 28px)}.sheet .zone{position:absolute;display:grid;place-items:center;border:3px dashed transparent;border-radius:14px;transition:border-color .4s,background .4s}.sheet .zone svg{width:80%;height:80%}.sheet .zone .lbl{position:absolute;top:-14px;left:12px;font-family:var(--f-mono);font-weight:700;font-size:.78rem;background:var(--sky);color:#fff;border-radius:7px;padding:1px 8px;opacity:0;transform:translateY(6px);transition:.35s var(--ease-pop)}.sheet.show .zone{border-color:var(--sky);background:#2f7bff0f}.sheet.show .zone.z2{border-color:var(--mint-deep);background:#14c48b12}.sheet.show .zone.z2 .lbl{background:var(--mint-deep)}.sheet.show .zone.z3{border-color:var(--coral-deep);background:#ff6a3d12}.sheet.show .zone.z3 .lbl{background:var(--coral-deep)}.sheet.show .zone .lbl{opacity:1;transform:none}.sheet.show .zone.z2 .lbl{transition-delay:.15s}.sheet.show .zone.z3 .lbl{transition-delay:.3s}.lay{display:grid;grid-template-columns:3fr 1fr;grid-template-rows:auto auto minmax(150px,1fr) auto;gap:8px;max-width:620px;width:100%;margin-inline:auto;min-height:clamp(300px,44vh,440px)}.lay button{border:3px solid var(--ink);border-radius:14px;font-family:var(--f-display);font-weight:800;font-size:clamp(.85rem,1.3vw,1.15rem);display:grid;place-items:center;gap:4px;padding:10px;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,background .3s;position:relative;background:#e6e8f2;color:var(--muted);min-height:54px}.lay button:hover{transform:translate(-2px,-2px)}.lay button .nm{display:none}.lay button .q{font-size:1.6em}.lay button.on .nm{display:block;animation:aPop .4s var(--ease-pop)}.lay button.on .q{display:none}.lay button.on{color:var(--ink)}.lay button .dv{position:absolute;top:6px;left:8px;font-family:var(--f-mono);font-size:.68rem;background:var(--ink);color:#fff;border-radius:6px;padding:0 6px;opacity:0}.lay button.on .dv{opacity:1}.lay .l1{grid-column:1/-1}.lay .l1.on{background:#ff6b5b}.lay .l2{grid-column:1/-1}.lay .l2.on{background:#e5484d;color:#fff}.lay .l3.on{background:#7cc24a}.lay .l4.on{background:#b7e08a}.lay .l5{grid-column:1/-1}.lay .l5.on{background:#7b6cff;color:#fff}.nest{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.nbox{border:2.5px solid var(--ink);border-radius:14px;padding:22px 10px 10px;position:relative;display:grid;gap:8px;background:var(--nb,#fff);transition:transform .2s,box-shadow .2s;cursor:default}.nbox>.nl{position:absolute;top:-11px;left:10px;font-family:var(--f-mono);font-weight:700;font-size:.72rem;background:var(--ink);color:#fff;border-radius:7px;padding:1px 8px}.nbox.leaf{padding:8px 10px;font-weight:800;font-size:.85rem;display:flex;gap:8px;align-items:center}.nbox.leaf>.nl{position:static;flex:none}.nbox.hov{box-shadow:0 0 0 3px var(--sun),4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.slide.active .nbox{animation:aZoom .5s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms + .3s)}.depth-key{display:flex;gap:8px;flex-wrap:wrap;font-weight:800;font-size:.8rem}.depth-key span{display:inline-flex;gap:6px;align-items:center}.depth-key i{width:16px;height:16px;border-radius:5px;border:2px solid var(--ink);display:block}.switch2{display:inline-flex;border:2.5px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-toy)}.switch2 button{border:0;background:var(--paper);padding:10px 18px;font-family:var(--f-mono);font-weight:700;font-size:1.05rem}.switch2 button[aria-pressed=true]{background:var(--c);color:var(--c-on)}.list-out{font-family:Times New Roman,serif;font-size:clamp(1.3rem,2.6vw,2.2rem);line-height:1.5;margin:0;padding-left:1.6em}.list-out li{animation:aLeft .45s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms)}.imglab{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.ctl{display:grid;gap:12px}.ctl label{display:grid;gap:5px;font-weight:900;font-size:.85rem}.ctl label .row{display:flex;gap:10px;align-items:center}.ctl input[type=range]{flex:1;accent-color:var(--sky-deep)}.ctl input[type=text]{border:2.5px solid var(--ink);border-radius:12px;background:var(--paper);padding:8px 12px;font-weight:700;width:100%;min-width:0}.ctl .val{font-family:var(--f-mono);font-weight:700;min-width:3.5em;text-align:right}.ctl .ckl{display:flex;flex-direction:row;align-items:center;gap:10px}.ctl .ckl input{width:20px;height:20px;accent-color:var(--coral)}.img-stage{min-height:240px;display:flex;align-items:flex-start;justify-content:flex-start}.img-stage img{display:block;max-width:100%;transition:width .3s,height .3s}.broken{display:inline-flex;align-items:flex-start;gap:6px;border:1px solid #bbb;padding:4px 6px;font-family:Times New Roman,serif;font-size:15px;color:#222;max-width:100%}.broken svg{width:16px;height:16px;flex:none;color:#888}.lg2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.lg2 .card{display:grid;gap:10px;align-content:start}.lg2 .pathline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cloud{display:grid;place-items:center;height:110px}.cloud svg{height:100%;width:auto}.slide.active .cloud svg{animation:bob 3s ease-in-out infinite}.vplayer{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:2.5px solid var(--ink);box-shadow:var(--shadow-toy);background:linear-gradient(135deg,#1d2240,#3a2e6e 60%,#7b5cff);display:grid;place-items:center;color:#fff;min-width:0}.vplayer .pl{width:68px;height:68px;border-radius:50%;background:#fffffff2;display:grid;place-items:center;box-shadow:0 10px 30px #0006}.vplayer .pl:after{content:"";border-left:22px solid var(--ink);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}.vplayer .vt{position:absolute;left:12px;top:10px;right:12px;font-weight:800;font-size:.85rem;text-shadow:0 2px 6px rgba(0,0,0,.5)}.vplayer .vbar{position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(transparent,#0009);display:flex;align-items:flex-end;gap:10px;padding:0 12px 8px;justify-content:flex-end}.vplayer .vbar span{font-size:.72rem;font-weight:800;background:#ffffff2e;border-radius:999px;padding:2px 10px}.vplayer .vbar span.circ{background:#fff6}.share-dlg{position:absolute;top:14%;right:12%;bottom:14%;left:12%;background:#fff;color:var(--ink);border-radius:14px;padding:12px;display:none;flex-direction:column;gap:8px;box-shadow:0 20px 40px #00000073;font-size:.8rem;font-weight:800}.share-dlg.show{display:flex;animation:aPop .4s var(--ease-pop)}.share-dlg .opts{display:flex;gap:10px}.share-dlg .opts span{display:grid;place-items:center;gap:4px;font-size:.7rem}.share-dlg .opts span i{width:40px;height:40px;border-radius:50%;background:#e6e8f2;display:grid;place-items:center;font-style:normal;font-family:var(--f-mono)}.share-dlg code{font-family:var(--f-mono);font-size:.62rem;background:#f1f2f8;border-radius:8px;padding:6px;word-break:break-all;color:#5a38e8}.anch{position:relative;height:clamp(200px,28vw,300px);border:2.5px solid var(--ink);border-radius:18px;box-shadow:var(--shadow-toy);overflow:hidden;background:linear-gradient(#bfe3ff 0,#bfe3ff 55%,#2f7bff 55%)}.anch .waves{position:absolute;left:0;right:0;top:52%;height:20px;background:radial-gradient(circle at 10px -4px,transparent 12px,#2F7BFF 13px) 0 0/20px 20px repeat-x;animation:belt 2s linear infinite}.anch .ship{position:absolute;left:8%;top:22%;width:clamp(120px,16vw,190px);animation:bob 3s ease-in-out infinite}.anch .island{position:absolute;right:6%;top:30%;width:clamp(120px,16vw,180px);text-align:center}.anch .island b{display:inline-block;font-family:var(--f-mono);font-size:.8rem;background:#fff;border:2px solid var(--ink);border-radius:8px;padding:1px 8px;margin-bottom:4px}.anch .rope{position:absolute;left:calc(8% + clamp(60px,8vw,95px));top:48%;height:3px;background:var(--ink);width:0;transform-origin:left;transition:width 1s var(--ease-out)}.anch.go .rope{width:calc(86% - clamp(120px,16vw,180px) - clamp(60px,8vw,95px) + 30px)}.anch .anc{position:absolute;top:calc(48% - 16px);left:calc(8% + clamp(60px,8vw,95px));width:32px;height:32px;transition:left 1s var(--ease-out);display:grid;place-items:center}.anch.go .anc{left:calc(94% - clamp(120px,16vw,180px) + 4px)}.btabs{display:flex;gap:3px;align-items:flex-end;padding:6px 8px 0;background:#dde0ee;border-bottom:2px solid var(--ink);min-width:0;overflow:hidden}.btabs span{display:inline-flex;align-items:center;gap:6px;background:#c9cde0;border:2px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0;padding:4px 10px;font-size:.72rem;font-weight:800;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btabs span.on{background:#fff}.btabs span.new{animation:aUp .45s var(--ease-pop)}.tpage{padding:16px 18px;min-height:190px;font-family:Times New Roman,serif;font-size:17px;color:#000}.tpage a{color:#1a0dab;text-decoration:underline;cursor:pointer}.tpage.site{font-family:var(--f-body);display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,var(--sky-soft),var(--mint-soft));animation:aZoom .4s var(--ease-out)}.tpage.site b{font-family:var(--f-display);font-size:1.3rem}.books{display:flex;gap:clamp(16px,3vw,40px);justify-content:center;align-items:flex-end;perspective:900px;flex-wrap:wrap}.book{position:relative;width:clamp(130px,15vw,190px);aspect-ratio:3/4;border:3px solid var(--ink);border-radius:8px 18px 18px 8px;box-shadow:8px 8px 0 var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:14px;color:var(--ink);transform-style:preserve-3d;transition:transform .6s var(--ease-pop)}.book:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:4px;background:#14183340}.book b{font-family:var(--f-display);font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.05}.book small{font-family:var(--f-mono);font-weight:700;font-size:.72rem}.book .st{position:absolute;right:-12px;top:-12px;width:38px;height:38px;border-radius:50%;background:var(--mint);border:2.5px solid var(--ink);display:grid;place-items:center}.book .st svg{width:20px;height:20px}.book.b2{transform:rotate(3deg)}.slide.active .book.b2{animation:bookOpen 1.4s var(--ease-pop) both .4s}@keyframes bookOpen{0%{transform:translateY(40px) rotate(12deg);opacity:0}60%{transform:translateY(-14px) rotate(-4deg);opacity:1}to{transform:rotate(3deg)}}.uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.uses .card{display:flex;flex-direction:column;gap:8px}.uses .mini-form{display:grid;gap:5px;margin-top:4px}.uses .mini-form i{display:block;height:20px;border:1.5px solid #C9CDE0;border-radius:6px;background:#fff}.uses .mini-form i.b{background:var(--c);border-color:var(--ink);width:60%}.igal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.igal .card{display:flex;flex-direction:column;gap:8px;padding:12px}.igal .card code{font-family:var(--f-mono);font-size:.72rem;font-weight:700;background:#0f1330;color:#e8ebff;border-radius:8px;padding:5px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.igal .card .live{min-height:38px;display:flex;align-items:center}.igal .card .live input{font-family:Arial,sans-serif;font-size:14px;max-width:100%}.igal .card small{font-weight:700;color:var(--muted);font-size:.78rem;line-height:1.3}.lform{font-family:Times New Roman,serif;font-size:16px;color:#000}.lform h1{font-size:1.7em;margin:.2em 0 .5em}.lform input,.lform select,.lform textarea,.lform button{font-family:Arial,sans-serif;font-size:13.5px}.lform input:not([type=checkbox]):not([type=submit]),.lform textarea{max-width:100%}.lform input:invalid:focus{outline:2px solid #E5484D}.srv{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;background:var(--ink);color:#fff;border-radius:16px;padding:12px 14px;position:relative;overflow:hidden}.srv .sv{width:52px;height:52px;border-radius:14px;background:var(--mint);color:var(--ink);display:grid;place-items:center;border:2px solid #fff}.srv .sv svg{width:30px;height:30px}.srv.got .sv{animation:aPop .5s var(--ease-pop)}.srv table{border-collapse:collapse;font-size:.8rem;width:100%}.srv td{padding:2px 8px 2px 0;vertical-align:top}.srv td:first-child{font-family:var(--f-mono);color:var(--sun);white-space:nowrap}.srv .wait{color:#aab2e6;font-weight:700;font-size:.85rem}.env{position:fixed;z-index:65;width:34px;height:26px;border-radius:6px;background:var(--sun);border:2.5px solid var(--ink);pointer-events:none}.env:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent 48%,var(--ink) 49%,var(--ink) 52%,transparent 53%),linear-gradient(to bottom left,transparent 48%,var(--ink) 49%,var(--ink) 52%,transparent 53%);background-size:100% 70%;background-repeat:no-repeat}.lbl2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.lbl2 .card{display:grid;gap:10px;align-content:start}.lbl2 .demo{font-family:Times New Roman,serif;font-size:18px;background:#fff;border:2px dashed #C9CDE0;border-radius:12px;padding:12px}.lbl2 .demo label{cursor:pointer}.lbl2 .demo input{font-size:14px}.focus-flash{animation:ffl 1s ease}@keyframes ffl{0%{box-shadow:0 0 0 0 var(--sun)}30%{box-shadow:0 0 0 6px var(--sun)}to{box-shadow:0 0 0 0 transparent}}.sorter{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}.bin{border:2.5px dashed var(--ink);border-radius:18px;padding:12px;min-height:200px;display:flex;flex-direction:column;gap:8px;background:var(--paper)}.bin h3{display:flex;align-items:center;gap:8px}.bin .items{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.bin .items span{font-family:var(--f-mono);font-weight:700;font-size:.85rem;background:var(--bc);border:2px solid var(--ink);border-radius:9px;padding:2px 8px;animation:aPop .4s var(--ease-pop)}.bin small{font-weight:700;color:var(--muted);font-size:.78rem}.sort-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:200px}.sort-tag{font-family:var(--f-mono);font-weight:700;font-size:clamp(1.6rem,3vw,2.6rem);background:#fff;border:3px solid var(--ink);border-radius:18px;padding:10px 22px;box-shadow:6px 6px 0 var(--ink);animation:aDrop .6s cubic-bezier(.3,1.6,.5,1) both}.sort-tag.no{animation:shake .45s}.sort-mid .btn-row{justify-content:center}.lmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lmap button{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-align:left;border:2.5px solid var(--ink);border-radius:18px;background:var(--paper);padding:10px 12px;box-shadow:var(--shadow-toy);font-weight:800;transition:transform .15s}.lmap button:hover{transform:translate(-2px,-2px) rotate(-.5deg)}.lmap button .n{width:48px;height:48px;border-radius:14px;background:var(--lc);border:2.5px solid var(--ink);display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-size:1.1rem}.lmap button small{display:block;font-family:var(--f-mono);font-size:.7rem;color:var(--muted);font-weight:700}.cmp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.cmp>div{display:grid;gap:10px;align-content:start}.verd{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:800;font-size:1.1rem;align-self:flex-start;border:2.5px solid var(--ink);border-radius:999px;padding:4px 14px 4px 6px;box-shadow:3px 3px 0 var(--ink)}.verd i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--ink)}.verd i svg{width:18px;height:18px}.verd.ok{background:var(--mint-soft)}.verd.ok i{background:var(--mint)}.verd.no{background:var(--coral-soft)}.verd.no i{background:var(--coral);color:#fff}.stamp{position:absolute;right:-6px;top:-14px;transform:rotate(12deg);font-family:var(--f-display);font-weight:900;font-size:1.1rem;border:3px solid currentColor;border-radius:10px;padding:0 10px;background:#fff}.slide.active .stamp{animation:aZoom .5s var(--ease-pop) both .9s}.seldemo .live{font-family:Times New Roman,serif;font-size:20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.seldemo .live select{font-size:16px}@media (max-width:1100px){.igal,.lmap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.duo,.duo.even,.hw-wrap,.anat,.ls,.nest,.imglab,.lg2,.cmp,.lbl2,.h-hero{grid-template-columns:minmax(0,1fr)}.pgx-b{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.sorter{grid-template-columns:1fr 1fr}.sort-mid{grid-column:1/-1;order:-1}.uses{grid-template-columns:1fr}.h-bot{max-width:220px}.switcher{top:56px}}@media (max-width:600px){.qa,.sites,.lmap,.igal{grid-template-columns:1fr}.tagcards{grid-template-columns:repeat(2,minmax(0,1fr))}.lgrid{grid-template-columns:1fr}.l-chip .tx{max-width:26vw}.lcard{min-height:220px}.h-hero .t-hero{font-size:clamp(2.2rem,11vw,3.2rem)}.mock .mk-hero{grid-template-columns:1fr}.mock .mk-cards{grid-template-columns:1fr 1fr}.code{font-size:.72rem}.tp-row{font-size:clamp(1.1rem,6vw,1.6rem)}.lay{min-height:300px}.pgx-h h2 .ttl{display:none}.sorter{grid-template-columns:1fr}}.kbd-art span.wide{aspect-ratio:auto;height:36px;max-width:220px}.code .ln{white-space:pre-wrap;overflow-wrap:anywhere;padding-left:3.8em;text-indent:-3.8em}.code .ln:before{text-indent:0}.code-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:10px 28px;align-items:start}.code-top .lead{max-width:none}.code-top:not(:has(.lead)) .blist{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.switch2{align-self:flex-start}.tagcards .front .tg.long{font-size:clamp(.9rem,1.3vw,1.2rem);overflow-wrap:anywhere}@media (max-width:900px){.code-top,.code-top:not(:has(.lead)) .blist{grid-template-columns:minmax(0,1fr)}}.nbox{padding:18px 8px 8px;gap:6px}.nbox.leaf{padding:5px 8px}@media (max-width:600px){.plan{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.k-sel{color:#ffd580}.win-h .fn.css:before{background:var(--sky)}.tree .it.fi.css svg{color:var(--sky)}.pair{display:flex;flex-direction:column;gap:10px;min-width:0}.pr-view.code .pair{display:flex}.pr-view .pair{display:none}.pr-view.code .pair .win{display:flex}.lab{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(14px,2vw,26px);align-items:start}.lab-ctl{display:flex;flex-direction:column;gap:12px;min-width:0}.lc{display:grid;gap:6px;background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;padding:10px 12px;box-shadow:3px 3px 0 var(--ink)}.lc .lp{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.lc .lp code{font-family:var(--f-mono);font-weight:700;font-size:.9rem;background:var(--ink);color:#7ff0c6;border-radius:8px;padding:2px 8px}.lc .lp small{font-weight:700;color:var(--muted);font-size:.78rem}.lc .row{display:flex;gap:10px;align-items:center}.lc input[type=range]{flex:1;accent-color:var(--c-deep)}.lc .val{font-family:var(--f-mono);font-weight:700;min-width:4em;text-align:right;font-size:.85rem}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{font-family:var(--f-mono);font-weight:700;font-size:.78rem;border:2px solid var(--ink);border-radius:10px;background:#fff;padding:4px 9px;transition:transform .12s,background .2s}.chips button:hover{transform:translateY(-2px)}.chips button[aria-pressed=true]{background:var(--c);color:var(--c-on)}.bm{background:#ffe1c9;border:2.5px dashed #E2481B;border-radius:14px;position:relative;transition:padding .25s var(--ease-out)}.bm-b{background:#ffd84d;position:relative;transition:padding .25s var(--ease-out)}.bm-p{background:#c8f2d8;position:relative;transition:padding .25s var(--ease-out)}.bm-c{background:#8dcbff;border:2px solid var(--ink);padding:14px;text-align:center;font-family:Times New Roman,serif;font-weight:700;font-size:1.2rem}.bm .bl{position:absolute;left:6px;top:2px;font-family:var(--f-mono);font-size:.62rem;font-weight:700;color:#7a2e05;line-height:1}.pgx-tabs{display:inline-flex;gap:4px}.pgx-tabs button{border:1px solid rgba(255,255,255,.2);background:transparent;color:#c6ccf2;font-family:var(--f-mono);font-weight:700;font-size:.72rem;border-radius:8px;padding:3px 10px;display:inline-flex;gap:6px;align-items:center}.pgx-tabs button:before{content:"";width:9px;height:11px;border-radius:2px;background:var(--coral)}.pgx-tabs button[data-t=css]:before{background:var(--sky)}.pgx-tabs button[aria-pressed=true]{background:#0f1330;color:#fff;border-color:var(--sun)}@media (max-width:900px){.lab{grid-template-columns:minmax(0,1fr)}}.side-html{display:contents}.btn-row[hidden],.wx [hidden]{display:none!important}.mut{color:var(--muted);font-weight:700}.wx-wrap,.wxe-wrap{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr);gap:clamp(12px,1.6vw,22px);align-items:start}.wx-wrap.solo{grid-template-columns:minmax(0,1fr)}.wx{--wb:#116DFF;background:#fff;border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow-toy);overflow:hidden;font-family:Arial,Helvetica Neue,sans-serif;color:#162d3d;font-size:13px;line-height:1.35;min-width:0}.wx-top{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #DFE5EB;white-space:nowrap;overflow:hidden}.wx-top .sp{flex:1}.wx-logo{font-family:Arial Black,Arial,sans-serif;font-weight:900;font-size:15px;letter-spacing:-.02em;color:#000}.wx-site{font-weight:700;font-size:12px;background:#f0f4f7;border-radius:6px;padding:3px 8px}.wx-srch{color:#7a92a5;font-size:12px;background:#f0f4f7;border-radius:999px;padding:3px 12px;overflow:hidden;text-overflow:ellipsis;min-width:0}.wx-up{background:#7f4cf3;color:#fff;font-weight:700;font-size:11px;border-radius:999px;padding:3px 10px}.wx-body{display:grid;grid-template-columns:210px minmax(0,1fr);height:clamp(330px,50vh,470px)}.wx-side{background:#20303c;color:#fff;overflow:auto;padding:6px 0;scrollbar-width:thin}.wx-biz{margin:4px 10px 8px;padding:8px 10px;border-radius:8px;background:#2b3e4c;display:grid;gap:2px}.wx-biz small{color:#9fb2c2;font-size:11px}.wx-biz i{height:4px;border-radius:9px;background:linear-gradient(90deg,#3899ec 15%,#43505b 15%)}.wx-it{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;color:#e6edf3;font:inherit;font-size:12.5px;text-align:left;padding:6px 12px;border-radius:0;transition:background .15s}.wx-it:hover{background:#2e4352}.wx-it .ic{width:18px;text-align:center;font-size:12px}.wx-it .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wx-it .ar{transition:transform .2s;opacity:.7}.wx-it.open .ar{transform:rotate(90deg)}.wx-it.on{background:#116dff;color:#fff}.wx-it.l1{padding-left:36px;font-size:12px}.wx-it.l2{padding-left:52px;font-size:12px;color:#c8d6e2}.wx-it.l2.on{color:#fff}.wx-sub{background:#1a2833;animation:aUp .25s var(--ease-out) both}.wx-main{background:#f3f6f9;padding:14px 16px;overflow:auto;min-width:0}.wx-hi{margin:0 0 10px;font-size:17px;color:#162d3d;font-family:Arial,sans-serif}.wx-setup{background:#fff;border-radius:10px;padding:12px 14px;display:grid;gap:5px;box-shadow:0 1px 3px #162d3d26}.wx-setup small{color:#7a92a5}.wx-setup div{display:flex;gap:8px;align-items:center;border:1px solid #E6ECF1;border-radius:6px;padding:5px 9px;font-size:12px}.wx-setup div em{margin-left:auto;font-style:normal;color:#116dff;font-weight:700}.wx-setup div.done{color:#9aa9b5;text-decoration:line-through}.wx-setup div.done span{color:#14c48b;font-weight:900}.wx-h{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.wx-h h4{margin:0;font-size:17px;font-family:Arial,sans-serif;color:#162d3d}.wx-h small{color:#5e7487;font-size:11.5px}.wx-btn{background:#116dff;color:#fff;border:0;border-radius:999px;padding:6px 14px;font:700 12px Arial,sans-serif;white-space:nowrap;cursor:pointer}.wx-btn:hover{background:#0f5fdb}.wx-btn.gh{background:#fff;color:#116dff;border:1px solid #116DFF}.wx-btn.red{background:#e62214}.wx-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.wx-cat{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #162d3d2e;display:grid;font-size:12px;animation:aPop .35s var(--ease-pop) both}.wx-cat .ph{height:62px}.wx-cat span{padding:6px 8px 0;font-weight:700}.wx-cat small{padding:0 8px 6px;color:#7a92a5}.wx-cat.add{border:2px dashed #9CC2FF;background:#fff;color:#116dff;font-size:30px;place-items:center;min-height:100px;box-shadow:none;cursor:pointer}.wx-form{display:grid;gap:8px;background:#fff;border-radius:10px;padding:12px 14px;margin-top:12px;box-shadow:0 2px 10px #162d3d33;animation:aUp .3s var(--ease-out) both;font-family:Arial,sans-serif;font-size:12.5px}.wx-form label{display:grid;gap:4px;font-weight:700;color:#3b4f60;font-size:12px}.wx-form input,.wx-form select{border:1px solid #9FB7CC;border-radius:6px;padding:6px 8px;font:13px Arial,sans-serif;background:#fff;color:#162d3d;min-width:0;width:100%}.wx-form input:focus,.wx-form select:focus{outline:2px solid #116DFF;outline-offset:0}.wx-form .row{gap:8px}.wx-photo{border:1px dashed #9CC2FF;background:#eaf3ff;color:#116dff;border-radius:6px;padding:10px;text-align:center;font-weight:700}.wx-tbl{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #162d3d26}.wx-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;padding:7px 12px;border-bottom:1px solid #EEF2F5;font-size:12.5px;cursor:pointer}.wx-row .th{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#ffd1e5,#8dcbff)}.wx-row small{color:#5e7487}.wx-row.hd{grid-template-columns:auto 1fr auto;background:#f7f9fb;font-weight:700}.wx-empty{display:grid;place-items:center;text-align:center;gap:6px;height:100%;min-height:200px;font-size:34px}.wx-empty b{font-size:15px}.wx-empty small{font-size:12px;color:#5e7487;max-width:300px}.wx-mis{display:grid;gap:8px;padding:12px 14px}.wx-mis .mis{font-size:.86rem;align-items:flex-start;line-height:1.3;padding:4px 6px;border-radius:10px}.wx-mis .mis.cur{background:var(--sun-soft);outline:2px dashed var(--sun-deep)}.wx-mis .ck-prog{height:16px;margin-top:4px}.wx-sites-b{padding:12px 14px;background:#f3f6f9;min-height:clamp(300px,46vh,440px);position:relative}.wx-sites-b h4{margin:0 0 10px;font:700 16px Arial,sans-serif}.wx-sites{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.wx-sc{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #162d3d2e;animation:aPop .35s var(--ease-pop) both}.wx-sc .ph{height:86px;display:grid;place-items:center}.wx-sc .ed{background:#fff;color:#116dff;border-radius:999px;padding:5px 14px;font-weight:700;font-size:12px;opacity:0;transition:opacity .2s}.wx-sc:hover .ed{opacity:1}.wx-sc .ft{display:grid;grid-template-columns:1fr auto;padding:8px 10px;gap:0 6px}.wx-sc .nm{font-weight:700;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wx-sc .nm input{width:100%;font:700 13px Arial;border:1px solid #116DFF;border-radius:4px;padding:2px 4px}.wx-sc small{color:#7a92a5;font-size:11px;grid-column:1}.wx-sc .dots{grid-row:1/3;grid-column:2;align-self:center;width:30px;height:30px;border-radius:50%;border:1px solid #9CC2FF;background:#fff;color:#116dff;font-weight:900}.wx-sc .dots:hover{background:#eaf3ff}.wx-tpl{position:absolute;right:12px;top:8px;z-index:3;background:#fff;border-radius:10px;box-shadow:0 8px 24px #162d3d4d;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;animation:aUp .25s var(--ease-out) both;max-width:340px}.wx-tpl button{display:flex;gap:6px;align-items:center;border:1px solid #DFE5EB;background:#fff;border-radius:8px;padding:7px 9px;font:700 12px Arial,sans-serif;text-align:left}.wx-tpl button:hover{border-color:#116dff;background:#eaf3ff}.wx-tpl button span{font-size:16px}.sx{display:grid;gap:12px}.sx-pool{display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:10px;border:2.5px dashed var(--line);border-radius:16px;background:var(--paper)}.sx-it{display:inline-flex;gap:6px;align-items:center;border:2.5px solid var(--ink);border-radius:999px;background:#fff;padding:5px 12px;font-weight:800;font-size:.86rem;box-shadow:2px 2px 0 var(--ink);cursor:grab;transition:transform .15s,background .2s;touch-action:manipulation}.sx-it:hover{transform:translateY(-2px)}.sx-it.sel{background:var(--sun);transform:scale(1.06)}.sx-it.ok{background:var(--mint-soft);border-color:var(--mint-deep)}.sx-it.no{background:var(--coral-soft);border-color:var(--coral-deep);animation:shake .4s}.sx-bins{display:grid;gap:10px}.sx-bin{border:2.5px solid var(--ink);border-radius:16px;background:var(--c-soft,#fff);min-height:130px;display:flex;flex-direction:column;box-shadow:3px 3px 0 var(--ink);transition:transform .15s,background .2s;cursor:pointer;min-width:0}.sx-bin.over{transform:scale(1.02);background:var(--sun-soft)}.sx-bh{display:flex;gap:8px;align-items:center;font-family:var(--f-display);font-weight:800;font-size:.85rem;padding:8px 10px;border-bottom:2px solid var(--ink);background:#fff;border-radius:13px 13px 0 0}.sx-bh span{font-size:1.2rem}.sx-bh small{margin-left:auto;font-family:var(--f-mono);background:var(--ink);color:#fff;border-radius:999px;padding:0 7px;font-size:.7rem}.sx-bh small:empty{display:none}.sx-in{display:flex;flex-wrap:wrap;gap:6px;padding:8px;align-content:flex-start;flex:1}.sx-res{font-weight:800}@keyframes shake{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(12px,1.6vw,22px);align-items:start}.shs-f{margin-top:0}.shs-f .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shs-ph{display:flex;flex-wrap:wrap;gap:6px}.shs-ph button{width:40px;height:40px;border-radius:8px;border:1px solid #9FB7CC;background:#f3f6f9;font-size:20px}.shs-ph button[aria-pressed=true]{border:2px solid #116DFF;background:#eaf3ff}.shs-goal{display:grid;gap:6px;padding:10px 14px;font-size:.85rem}.shs-bar{display:grid;grid-template-columns:7.5em 1fr 3em;gap:8px;align-items:center;font-weight:800}.shs-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shs-bar i{height:12px;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:#fff}.shs-bar i b{display:block;height:100%;background:var(--coral);transition:width .4s var(--ease-pop)}.shs-bar.ok i b{background:var(--mint)}.shs-bar small{font-family:var(--f-mono);text-align:right}.shs-site{font-family:Arial,sans-serif;color:#141833;height:clamp(300px,48vh,460px);overflow:auto;background:#fff}.shs-nav{display:flex;align-items:center;gap:4px;padding:8px 10px;background:var(--sc);color:#fff;position:sticky;top:0;z-index:2;flex-wrap:wrap}.shs-nav b{font-family:Arial Black,Arial,sans-serif;margin-right:6px}.shs-nav .sp{flex:1}.shs-nav button{background:none;border:0;color:#fff;font:700 11.5px Arial,sans-serif;text-transform:uppercase;padding:4px 7px;border-radius:6px;opacity:.85}.shs-nav button.on{background:#ffffff38;opacity:1}.shs-page{padding:12px}.shs-page h4{margin:0 0 10px;font:900 18px Arial Black,Arial,sans-serif}.shs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px}.shs-card{border:1px solid #E1E6EE;border-radius:8px;overflow:hidden;display:grid;font-size:12px;animation:aPop .35s var(--ease-pop) both}.shs-card .im{height:70px;display:grid;place-items:center;font-size:34px;background:#f3f6f9}.shs-card span{padding:5px 7px 0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shs-card b{padding:0 7px 6px;color:#5e7487;font-weight:400}.mnu{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(12px,1.6vw,22px);align-items:start}.mnu-ed{display:grid;gap:8px;padding:12px 14px}.mnu-ed ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.mnu-ed li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:4px 6px 4px 8px;font-weight:800;font-size:.85rem;animation:aUp .25s var(--ease-out) both}.mnu-ed li ul{flex-basis:100%;padding-left:18px}.mnu-ed li li{border-width:1.5px;background:var(--sky-soft);font-size:.8rem}.mnu-ed .h{color:var(--muted)}.mnu-ed .nm{flex:1;min-width:0}.mnu-ed .nm input{width:100%;font:inherit;border:1.5px solid var(--sky);border-radius:6px;padding:1px 4px}.mnu-ed .mb{border:1.5px solid var(--ink);background:var(--paper);border-radius:7px;font-size:.72rem;font-weight:900;padding:2px 6px;line-height:1.2}.mnu-ed .mb:hover{background:var(--sun)}.mnu-ed .mb.x:hover{background:var(--coral);color:#fff}.mnu-ed .row input{flex:1;min-width:0;border:2px solid var(--ink);border-radius:10px;padding:6px 10px;font-weight:700}.mnu-site{font-family:Arial,sans-serif;color:#141833;background:#fff;height:clamp(300px,48vh,460px);overflow:auto}.mnu-top{display:flex;align-items:baseline;gap:8px;padding:10px 16px}.mnu-top .lg{font:italic 900 22px Georgia,serif;color:var(--sc)}.mnu-top small{background:var(--sc);color:#fff;font-size:10px;padding:1px 6px}.mnu-nav{display:flex;flex-wrap:wrap;justify-content:space-around;background:#f1f2f4;padding:4px 6px;position:relative;z-index:2}.mnu-nav .ni{position:relative}.mnu-nav button{background:none;border:0;font:700 11.5px Arial,sans-serif;text-transform:uppercase;color:#46506a;padding:8px;letter-spacing:.03em}.mnu-nav .on>button{color:var(--sc)}.mnu-nav .dd{position:absolute;left:50%;top:100%;transform:translate(-50%);background:#fff;box-shadow:0 6px 18px #0000002e;display:grid;min-width:130px;animation:aUp .2s var(--ease-out) both}.mnu-nav .dd button{text-transform:none;font-size:12px;padding:8px 12px;text-align:center}.mnu-nav .dd button:hover{background:#eaf1ff}.mnu-page{padding:14px}.mnu-hi{background:linear-gradient(160deg,#e9f0f7,#c9d8e6);padding:16px;text-align:center;border-radius:4px}.mnu-hi h4{margin:0 0 4px;font:italic 800 20px Georgia,serif}.mnu-hi p{margin:0 auto;font-size:12px;max-width:340px;color:#3a4560}.mnu-hi small{color:#5e7487}.mnu-go{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;padding:14px 4px}.mnu-go>div{display:grid;justify-items:center;gap:5px;font-size:12px;animation:aPop .35s var(--ease-pop) both}.mnu-go .cir{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#e7e9ff,#c9ccf7)}.mnu-go button{background:var(--sc);color:#fff;border:0;border-radius:999px;font:700 11px Arial;padding:4px 14px}.wxe{background:#fff;border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow-toy);overflow:hidden;font-family:Arial,sans-serif;font-size:12.5px;color:#162d3d;min-width:0}.wxe-top{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid #DFE5EB;white-space:nowrap;overflow:hidden}.wxe-top .sp{flex:1}.wxe-save{color:#116dff;font-weight:700}.wxe-pub{background:#116dff;color:#fff;border-radius:999px;padding:3px 12px;font-weight:700}.wxe-b{display:grid;grid-template-columns:40px 150px minmax(0,1fr) 150px;height:clamp(320px,50vh,470px)}.wxe-tools{background:#fff;border-right:1px solid #DFE5EB;display:grid;align-content:start;gap:6px;padding:8px 4px}.wxe-tools button{width:30px;height:30px;border-radius:50%;border:0;background:#116dff;color:#fff;font-weight:900;font-size:15px}.wxe-tools button:not(.on){background:#eaf3ff;color:#116dff}.wxe-panel{border-right:1px solid #DFE5EB;padding:8px;display:grid;align-content:start;gap:4px;overflow:auto;background:#fafbfc}.wxe-panel>b{font-size:12.5px;margin-bottom:4px}.wxe-add,.wxe-ly{display:flex;gap:7px;align-items:center;background:#fff;border:1px solid #DFE5EB;border-radius:6px;padding:6px 7px;font:12px Arial;text-align:left;cursor:grab;color:#162d3d}.wxe-add:hover,.wxe-ly:hover{border-color:#116dff;background:#eaf3ff}.wxe-add span,.wxe-ly span{width:20px;text-align:center;font-weight:900;color:#116dff}.wxe-ly{cursor:pointer}.wxe-ly.on{border-color:#116dff;background:#eaf3ff}.wxe-canvas{position:relative;background:#fff;background-image:linear-gradient(#F1F4F8 1px,transparent 1px),linear-gradient(90deg,#F1F4F8 1px,transparent 1px);background-size:20px 20px;overflow:hidden;touch-action:none}.wxe-canvas.over{outline:3px dashed #116DFF;outline-offset:-6px}.wxe-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:20px;color:#7a92a5;font-weight:700;pointer-events:none}.wxe-el{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;animation:aPop .3s var(--ease-pop) both}.wxe-el.sel{outline:2px solid #116DFF;outline-offset:2px}.wxe-el .tag{position:absolute;left:-2px;top:-20px;background:#116dff;color:#fff;font-size:10px;padding:1px 6px;border-radius:4px 4px 0 0;white-space:nowrap}.wxe-el .wh{display:block;font:900 clamp(16px,1.8vw,24px)/1.1 Arial Black,Arial,sans-serif}.wxe-el .wp{display:block;font-size:12.5px}.wxe-el .wb{display:block;color:#fff;text-align:center;border-radius:999px;padding:7px 10px;font-weight:700}.wxe-el .wi{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#fff1d6,#f3dfc1);font-size:44px;border-radius:4px}.wxe-el.k-strip{width:100%!important}.wxe-el .ws{display:block;height:110px}.wxe-el .wg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wxe-el .wg i{font-style:normal;display:grid;justify-items:center;background:#f3f6f9;border-radius:6px;padding:8px;font-size:28px}.wxe-el .wg small{font-size:10px}.wxe-ins{border-left:1px solid #DFE5EB;padding:10px;display:grid;align-content:start;gap:8px;background:#fafbfc;overflow:auto}.wxe-ins label{display:grid;gap:3px;font-size:11.5px;font-weight:700;color:#3b4f60}.wxe-ins input[type=text],.wxe-ins input:not([type]){border:1px solid #9FB7CC;border-radius:5px;padding:5px;font:12px Arial;min-width:0}.wxe-ins .lb{font-size:11.5px;font-weight:700;color:#3b4f60}.wxe-ins .sw{display:flex;flex-wrap:wrap;gap:5px}.wxe-ins .sw button{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #9fb7cc}.wxe-ins .sw button[aria-pressed=true]{box-shadow:0 0 0 2px #116dff}.dl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(12px,1.6vw,22px);align-items:start}.dl .lc{padding:8px 10px;gap:5px}.dl-pal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dl-pal button{display:flex;height:28px;border:2px solid var(--ink);border-radius:9px;overflow:hidden;padding:0;background:#fff}.dl-pal button i{flex:1}.dl-pal button[aria-pressed=true]{outline:3px solid var(--sun-deep);outline-offset:1px}.dl .chips button{font-size:.74rem}.dl-secs{display:grid;gap:3px}.dl-sec{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.8rem;border-radius:8px;padding:1px 4px;opacity:.6}.dl-sec.on{opacity:1;background:var(--mint-soft)}.dl-sec label{flex:1;display:flex;gap:6px;align-items:center}.dl-sec button{border:1.5px solid var(--ink);border-radius:6px;background:#fff;width:24px;height:22px;font-weight:900;line-height:1;padding:0}.dl-sec button:disabled{opacity:.3}.dl-score{margin-left:auto;font-size:.68rem;font-weight:800;border-radius:999px;padding:1px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.dl-score.ok{background:var(--mint);color:#06281b}.dl-score.warn{background:var(--sun)}.dl-site{background:var(--bg);color:var(--tx);font-family:var(--fb);height:clamp(320px,54vh,520px);overflow:auto;transition:background .3s,color .3s}.dl-site section{padding:12px 14px;animation:aUp .3s var(--ease-out) both}.dl-site h3,.dl-site h5,.dl-site .ds-nav b,.dl-site .ds-foot b{font-family:var(--fh)}.dl-site h5{margin:0 0 8px;font-size:14px}.ds-nav{display:flex;gap:12px;align-items:center;padding:9px 14px;font-size:11.5px;font-weight:700;border-bottom:1px solid color-mix(in srgb,var(--tx) 15%,transparent);position:sticky;top:0;background:var(--bg);z-index:2}.ds-nav b{color:var(--a);font-size:15px;margin-right:6px;font-style:italic}.ds-nav .sp{flex:1}.ds-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;align-items:center;background:var(--soft);min-height:150px}.ds-hero .tx{display:grid;gap:6px;justify-items:start}.ds-hero small{color:var(--a);font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.ds-hero h3{margin:0;font-size:clamp(16px,1.7vw,24px);line-height:1.15}.ds-hero .bt{background:var(--a);color:var(--bg);font-weight:800;font-size:11px;border-radius:999px;padding:5px 14px}.ds-hero .im{font-size:clamp(50px,6vw,84px);text-align:center}.ds-hero.h-center{grid-template-columns:1fr;text-align:center}.ds-hero.h-center .tx{justify-items:center}.ds-hero.h-center .im{display:none}.ds-hero.h-full{grid-template-columns:1fr;position:relative;background:linear-gradient(120deg,var(--a),color-mix(in srgb,var(--a) 40%,#000));color:#fff;overflow:hidden}.ds-hero.h-full .im{position:absolute;right:4%;top:50%;transform:translateY(-50%);font-size:110px;opacity:.35}.ds-hero.h-full small{color:#fff}.ds-hero.h-full .bt{background:#fff;color:#141833}.ds-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ds-cats span{background:var(--soft);border-radius:10px;padding:10px 6px;text-align:center;font-size:11.5px;font-weight:700}.ds-sale{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ds-sale div{border-radius:8px;padding:12px;color:#fff;display:grid}.ds-sale div:first-child{background:linear-gradient(120deg,#c61f1f,#f0533c)}.ds-sale div:last-child{background:linear-gradient(120deg,#5b2bc9,#9a6bff)}.ds-sale small{font-size:10px;opacity:.85}.ds-sale b{font-family:var(--fh);font-size:14px}.ds-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ds-top span{display:grid;justify-items:center;font-size:11px;font-weight:700;gap:4px}.ds-top i{font-style:normal;font-size:28px;background:var(--soft);border-radius:10px;width:100%;text-align:center;padding:8px 0}.ds-rev p{margin:0;font-size:12px}.ds-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:12px 14px;background:var(--tx);color:var(--bg);font-size:11px}.gb-pts{list-style:none;margin:0;padding:0;display:grid;gap:5px}.gb-pts li{display:flex;gap:8px;font-weight:700;font-size:.88rem;line-height:1.35}.gb-pts li:before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--ink);background:var(--mint);font-size:.75rem;font-weight:900}.gb-pts li.no:before{content:"✕";background:var(--coral);color:#fff}.wt .task{margin:0}.wst .ck{padding:6px 10px;font-size:.88rem}.wst .ck .box{width:24px;height:24px}.wst .ck-prog{height:16px}.wt-view{min-width:0}.wt-mock{display:grid;gap:8px}.wt-cap{display:inline-flex;gap:6px;align-items:center;font-weight:800;font-size:.82rem;color:var(--muted)}.wt-cap svg{width:18px;height:18px;color:var(--coral)}.wt-sol,.wt-view.sol .wt-mock{display:none}.wt-view.sol .wt-sol{display:grid;animation:aUp .35s var(--ease-out) both}.wt-view:not(:has(iframe)) .wt-mock{display:none}.wt-view:not(:has(iframe)) .wt-sol{display:grid}.brf{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(12px,1.6vw,22px);align-items:start}.brf-list{display:grid;gap:6px}.brf-list button{display:flex;gap:8px;align-items:center;text-align:left;border:2.5px solid var(--ink);border-radius:12px;background:#fff;padding:6px 10px;font-weight:800;font-size:.86rem;box-shadow:2px 2px 0 var(--ink);transition:transform .15s,background .2s}.brf-list button:hover{transform:translate(3px)}.brf-list button.on{background:var(--tc);color:#fff}.brf-list button span{font-size:1.2rem}.brf-list button small{margin-left:auto;font-family:var(--f-mono);font-size:.62rem;background:var(--sun);color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;padding:0 6px}.brf-list .rnd{background:var(--sun);justify-content:center}.brf-card{display:grid;gap:10px;padding:14px 16px}.brf-card.pop,.rm-card.pop{animation:aPop .4s var(--ease-pop) both}.brf-card h4,.rm-card h4{margin:0;display:flex;gap:8px;align-items:center;font-family:var(--f-display);font-size:1.05rem;flex-wrap:wrap}.rm-card h4 small{font-family:var(--f-body);font-size:.75rem;color:var(--muted)}.brf-tree{display:grid;gap:6px}.brf-tree>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.85rem}.brf-tree b{background:var(--ink);color:#fff;border-radius:8px;padding:2px 10px}.brf-tree span{display:flex;flex-wrap:wrap;gap:4px}.brf-tree i{font-style:normal;font-weight:700;background:var(--sky-soft);border:1.5px solid var(--ink);border-radius:999px;padding:0 8px;font-size:.78rem}.brf-url{display:inline-flex;gap:6px;align-items:center;font-family:var(--f-mono);font-size:.78rem;font-weight:700;color:var(--sky-deep);overflow-wrap:anywhere}.brf-url svg{width:16px;height:16px;flex:none}.pt-f{margin-top:0}.pt-out{display:grid;gap:6px;padding:14px 16px;font-size:.95rem;line-height:1.45}.pt-out p{margin:0}.pt-out mark{background:var(--sun);border-radius:4px;padding:0 3px;font-weight:800}.pt-out u{color:var(--muted);text-decoration-style:dashed}.rmap{display:grid;gap:12px}.rm-road{position:relative;height:clamp(200px,30vh,280px);border:2.5px solid var(--ink);border-radius:18px;background:#edebff;overflow:hidden;box-shadow:var(--shadow-toy)}.rm-road svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.rm-st{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;background:none;border:0;padding:0}.rm-st .n{width:38px;height:38px;border-radius:50%;background:var(--sc);border:3px solid #fff;box-shadow:0 0 0 2px var(--ink);display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:.8rem;transition:transform .2s var(--ease-pop)}.rm-st .t{background:#fff;border:2px solid var(--ink);border-radius:10px;padding:2px 8px;font-weight:800;font-size:.76rem;white-space:nowrap;box-shadow:2px 2px 0 var(--ink)}.rm-st:hover .n,.rm-st.on .n{transform:scale(1.25)}.rm-st.on .t{background:var(--sun)}.rm-card{display:grid;gap:8px;padding:12px 16px}@media (max-width:1100px){.wxe-b{grid-template-columns:40px 130px minmax(0,1fr)}.wxe-ins{display:none}.wxe-b:has(.wxe-el.sel) .wxe-ins{display:grid;grid-column:2/-1}}@media (max-width:900px){.wx-wrap,.wxe-wrap,.shs,.mnu,.dl,.brf{grid-template-columns:minmax(0,1fr)}.wx-body{grid-template-columns:150px minmax(0,1fr)}.wx-srch,.wx-up{display:none}.sx-bins{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wxe-b{grid-template-columns:36px 110px minmax(0,1fr)}}@media (max-width:600px){.wx-body{grid-template-columns:118px minmax(0,1fr);height:380px}.wx-it{padding:6px 8px;font-size:11.5px}.wx-it.l1{padding-left:20px}.wx-it.l2{padding-left:28px}.wx-it .ic{display:none}.wxe-b{grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto minmax(260px,1fr);height:auto}.wxe-panel{grid-column:2;display:flex;flex-wrap:wrap;border-right:0;border-bottom:1px solid #DFE5EB}.wxe-panel>b{display:none}.wxe-canvas{grid-column:1/-1;min-height:280px}.wxe-tools{grid-row:1}.wxe-b:has(.wxe-el.sel) .wxe-ins{grid-column:1/-1}.ds-cats,.ds-top{grid-template-columns:repeat(2,minmax(0,1fr))}.shs-f .two{grid-template-columns:1fr}.rm-st .t{font-size:.62rem;padding:1px 4px}.rm-st .n{width:28px;height:28px;font-size:.66rem}}.sd-links{display:grid;gap:8px}.sd-links a,.sd-links div{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:10px 14px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);text-decoration:none}.sd-links span{grid-row:1/3;font-size:1.8rem}.sd-links b{font-family:var(--f-mono);font-size:.9rem;color:var(--sky-deep)}.sd-links small{font-weight:700;color:var(--muted)}.sd-big{display:grid;place-items:center;text-align:center;gap:8px;background:var(--c-soft,var(--sun-soft));border:2.5px solid var(--ink);border-radius:22px;padding:22px;box-shadow:var(--shadow-toy);font-family:var(--f-display);font-weight:800;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.3}.sd-big .ic{font-size:clamp(3rem,6vw,5rem);line-height:1}.sd-vs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sd-vs>div{border:2.5px solid var(--ink);border-radius:16px;padding:12px;background:#fff;box-shadow:3px 3px 0 var(--ink);display:grid;gap:6px;align-content:start;font-weight:700;font-size:.86rem}.sd-vs>div b{font-family:var(--f-display);font-size:.95rem}.sd-vs>div>span{font-size:2rem}.sd-vs .no{opacity:.45;text-decoration:line-through}.sd-chat{background:#e6ebef;border:2.5px solid var(--ink);border-radius:18px;padding:12px;box-shadow:var(--shadow-toy);display:grid;gap:8px}.sd-chat .hd{font-weight:800;font-size:.8rem;color:var(--muted)}.sd-chat p{margin:0;background:#fff;border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:.84rem;line-height:1.45;box-shadow:0 1px 1px #0000001f}.sd-chat p.me{background:#e1ffc7;border-radius:14px 14px 4px;justify-self:end}.sd-flow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-weight:800}.sd-flow>span{background:#fff;border:2.5px solid var(--ink);border-radius:12px;padding:6px 12px;box-shadow:2px 2px 0 var(--ink)}.sd-flow i{font-style:normal;color:var(--coral-deep);font-size:1.3rem}@media (max-width:600px){.sd-vs{grid-template-columns:1fr}}.tagcards .front .tg{max-width:100%;overflow-wrap:anywhere;font-size:clamp(.85rem,1.25vw,1.2rem)}.mnu-ed>ul{max-height:clamp(200px,38vh,360px);overflow:auto;padding-right:4px}.dl-secs{grid-template-columns:1fr 1fr;gap:3px 6px}.dl-sec{font-size:.74rem}