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}}