@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-ext-600-normal-DDEJyoof.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-600-normal-BLVNc-Ct.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-600-normal-Ba_MyzgW.woff2)format("woff2"),url(/assets/caveat-cyrillic-600-normal-CqH0c_uj.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-ext-600-normal-DDJRD6ps.woff2)format("woff2"),url(/assets/caveat-latin-ext-600-normal-shBvSnoU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-ext-700-normal-CrK2-ngJ.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-700-normal-DjFGiEhD.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-700-normal-BIyejhEL.woff2)format("woff2"),url(/assets/caveat-cyrillic-700-normal-Bhcx9qBB.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-ext-700-normal-DFbRgDry.woff2)format("woff2"),url(/assets/caveat-latin-ext-700-normal-DjJQd59I.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-cyrillic-ext-wght-normal-C5IA4B3w.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-cyrillic-wght-normal-C3g4RRlc.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-vietnamese-wght-normal-0TYE14Fi.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-latin-ext-wght-normal-CkCuiz5d.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-latin-wght-normal-B8jqu5lV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-ext-400-normal-C_uLvvQ5.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-ext-400-normal-Bh0R7Dhr.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-greek-400-normal-C190GLew.woff2)format("woff2"),url(/assets/jetbrains-mono-greek-400-normal-B9oWc5Lo.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-vietnamese-400-normal-ByoDsISC.woff2)format("woff2"),url(/assets/jetbrains-mono-vietnamese-400-normal-CqNFfHCs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-ext-400-normal-fXTG6kC5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fcfaf5;--paper-2:#fff;--ink:#2a2620;--pencil:#6f6857;--faint:#d8d1c1;--blue:#2f5bd3;--red:#d9472f;--green:#2f9e5b;--hl:#ffde59bf;--hl-pink:#ff92ba99;--hl-green:#8ce296a6;--hl-orange:#ffb2669e;--hl-purple:#c4a0ff8c;--hl-cyan:#6ed6e68c;--hl-blue:#8cbeff80;--tape:#ffeca0b3;--note-yellow:#fff3a8;--note-pink:#ffd3e2;--note-blue:#d6e8ff;--note-green:#d7f5d9;--note-orange:#ffe2c4;--grid:#6ea0d214;--shadow:#2a2620cc;--hand:"Caveat", "Comic Sans MS", cursive;--text:"Shantell Sans Variable", "Comic Sans MS", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--wob:255px 15px 225px 15px / 15px 225px 15px 255px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{color:var(--ink);font:17px/1.65 var(--text);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:28px 28px;margin:0;overflow-x:clip}a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{text-decoration-style:wavy}img{max-width:100%;height:auto}:focus-visible{outline:2.5px dashed var(--blue);outline-offset:3px}.small{font-size:14px}svg use{pointer-events:none}kbd{font:13px var(--mono);border:1.5px solid var(--ink);background:var(--paper-2);white-space:nowrap;border-bottom-width:3px;border-radius:6px;padding:1px 6px}code{font:14.5px var(--mono);background:var(--hl);border-radius:4px;padding:1px 6px}.print,.code,.dl,.try,.dl-card,.float-dl,.nav-dl,.steps li,.privacy-card,.band,.platforms li,.ghost,.link-card,.new-pill,.table-wrap,.ver{border:2px solid var(--ink);border-radius:var(--wob)}.progress{z-index:60;pointer-events:none;height:4px;position:fixed;inset:0 0 auto}.progress span{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--p,0));background:var(--red);opacity:.85;border-radius:0 3px 3px 0;display:block}.top{z-index:50;background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px dashed var(--faint);justify-content:space-between;align-items:center;gap:16px;padding:10px max(16px,50% - 620px);transition:box-shadow .3s;display:flex;position:sticky;top:0}.scrolled .top{box-shadow:0 6px 18px -14px #2a262080}.brand{font:700 30px/1 var(--hand);color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{transition:transform .4s var(--ease);border-radius:8px}.brand:hover img{transform:rotate(-10deg)scale(1.06)}.top nav{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.top nav a{color:var(--ink);white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:16px;font-weight:500;text-decoration:none}.top nav a:not(.nav-dl):not(.gh):hover{background:var(--hl)}.top nav .gh{align-items:center;gap:6px;display:inline-flex}.top nav .gh:hover{background:var(--hl-blue)}.nav-dl{background:var(--hl);box-shadow:2px 3px 0 var(--shadow);align-items:center;gap:6px;margin-left:6px;transition:transform .15s,box-shadow .15s;font-weight:700!important;display:inline-flex!important}.nav-dl svg{width:18px;height:18px}.nav-dl:hover{box-shadow:3px 4px 0 var(--shadow);text-decoration:none;transform:translate(-1px,-1px)rotate(-1deg)}@media (max-width:960px){.top nav a:not(.gh):not(.nav-dl){display:none}}@media (max-width:480px){.top nav .gh span{display:none}.brand{font-size:26px}}main{padding:0 16px}.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:24px clamp(24px,4vw,56px);max-width:1280px;margin:0 auto;padding-top:clamp(26px,4vw,52px);display:grid}.hero-copy{min-width:0}.new-pill{background:var(--note-yellow);color:var(--ink);box-shadow:2px 3px 0 var(--shadow);transition:transform .2s var(--ease);align-items:center;gap:10px;margin:0 0 20px;padding:6px 14px 6px 8px;font-size:15px;text-decoration:none;display:inline-flex;transform:rotate(-1.5deg)}.new-pill:hover{text-decoration:none;transform:rotate(0)translateY(-2px)}.new-pill b{font:700 12.5px/1 var(--text);letter-spacing:.06em;text-transform:uppercase;background:var(--red);color:#fff;border-radius:8px 3px;padding:5px 8px 4px}h1{font:700 clamp(56px, 7.4vw, 108px)/.92 var(--hand);letter-spacing:.5px;margin:0}h1 .h1-a{display:block}.scribble{display:inline-block;position:relative}.scribble:after{content:"";clip-path:inset(0 100% 0 0);height:.16em;min-height:12px;transition:clip-path 1s .5s var(--ease);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'%3E%3Cpath d='M3 12 C 60 4, 120 16, 180 9 S 270 6, 297 11' fill='none' stroke='%23d9472f' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;position:absolute;bottom:-4px;left:-4%;right:-4%}.in .scribble:after,.scribble.in:after,.in.scribble:after{clip-path:inset(0)}.lead{max-width:620px;margin:20px 0 0;font-size:clamp(17px,1.7vw,21px);line-height:1.55}mark{--c:var(--hl);background:linear-gradient(104deg, transparent 2%, var(--c) 4%, var(--c) 96%, transparent 98%);color:inherit;border-radius:4px;padding:0 4px}mark.m-blue{--c:var(--hl-blue)}mark.m-pink{--c:var(--hl-pink)}mark.m-green{--c:var(--hl-green)}mark.m-orange{--c:var(--hl-orange)}mark.m-cyan{--c:var(--hl-cyan)}.hero-cta{flex-wrap:wrap;align-items:center;gap:14px 20px;margin:26px 0 0;display:flex}.ghost{font:600 17px var(--text);color:var(--ink);background:var(--paper-2);box-shadow:2px 3px 0 var(--shadow);padding:10px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s}.ghost:hover{box-shadow:3px 5px 0 var(--shadow);text-decoration:none;transform:translate(-1px,-2px)rotate(.6deg)}.trust{color:var(--pencil);flex-wrap:wrap;gap:4px 20px;margin:20px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.trust li:before{content:"✓ ";color:var(--red);font-weight:700}.hero-art{min-width:0;margin:0}@media (max-width:980px){.hero{text-align:center;grid-template-columns:1fr}.lead{margin-inline:auto}.hero-cta,.trust{justify-content:center}}.morph{vertical-align:bottom;display:inline-grid}.morph>*{grid-area:1/1;justify-self:start}.w-one{transition:opacity .45s .55s, transform .55s .55s var(--ease), filter .45s .55s;position:relative}.w-one:after{content:"";background:var(--red);transform-origin:0;height:.09em;transition:transform .35s .1s var(--ease);border-radius:4px;position:absolute;top:54%;left:-6%;right:-6%;transform:rotate(-4deg)scaleX(0)}.w-twin{clip-path:inset(-20% 100% -20% 0);transition:clip-path .7s cubic-bezier(.5,0,.3,1) 1s}.morph:first-child{width:var(--w1,1.32em);transition:width .6s .9s var(--ease)}.gap{width:.22em;transition:width .5s 1.25s var(--ease);display:inline-block}.w-d,.w-D{transition:opacity .35s 1.35s, transform .45s 1.35s var(--ease)}.w-D{opacity:0;transform:translateY(-.3em)rotate(-8deg)}h1.morphed .w-one:after{transform:rotate(-4deg)scaleX(1)}h1.morphed .w-one{opacity:0;filter:blur(2px);transform:translateY(-.45em)rotate(-10deg)scale(.85)}h1.morphed .w-twin{clip-path:inset(-20% -10% -20% 0)}h1.morphed .morph:first-child{width:var(--w2,1.82em)}h1.morphed .gap{width:.035em}h1.morphed .w-d{opacity:0;transform:translateY(.3em)}h1.morphed .w-D{opacity:1;transform:none}h1.morphed .scribble:after{transition-delay:1.6s}.dl{color:var(--ink);background:var(--paper-2);box-shadow:3px 4px 0 var(--shadow);transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .2s;align-items:center;gap:12px;padding:10px 22px 10px 16px;text-decoration:none;display:inline-flex}.dl:hover{box-shadow:5px 7px 0 var(--shadow);text-decoration:none;transform:translate(-1px,-3px)rotate(-.8deg)}.dl:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}.dl>span{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.3;display:flex}.dl b{font-size:18px}.dl small{color:var(--pencil);font-size:13.5px}.dl-ico{width:30px;height:30px;fill:var(--ink);color:var(--ink);flex:none}.dl-main{background:var(--hl);padding:13px 28px 13px 20px;position:relative}.dl-main b{font-size:22px}.dl-main small{color:#2a2620bf}.dl-main .dl-ico{animation:2.4s ease-in-out 3s infinite nudge}@keyframes nudge{0%,70%,to{transform:translateY(0)}80%{transform:translateY(4px)}90%{transform:translateY(-1px)}}.platforms{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;max-width:1040px;margin:8px auto 0;padding:0;list-style:none;display:grid}.platforms li{background:var(--paper-2);transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .2s;border-width:1.5px}.platforms li a{color:var(--pencil);text-align:left;align-items:center;gap:12px;padding:10px 14px;font-size:14.5px;line-height:1.3;text-decoration:none;display:flex}.platforms li:hover{box-shadow:3px 4px 0 var(--shadow);background:color-mix(in srgb, var(--hl) 45%, var(--paper-2));transform:translateY(-3px)rotate(-1deg)!important}.platforms .chip-dl{border:1.5px dashed var(--pencil);width:30px;height:30px;color:var(--ink);border-radius:50%;place-items:center;margin-left:auto;display:grid}.platforms .chip-dl svg{fill:none;width:17px;height:17px}.platforms li:hover .chip-dl{background:var(--paper-2);border:1.5px solid var(--ink)}.platforms li b{color:var(--ink);font-size:17px;display:block}.platforms svg,.pi{width:30px;height:30px;fill:var(--ink);color:var(--ink);flex:none}.platforms li:first-child{--r:-1deg}.platforms li:nth-child(2){--r:.8deg}.platforms li:nth-child(3){--r:-.6deg}.platforms li:nth-child(4){--r:1.1deg;background:var(--note-green)}@media (max-width:760px){.platforms{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.platforms li a{gap:8px;padding:8px 10px}.platforms .chip-dl{display:none}}.strip{text-align:center;max-width:1180px;margin:0 auto;padding:clamp(90px,11vw,140px) 0 0}.strip-h{font:700 clamp(34px, 5vw, 60px)/1.08 var(--hand);margin:0}.strike{white-space:nowrap;position:relative}@media (max-width:560px){.strike{white-space:normal}}.strike:after{content:"";background:var(--red);transform-origin:0;height:6px;transition:transform .7s .6s var(--ease);opacity:.85;border-radius:4px;position:absolute;top:52%;left:-2%;right:-2%;transform:rotate(-1.5deg)scaleX(0)}.in .strike:after{transform:rotate(-1.5deg)scaleX(1)}.panels{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.6vw,30px);margin:48px 0 0;display:grid}.panel-c{background:var(--paper-2);border:2.5px solid var(--ink);box-shadow:4px 5px 0 var(--shadow);text-align:left;border-radius:6px;margin:0;padding:10px 10px 14px}.panel-c:first-child{--r:-1.2deg}.panel-c:nth-child(2){--r:.8deg}.panel-c:nth-child(3){--r:-.6deg}.panel-c>svg{width:100%;height:auto;display:block}.panel-c figcaption{padding:10px 6px 0;font-size:15.5px;line-height:1.45}.panel-c figcaption b{font:700 26px/1.1 var(--hand);display:block}.pbg{fill:#fdf1dc}.pdesk{fill:#f0d29a;stroke:var(--ink);stroke-width:3px}.panel-c .kb rect,.panel-c .lap rect,.panel-c .buzz>rect:first-child{fill:#e8e2d4;stroke:var(--ink);stroke-width:3px}.panel-c .kb path,.panel-c .lap path{stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;fill:none}.panel-c .ms ellipse{fill:#fff;stroke:var(--ink);stroke-width:3px}.panel-c .q{font:700 30px var(--hand);fill:var(--red)}.panel-c .trail{fill:none;stroke:var(--pencil);stroke-width:2.5px;stroke-dasharray:7 7}.panel-c .env rect{fill:#fff;stroke:var(--ink);stroke-width:3px}.panel-c .env path{fill:none;stroke:var(--ink);stroke-width:2.5px}.panel-c .lit{fill:#8fd3ff;stroke:var(--ink);stroke-width:2px}.panel-c .zz{stroke:var(--red);stroke-width:3px;stroke-linecap:round;fill:none}.strip-fix{font:700 clamp(48px, 7.4vw, 92px)/1 var(--hand);color:var(--blue);--r:-2deg;margin:56px 0 0}.strip-sub{color:var(--pencil);max-width:640px;margin:14px auto 0;font-size:clamp(17px,1.9vw,20px)}@media (max-width:820px){.panels{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}.chapter{max-width:1320px;margin:0 auto;padding:clamp(100px,12vw,160px) 0 0}.chapter-head{text-align:center;max-width:840px;margin:0 auto clamp(30px,5vw,56px)}.chapter-no{font:700 25px/1 var(--hand);color:var(--red);margin-bottom:10px;display:inline-block;transform:rotate(-3deg)}h2{font:700 clamp(42px, 6.2vw, 72px)/1.02 var(--hand);margin:0 0 16px}.chapter-head p{margin:0;font-size:clamp(17px,1.9vw,20px)}.hl{--c:var(--hl);background:linear-gradient(176deg, transparent 52%, var(--c) 53%, var(--c) 88%, transparent 90%) 0 0 / 0% 100% no-repeat;transition:background-size .9s .25s var(--ease);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 8px}.in .hl,.in.hl{background-size:100% 100%}.hl-blue{--c:var(--hl-blue)}.hl-green{--c:var(--hl-green)}.hl-orange{--c:var(--hl-orange)}.hl-pink{--c:var(--hl-pink)}.hl-purple{--c:var(--hl-purple)}.hl-yellow{--c:var(--hl)}.story{grid-template-columns:minmax(0,1fr) minmax(0,1.85fr);align-items:start;gap:clamp(24px,3.5vw,52px);display:grid}.story-stage{grid-area:1/2;margin:0;position:sticky;top:calc(50vh - min(29vw,360px) + 30px)}.steps-col{grid-area:1/1;padding:6vh 0 18vh}.step{opacity:.28;min-height:72vh;transition:opacity .45s var(--ease), transform .45s var(--ease);flex-direction:column;justify-content:center;display:flex;transform:translate(-6px)}.step.on{opacity:1;transform:none}.step:first-child{min-height:60vh}.f-kicker{font:700 24px/1 var(--hand);color:var(--pencil);margin-bottom:8px;display:inline-block}.step h3{margin:0 0 12px;font-size:clamp(22px,2.3vw,30px);line-height:1.22}.step h3 .t{--c:var(--hl);background:linear-gradient(178deg, transparent 58%, var(--c) 59%, var(--c) 92%, transparent 94%) 0 0 / 0% 100% no-repeat;transition:background-size .8s .2s var(--ease);-webkit-box-decoration-break:clone;box-decoration-break:clone}.step.on h3 .t{background-size:100% 100%}[data-story=phone] .step h3 .t{--c:var(--hl-green)}.step p{margin:0}.try-link{font:700 26px var(--hand);color:var(--blue);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:14px;padding:0}.try-link:hover{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}@media (max-width:900px){.story{grid-template-columns:1fr;gap:0}.story-stage{z-index:3;background:linear-gradient(var(--paper) 88%, transparent);grid-column:1;padding:6px 0 10px;position:sticky;top:62px}.steps-col{grid-area:2/1;padding:2vh 0 10vh}.step{background:var(--paper-2);border:2px solid var(--ink);min-height:62vh;box-shadow:3px 4px 0 var(--shadow);opacity:1;border-radius:14px 6px 16px;justify-content:flex-start;min-height:0;margin:0 0 8vh;padding:22px 18px;transform:none}.steps-col:after{content:"";height:30vh;display:block}}.minis{grid-template-columns:repeat(4,1fr);gap:16px;margin:clamp(40px,6vw,70px) 0 0;padding:0;list-style:none;display:grid}.minis li{background:var(--paper-2);border:1.5px dashed var(--pencil);transition:transform .2s var(--ease), border-color .2s, background .2s;border-radius:14px 6px 16px 5px;padding:16px 16px 18px;font-size:15px;line-height:1.5}.minis li:hover{border-style:solid;border-color:var(--ink);background:color-mix(in srgb, var(--note-yellow) 50%, white);transform:translateY(-3px)rotate(-.6deg)}.minis svg{width:40px;height:40px;display:block}.minis b{font:700 25px/1.1 var(--hand);margin:6px 0 4px;display:block}.minis code{font-size:13px}@media (max-width:1000px){.minis{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.minis{grid-template-columns:1fr}}.band{background:var(--note-yellow);max-width:1060px;box-shadow:5px 6px 0 var(--shadow);--r:-.6deg;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 30px;margin:clamp(60px,8vw,100px) auto 0;padding:24px clamp(20px,4vw,40px);display:flex}.band-green{background:var(--note-green);--r:.6deg}.band-t{font:700 clamp(30px, 3.4vw, 40px)/1.05 var(--hand);margin:0}.band-t span{color:var(--blue);display:block}.band-btns{flex-wrap:wrap;gap:12px;display:flex}.small-dl{padding:8px 16px 8px 12px}.small-dl b{font-size:17px}.small-dl .dl-ico{width:26px;height:26px}.small-dl.mine{background:var(--hl)}@media (max-width:600px){.band{text-align:center;flex-direction:column}.band-btns{justify-content:center}}.links{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.link-card{background:var(--paper-2);box-shadow:3px 4px 0 var(--shadow);flex-direction:column;padding:14px 14px 16px;display:flex}.link-card:nth-child(odd){--r:-.7deg}.link-card:nth-child(2n){--r:.7deg}.link-card h3{font:700 28px/1 var(--hand);margin:12px 0 6px}.link-card p{flex:1;margin:0 0 12px;font-size:15px;line-height:1.45}.pill{font:600 13px/1 var(--text);background:var(--hl-green);border:1.5px solid var(--ink);border-radius:999px;align-self:flex-start;padding:6px 10px}.link-card[data-link=ble] .pill{background:var(--hl-blue)}.link-card[data-link=direct] .pill{background:var(--hl)}.link-card[data-link=hotspot] .pill{background:var(--hl-orange)}.link-card[data-link=usb] .pill{background:var(--hl-purple)}@media (max-width:1100px){.links{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.links{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.links{grid-template-columns:1fr}}.table-wrap{background:var(--paper-2);max-width:900px;box-shadow:4px 5px 0 var(--shadow);margin:40px auto 0;padding:10px 16px 14px;overflow-x:auto}.what{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}.what caption{font:700 28px var(--hand);text-align:left;padding:4px 4px 8px}.what th,.what td{border-bottom:1.5px dashed var(--faint);text-align:center;padding:8px 10px}.what thead th{color:var(--pencil);font-size:14px;font-weight:700}.what tbody th{text-align:left;font-weight:500}.what td{color:var(--green);font-size:18px;font-weight:700}.what td.moves{color:var(--pencil);font:600 20px var(--hand)}.what tr:last-child th,.what tr:last-child td{border-bottom:0}.try-sec{max-width:1200px;margin:0 auto;padding:clamp(100px,12vw,160px) 0 0;scroll-margin-top:60px}.print{background:var(--paper-2);box-shadow:5px 6px 0 var(--shadow);margin:0;padding:12px;position:relative}.stage{aspect-ratio:1600/672;background:#e9dcc6;border-radius:6px;position:relative;overflow:hidden}.poster,.gl,.gl canvas{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.gl{opacity:0}.print.live .gl{opacity:1;transition:opacity .8s}.print.live .poster{opacity:0;transition:opacity .8s}.tape{background:var(--tape);z-index:2;width:110px;height:30px;position:absolute;top:-12px;box-shadow:0 1px 2px #00000014}.tape.tl{left:26px;transform:rotate(-5deg)}.tape.tr{right:26px;transform:rotate(4deg)}.device-spot{z-index:1;background:0 0;border:0;border-radius:12px;padding:0;display:block;position:absolute}button.device-spot{cursor:pointer}.device-spot.spot-mac{width:21%;height:47%;top:48%;left:21%}.device-spot.spot-pc{width:30%;height:62%;top:12%;left:45%}.device-spot.spot-tab{width:17%;height:27%;top:50%;left:77%}.device-spot.spot-phone{width:7%;height:28%;top:62%;left:10.5%}.device-spot>span{opacity:0;white-space:nowrap;font:700 26px/1 var(--hand);color:#fff7d6;text-shadow:0 2px 8px #000000d9,0 0 2px #0009;pointer-events:none;transition:opacity .2s,transform .25s;position:absolute;bottom:-6px;left:50%;transform:translate(-50%,6px)rotate(-2deg)}.device-spot:hover>span,.device-spot:focus-visible>span,.print[data-hover=mac] .spot-mac>span,.print[data-hover=pc] .spot-pc>span,.print[data-hover=tab] .spot-tab>span,.print[data-hover=phone] .spot-phone>span{opacity:1;transform:translate(-50%)rotate(-2deg)}.print.live .device-spot{pointer-events:none}.print.live .device-spot:focus-visible{pointer-events:auto}.try-note{font:700 28px/1 var(--hand);color:var(--red);pointer-events:none;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:-58px;left:26px;transform:rotate(-2deg)}.try-note .arrow{width:74px;height:50px;margin-bottom:12px}.demo-only-desktop{z-index:60;max-width:calc(100% - 32px);font:600 16px var(--text);color:var(--ink);background:var(--hl);box-shadow:3px 4px 0 var(--shadow);text-align:center;margin:0;padding:12px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)rotate(-1deg)}.demo-only-desktop.show{animation:note-in .3s var(--ease) both}@keyframes note-in{0%{opacity:0;transform:translate(-50%,16px)rotate(-1deg)}}.try-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:76px 0 0;display:flex}.try{font:600 16px var(--text);background:var(--hl-blue);color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--shadow);padding:8px 18px;transition:transform .15s}.try:nth-child(3),.try:nth-child(4){background:var(--hl-green)}.try:hover{transform:rotate(-1deg)translateY(-2px)}.readme{max-width:1000px;margin:0 auto;padding:clamp(100px,12vw,150px) 0 0}.readme>h2{text-align:center}.steps{grid-template-columns:repeat(3,1fr);gap:26px;margin:40px 0 0;padding:0;list-style:none;display:grid}.steps li{background:var(--paper-2);box-shadow:3px 4px 0 var(--shadow);padding:26px 22px 22px;position:relative}.steps li:first-child{--r:-.8deg}.steps li:nth-child(2){--r:.8deg}.steps .num{width:54px;height:54px;font:700 38px/1 var(--hand);background:var(--hl);border:2px solid var(--ink);border-radius:50% 45% 52% 48%;place-items:center;display:grid;position:absolute;top:-26px;left:18px;transform:rotate(-8deg)}.steps li:nth-child(2) .num{background:var(--hl-pink)}.steps li:nth-child(3) .num{background:var(--hl-green)}.st-ico{width:44px;height:44px;position:absolute;top:14px;right:16px}.steps h3{font:700 30px/1 var(--hand);margin:12px 0 6px}.steps p{margin:0;font-size:16px}.steps li:not(:last-child):after{content:"→";font:700 30px var(--hand);color:var(--red);position:absolute;top:40%;right:-24px}.aside-note{color:var(--pencil);text-align:center;max-width:720px;margin:28px auto 0;font-size:15px}@media (max-width:760px){.steps{grid-template-columns:1fr;gap:40px}.steps li:after{display:none}}.privacy-card{background:var(--paper-2);box-shadow:5px 6px 0 var(--shadow);align-items:center;gap:clamp(20px,4vw,40px);padding:clamp(22px,4vw,36px);display:flex}.privacy-card h2{margin:0 0 8px;font-size:clamp(38px,5vw,56px)}.privacy-card p{margin:0}.seal{text-align:center;width:132px;height:132px;font:700 30px/1 var(--hand);color:var(--blue);border:3px dashed var(--blue);background:var(--hl-blue);border-radius:50%;flex:none;place-items:center;display:grid;transform:rotate(10deg)}@media (max-width:600px){.privacy-card{text-align:center;flex-direction:column}}.download{text-align:center;max-width:1080px;margin:0 auto;padding:clamp(100px,13vw,160px) 0 0;scroll-margin-top:40px}.download h2{margin:0;font-size:clamp(56px,9vw,110px)}.dl-sub{margin:14px 0 0;font-size:clamp(17px,2vw,21px)}.dl-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 0;display:grid}.dl-card{color:var(--ink);background:var(--paper-2);box-shadow:3px 4px 0 var(--shadow);transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .2s;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:18px 20px 16px;text-decoration:none;display:grid;position:relative}.dl-card .pi{grid-row:span 2;width:38px;height:38px}.dl-card b{font-size:19px;line-height:1.2}.dl-card small{color:var(--pencil);font-size:13.5px;line-height:1.35}.dl-card .go{font:700 23px/1 var(--hand);color:var(--blue);grid-column:1/-1;align-items:center;gap:6px;margin-top:14px;display:inline-flex}.dl-card .go svg{width:20px;height:20px}.dl-card:hover{box-shadow:5px 8px 0 var(--shadow);background:color-mix(in srgb, var(--hl) 35%, var(--paper-2));text-decoration:none;transform:translate(-1px,-4px)rotate(-.8deg)}.dl-card:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}.dl-card.mine{background:var(--hl);order:-1}.dl-card.mine:after{content:"for this device";font:700 20px/1 var(--hand);color:#fff;background:var(--red);border-radius:10px 4px;padding:4px 10px 5px;position:absolute;top:-14px;right:14px;transform:rotate(3deg)}.dl-note{color:var(--pencil);margin:26px 0 0;font-size:15px}.works{flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:26px 0 0;display:flex}.works span{border:1.5px dashed var(--pencil);color:var(--pencil);background:var(--paper-2);border-radius:12px 4px;align-items:center;gap:4px;padding:6px 12px;font-size:14.5px;display:inline-flex}.works span.hot{background:var(--note-green);border-style:solid;border-color:var(--ink);color:var(--ink)}.works svg{width:18px;height:18px;fill:var(--ink)}@media (max-width:860px){.dl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.dl-grid{grid-template-columns:1fr}}.log{gap:20px;margin:40px 0 0;padding:0 0 0 34px;list-style:none;display:grid;position:relative}.log:before{content:"";border-left:3px dashed var(--faint);position:absolute;top:10px;bottom:10px;left:12px}.ver{background:var(--paper-2);box-shadow:3px 4px 0 var(--shadow);padding:14px 20px;position:relative}.ver:before{content:"";background:var(--paper-2);border:3px solid var(--ink);border-radius:50%;width:16px;height:16px;position:absolute;top:20px;left:-30px}.ver.latest{background:color-mix(in srgb, var(--note-yellow) 55%, white);padding:20px 24px 22px}.ver.latest:before{background:var(--red);width:20px;height:20px;left:-32px}.ver-head,.ver summary{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.tag{font:700 15px var(--mono);background:var(--hl-purple);border:1.5px solid var(--ink);border-radius:8px;padding:2px 9px}.ver.latest .tag{background:var(--hl);font-size:17px}.ver time{font:600 22px/1 var(--hand);color:var(--pencil)}.badge{font:700 12px/1 var(--text);text-transform:uppercase;letter-spacing:.06em;background:var(--red);color:#fff;border-radius:6px 3px;padding:5px 8px 4px}.ver h3{font:700 clamp(26px, 3vw, 34px)/1.1 var(--hand);margin:12px 0 6px}.ver-cols{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ver h4{margin:12px 0 4px;font-size:16px}.ver ul{margin:0;padding-left:18px;font-size:14.5px;line-height:1.5}.ver li{margin-bottom:4px}.ver summary{cursor:pointer;list-style:none}.ver summary::-webkit-details-marker{display:none}.ver summary .sum{flex:260px;font-size:15.5px}.ver summary:after{content:"+";font:700 26px/1 var(--hand);color:var(--red);margin-left:auto}.ver details[open] summary:after{content:"−"}.ver details ul{margin-top:10px}@media (max-width:860px){.ver-cols{grid-template-columns:1fr;gap:4px}}.hood details{border-top:2px dashed var(--faint);border-bottom:2px dashed var(--faint);padding:8px 0}.hood summary{cursor:pointer;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 16px;padding:14px 0;list-style:none;display:flex}.hood summary::-webkit-details-marker{display:none}.hood summary h2{margin:0;font-size:clamp(36px,5vw,52px)}.hood summary h2:after{content:" +";color:var(--red)}.hood details[open] summary h2:after{content:" −"}.hood .hl{background-size:100% 100%}.sum-hint{font:600 23px var(--hand);color:var(--pencil)}.hood h3.sub{font:700 34px var(--hand);margin:40px 0 10px}.codes{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;margin-bottom:22px;display:grid}.code{background:var(--paper-2);box-shadow:3px 4px 0 var(--shadow);padding:12px 16px 14px;position:relative}.code-title{font:700 22px var(--hand);margin-bottom:4px}.code pre{margin:0;overflow-x:auto}.code pre code{background:0 0;padding:0;font-size:13.5px;line-height:1.6}.copy{font:600 18px var(--hand);color:var(--blue);cursor:pointer;background:0 0;border:0;position:absolute;top:10px;right:12px}.float-dl{z-index:40;background:var(--hl);color:var(--ink);box-shadow:3px 4px 0 var(--shadow);opacity:0;transition:transform .45s var(--ease), opacity .3s;align-items:center;gap:10px;padding:8px 16px 8px 10px;text-decoration:none;display:flex;position:fixed;bottom:18px;right:max(16px,50% - 620px);transform:translateY(140%)rotate(2deg)}.float-dl.show{opacity:1;transform:none}.float-dl:hover{text-decoration:none;transform:translateY(-2px)rotate(-1deg)}.float-dl img{border-radius:7px}.float-dl>span{flex-direction:column;line-height:1.2;display:flex}.float-dl b{font-size:16px}.float-dl small{color:#2a2620bf;font-size:12.5px}.float-dl svg{width:22px;height:22px}@media (max-width:560px){.float-dl{justify-content:center;left:16px;right:16px}}body.demo-on .float-dl{display:none}.foot{border-top:2px dashed var(--faint);max-width:1000px;color:var(--pencil);text-align:center;margin:110px auto 0;padding:0 16px 90px}.foot-char{background:var(--paper);width:90px;height:auto;margin:-46px auto 6px;display:block}.foot p{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:6px 0;display:flex}.foot img{border-radius:5px}body.demo-on .top,body.demo-on .progress{visibility:hidden}.js .rv{opacity:0;transform:translateY(34px) rotate(calc(var(--r,0deg) + 1.6deg)) scale(.985);transition:opacity .8s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}.js .rv.in{opacity:1;transform:rotate(var(--r,0deg))}.rv:not(.js *){transform:rotate(var(--r,0deg))}.js .new-pill.rv.in{transform:rotate(-1.5deg)}.js .new-pill.rv.in:hover{transform:rotate(0)translateY(-2px)}#intro{z-index:9999;background:var(--paper);place-items:center;animation:.6s 4s forwards si-out;display:grid;position:fixed;inset:0}#intro svg{width:min(46vw,250px);height:auto;overflow:visible}.stage-intro .w{transform-box:fill-box;transform-origin:50%}.stage-intro .wa{animation:.8s cubic-bezier(.2,.9,.25,1.12) .1s both si-wa}.stage-intro .wb{animation:.8s cubic-bezier(.2,.9,.25,1.12) .22s both si-wb}.stage-intro .bg{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.3,1.5,.6,1) .8s both si-bg}.stage-intro .cur{transform-box:fill-box;transform-origin:20% 10%;animation:.4s cubic-bezier(.3,1.6,.6,1) 1.05s both si-cur}.stage-intro .name{font:700 44px var(--hand);fill:var(--ink);animation:.4s 1.15s both si-name}@keyframes si-wa{0%{opacity:0;transform:translate(-320px,-60px)rotate(-200deg)scale(.6)}}@keyframes si-wb{0%{opacity:0;transform:translate(320px,60px)rotate(200deg)scale(.6)}}@keyframes si-bg{0%{opacity:0;transform:scale(.3)rotate(-20deg)}}@keyframes si-cur{0%{opacity:0;transform:translate(30px,-70px)scale(1.8)}}@keyframes si-name{0%{opacity:0;transform:translateY(10px)}}@keyframes si-out{to{opacity:0;visibility:hidden}}.ready #intro{animation:.6s cubic-bezier(.6,0,.3,1) forwards si-leave}@keyframes si-leave{to{opacity:0;visibility:hidden;transform:scale(1.06)}}html.js:not(.ready) .hero .rv{transition:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}#intro{display:none}.js .rv{opacity:1;transform:rotate(var(--r,0deg))}.hl,.step h3 .t{background-size:100% 100%}.scribble:after{clip-path:none}.strike:after{transform:rotate(-1.5deg)}.w-one{opacity:0}.w-twin{clip-path:none}.gap{width:.035em}.w-d{opacity:0}.w-D{opacity:1;transform:none}.morph:first-child{width:auto}.step{opacity:1}}html.poster-shot body>:not(main),html.poster-shot main>:not(.try-sec),html.poster-shot .try-sec>:not(#studio){display:none!important}html.poster-shot #studio{box-shadow:none;z-index:99999;border:0;margin:0;padding:0;position:fixed;inset:0}html.poster-shot .stage{aspect-ratio:auto;border-radius:0;height:100%}html.poster-shot .tape,html.poster-shot .try-note,html.poster-shot .device-spot{display:none!important}.apk-note{width:100%;max-width:min(560px,100vw - 32px);color:var(--ink);background:0 0;border:0;padding:0;overflow:visible}.apk-note::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2a262073}.apk-note[open]{animation:apk-in .35s var(--ease)}@keyframes apk-in{0%{opacity:0;transform:translateY(18px)rotate(-1deg)scale(.97)}}.apk-card{background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--wob);box-shadow:5px 6px 0 var(--shadow);font:16px/1.55 var(--text);max-height:calc(100vh - 40px);margin:0;padding:26px 26px 22px;position:relative;overflow:auto}.apk-tape{background:#ffde59b3;width:110px;height:24px;margin-left:-55px;position:absolute;top:-12px;left:50%;transform:rotate(-3deg)}.apk-card h2{font:700 34px/1.1 var(--hand);margin:4px 0 6px}.apk-card p{margin:0 0 12px}.apk-box{background:var(--note-yellow);border-radius:4px;margin:4px 0 16px;padding:14px 16px 6px;font-size:15px;transform:rotate(-.4deg);box-shadow:2px 3px #2a26202e}.apk-box>b{font-family:var(--hand);font-size:23px}.apk-box p{margin:4px 0 8px}.apk-box ol{margin:0 0 8px;padding-left:22px}.apk-box li{margin-bottom:6px}.apk-box mark{background:var(--hl-green);padding:0 3px}.apk-acts{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.apk-ok{font:600 16px var(--text);color:var(--ink);-webkit-text-decoration:underline wavy var(--faint);text-decoration:underline wavy var(--faint);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;padding:6px 4px}.apk-x{color:var(--pencil);cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;top:10px;right:14px}.apk-note:focus,.apk-note:focus-visible{outline:none}.panel-c .q-sm{font-size:22px}.panel-c .q1,.panel-c .q2{transform-box:fill-box;animation:1.6s ease-in-out infinite bob}.panel-c .q2{animation-delay:-.8s}.panel-c .ms{transform-box:fill-box;transform-origin:50%;animation:.5s ease-in-out infinite alternate jiggle}.panel-c .ms2{animation-delay:-.25s}.panel-c .buzz{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite buzz}@keyframes bob{50%{transform:translateY(-6px)rotate(-6deg)}}@keyframes jiggle{to{transform:translate(5px)rotate(8deg)}}@keyframes buzz{0%,50%,to{transform:none}5%,15%,25%,35%,45%{transform:rotate(-7deg)}10%,20%,30%,40%{transform:rotate(7deg)}}.scene{--ink:#2a2620;--line:max(1.5px, .3cqw);--thin:max(1px, .16cqw);aspect-ratio:16/10;border:2.5px solid var(--ink);font-family:var(--text);color:var(--ink);isolation:isolate;background:#fdf0d8;border-radius:16px 8px 18px/8px 18px 8px 16px;position:relative;overflow:hidden;box-shadow:6px 7px #2a2620cc;container-type:inline-size}.scene *{box-sizing:border-box}.wall{background:repeating-linear-gradient(90deg,#0000 0 7cqw,#d6aa781f 7cqw 7.3cqw),linear-gradient(#fff5e2,#fbe6c4);position:absolute;inset:0 0 24%}.window-pane{border:var(--line) solid var(--ink);background:radial-gradient(circle at 70% 30%,#fff 0 1.2cqw,#0000 1.3cqw),radial-gradient(3cqw 1.3cqw at 30% 62%,#fff 98%,#0000),linear-gradient(#bfe3ff,#e6f4ff);border-radius:.6cqw;width:16%;height:30%;position:absolute;top:6%;left:42%}.window-pane:before,.window-pane:after{content:"";background:var(--ink);position:absolute}.window-pane:before{width:var(--thin);top:0;bottom:0;left:50%}.window-pane:after{height:var(--thin);top:50%;left:0;right:0}.shelf{width:20%;height:var(--line);background:var(--ink);border-radius:2px;position:absolute;top:9%;right:6%}.shelf:before{content:"";border:var(--thin) solid var(--ink);background:linear-gradient(90deg,#f28b82 0 22%,#0000 22% 26%,#8ab4f8 26% 48%,#0000 48% 52%,#fdd663 52% 72%,#0000 72% 76%,#81c995 76%);border-radius:.3cqw .3cqw 0 0;width:34%;height:4.6cqw;position:absolute;bottom:100%;left:10%}.shelf:after{content:"";border:var(--thin) solid var(--ink);background:#8fd18f;border-radius:50% 50% .4cqw .4cqw;width:3.6cqw;height:3.6cqw;position:absolute;bottom:100%;right:12%}.frame-pic{border:var(--line) solid var(--ink);background:radial-gradient(circle at 70% 35%,#ffd36e 0 1.1cqw,#0000 1.2cqw),linear-gradient(160deg,#0000 55%,#7fc8a9 56%),linear-gradient(#ffe4d1,#ffc6b4);width:11%;height:15%;position:absolute;top:7%;left:9%;transform:rotate(-3deg)}.desk{border-top:var(--line) solid var(--ink);z-index:3;background:linear-gradient(#f3d7a0,#e8c486);height:24%;position:absolute;bottom:0;left:-2%;right:-2%}.desk:before{content:"";border-top:var(--thin) dashed #7a562859;position:absolute;top:28%;left:0;right:0}.keyboard{border:var(--line) solid var(--ink);background-color:#f4f1ea;background-image:repeating-linear-gradient(90deg,#0000 0 1.3cqw,#2a262040 1.3cqw 1.45cqw),repeating-linear-gradient(#0000 0 1.1cqw,#2a262040 1.1cqw 1.25cqw);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:.8cqw;width:21%;height:26%;position:absolute;top:26%;left:39%;box-shadow:0 .4cqw #2a262040}.keyboard i{opacity:0;background:#ffd36e;border-radius:.2cqw;width:1.3cqw;height:1.1cqw;position:absolute}.keyboard .k1{top:25%;left:20%}.keyboard .k2{top:50%;left:52%}.keyboard .k3{top:25%;left:74%}.mouse{border:var(--line) solid var(--ink);background:#fff;border-radius:50% 50% 46% 46%;width:3cqw;height:4.4cqw;position:absolute;top:30%;left:64%}.mouse:before{content:"";border-left:var(--thin) solid var(--ink);height:40%;position:absolute;top:0;left:50%}.mug{border:var(--line) solid var(--ink);background:#ff8a65;border-radius:.3cqw .3cqw 1.2cqw 1.2cqw;width:4.4cqw;height:5cqw;position:absolute;top:22%;left:8%}.mug:after{content:"";border:var(--line) solid var(--ink);border-left:0;border-radius:0 1cqw 1cqw 0;width:1.8cqw;height:2.2cqw;position:absolute;top:22%;right:-1.8cqw}.mug i{border-left:var(--thin) solid #2a262073;border-radius:50%;width:1cqw;height:3cqw;animation:2.6s ease-in-out infinite steam;position:absolute;bottom:105%}.mug i:first-child{left:20%}.mug i:last-child{animation-delay:1.2s;left:58%}@keyframes steam{0%{opacity:0;transform:translateY(1cqw)scaleY(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-1.5cqw)scaleY(1.1)skew(10deg)}}.plant{width:5cqw;height:5cqw;position:absolute;top:-48%;right:4%}.plant:before{content:"";border:var(--line) solid var(--ink);background:#d9824b;border-radius:.2cqw .2cqw 1cqw 1cqw;height:52%;position:absolute;bottom:0;left:10%;right:10%}.plant:after{content:"";background:radial-gradient(at 30% 60%,#6cc18c 0 32%,#0000 33%),radial-gradient(at 70%,#4fae74 0 34%,#0000 35%),radial-gradient(at 50% 30%,#84d39f 0 30%,#0000 31%);height:80%;position:absolute;bottom:45%;left:-10%;right:-10%}.char{z-index:1;transform-origin:50% 100%;width:20%;animation:4s ease-in-out infinite breathe;position:absolute;bottom:21%;left:40%}.char svg{width:100%;height:auto;display:block;overflow:visible}@keyframes breathe{50%{transform:translateY(-.35cqw)rotate(-.6deg)}}.hand{z-index:6;pointer-events:none;width:6cqw;position:absolute}.hand svg{width:100%;height:auto;display:block}.hand-r{bottom:6.5%;left:62.5%;transform:rotate(-12deg)}.hand-l{opacity:0;transition:opacity .4s;bottom:8.5%;left:41%;transform:scaleX(-1)rotate(-8deg)}.dev{left:var(--x);width:var(--w);z-index:2;position:absolute;bottom:23%}:where(.scene) .scr{aspect-ratio:16/10;border-radius:.35cqw;font-size:.9cqw;line-height:1.3;position:relative;overflow:hidden}.laptop .lid{border:var(--line) solid var(--ink);background:#3d3934;border-radius:1.4cqw 1.4cqw .4cqw .4cqw;padding:.8cqw .8cqw 1cqw}.laptop .base{border:var(--line) solid var(--ink);background:linear-gradient(#ece7dc,#cfc8b8);border-radius:.2cqw .2cqw 2cqw 2cqw;height:1.6cqw;margin:0 -6%;position:relative}.laptop .base:before{content:"";background:#bdb5a3;border-radius:0 0 .6cqw .6cqw;height:40%;position:absolute;top:0;left:42%;right:42%}.monitor .panel{border:var(--line) solid var(--ink);background:#2f2c28;border-radius:1cqw;padding:.7cqw}.monitor .neck{border:var(--line) solid var(--ink);background:linear-gradient(90deg,#cfc8b8,#e8e2d4,#cfc8b8);border-top:0;border-bottom:0;width:10%;height:3.6cqw;margin:0 auto}.monitor .stand{border:var(--line) solid var(--ink);background:#ddd6c6;border-radius:1cqw 1cqw .3cqw .3cqw;width:36%;height:1.2cqw;margin:0 auto}.phone{width:var(--w,8%);border:var(--line) solid var(--ink);z-index:4;background:#2f2c28;border-radius:1.4cqw;padding:.5cqw;bottom:6%}.phone .scr{aspect-ratio:9/19;border-radius:1cqw;font-size:.72cqw}.phone.flat{width:7.5%;bottom:5%;transform:rotate(-4deg)}.phone.hero-phone{width:6.6%;bottom:4%;transform:rotate(-4deg)}.phone.hero-phone .scr{aspect-ratio:auto;height:11.6cqw}.tablet.hero-tab{z-index:4;padding:.6cqw;bottom:3.5%;transform:rotate(-2deg)}.hero-tab:after{content:"";border:var(--thin) solid var(--ink);background:#8d8576;border-top:0;border-radius:0 0 .4cqw .4cqw;height:1cqw;position:absolute;top:100%;left:34%;right:34%}.hero-tab .scr{font-size:.6cqw}.hero-tab .menubar{height:1.3cqw;font-size:.55cqw}.hero-tab .tw{width:58%;top:24%;left:16%}.hero-tab .slide{height:3.6cqw}.hero-tab .slide b{font-size:1cqw}.hero-tab .slide i{height:.3cqw;margin-top:.35cqw}.tablet{border:var(--line) solid var(--ink);z-index:2;background:#2f2c28;border-radius:1.4cqw;padding:.7cqw;bottom:22%}.tablet .scr{border-radius:.6cqw}.mac-desk{background:#e9a46a url(/img/mac-wall.webp) 50%/cover}.win-desk{background:#0c1a33 url(/img/win-wall.webp) 50%/cover}.menubar{z-index:2;background:#fff9;align-items:center;gap:.8cqw;height:1.7cqw;padding:0 1cqw;font-size:.72cqw;display:flex;position:absolute;inset:0 0 auto}.menubar i{background:var(--ink);border-radius:50%;width:.9cqw;height:.9cqw}.menubar span{font-weight:700}.menubar b{margin-left:auto;font-weight:500}.dock{border:var(--thin) solid #2a262066;z-index:4;background:#ffffff8c;border-radius:.9cqw;gap:.45cqw;padding:.4cqw .6cqw;display:flex;position:absolute;bottom:.6cqw;left:50%;transform:translate(-50%)}.dock i,.taskbar i{background:var(--c,#ccc);border:var(--thin) solid var(--ink);border-radius:.5cqw;width:1.9cqw;height:1.9cqw}.dock .td,.taskbar .td{background:#1c1c1e url(/img/twindesk-icon.png) 50%/cover}.dock .paint-dock{width:0;transition:width .4s var(--ease), margin .4s;background:linear-gradient(135deg,#ff7eb3,#ffd36e,#7ee0c3);border-width:0;margin-left:-.45cqw}.taskbar{border-top:var(--thin) solid #2a26204d;z-index:4;background:#fafaffbf;justify-content:center;align-items:center;gap:.5cqw;height:2.6cqw;display:flex;position:absolute;inset:auto 0 0}.taskbar i{width:1.6cqw;height:1.6cqw}.taskbar .start{background:conic-gradient(#3b82f6 0 25%, #60a5fa 0 50%, #2563eb 0 75%, #93c5fd 0);border-radius:.25cqw}.dicon{color:#fff;text-shadow:0 .1cqw .3cqw #0009;z-index:1;flex-direction:column;align-items:center;gap:.2cqw;width:6cqw;font-size:.65cqw;display:flex;position:absolute}.dicon-a{top:12%;left:4%}.dicon-b{top:8%;left:3%}.dicon-drop{opacity:0;top:34%;left:70%}.fi{border:var(--thin) solid var(--ink);background:#fff;border-radius:.2cqw .7cqw .2cqw .2cqw;width:2.6cqw;height:3.2cqw;display:block;position:relative}.fi-img{background:linear-gradient(160deg,#0000 50%,#7fc8a9 51%),radial-gradient(circle at 70% 30%,#ffd36e 0 .5cqw,#0000 .55cqw),linear-gradient(#ffd0e0,#c9ddff)}.fi-doc{background:repeating-linear-gradient(#0000 0 .45cqw,#6ea0f7 .45cqw .6cqw) .4cqw .8cqw/1.6cqw 1.8cqw no-repeat,#fff}.fi-pdf{background:linear-gradient(#ff453a,#ff453a) 50% 70%/70% 28% no-repeat,repeating-linear-gradient(#0000 0 .45cqw,#c8c2b4 .45cqw .6cqw) .4cqw .5cqw/1.6cqw 1.2cqw no-repeat,#fff}:where(.scene) .win{border:var(--thin) solid var(--ink);opacity:0;z-index:3;background:#fff;border-radius:.7cqw;font-size:.8cqw;position:absolute;overflow:hidden;box-shadow:.3cqw .4cqw #2a26204d}.tb{border-bottom:var(--thin) solid #2a262059;background:#f1ede4;align-items:center;gap:.35cqw;height:1.7cqw;padding:0 .6cqw;font-size:.68cqw;display:flex}.mac-win .tb i,.droid-win .tb i,.app .tl i{background:#ff5f57;border:max(.5px,.06cqw) solid #0000004d;border-radius:50%;width:.6cqw;height:.6cqw}.mac-win .tb i:nth-child(2),.droid-win .tb i:nth-child(2),.app .tl i:nth-child(2){background:#febc2e}.mac-win .tb i:nth-child(3),.droid-win .tb i:nth-child(3),.app .tl i:nth-child(3){background:#28c840}.mac-win .tb span{margin:0 auto;padding-right:2cqw;font-weight:600}.win-win .tb{background:#fff;justify-content:space-between}.win-win .tb em{letter-spacing:.3cqw;color:var(--pencil);font-style:normal}.wbody{padding:.7cqw .9cqw}.wbody p{margin:0 0 .4cqw}.dim{color:#8b8474}.mono{font-family:var(--mono);font-size:.85cqw}.w-notes{width:52%;top:20%;left:30%}.w-pad{width:64%;height:40%;top:18%;left:18%}.w-chat{width:52%;top:18%;left:30%}.w-paint{width:62%;height:62%;top:16%;left:22%}.w-slide,.w-slide2{width:50%;top:22%;left:34%}.paint{background:#fff;height:calc(100% - 1.7cqw);position:relative}.paint .sw{border:var(--thin) solid var(--ink);border-radius:50%;width:1.4cqw;height:1.4cqw;position:absolute;left:.6cqw}.paint .s1{background:#ff6b6b;top:.6cqw}.paint .s2{background:#4dabf7;top:2.4cqw}.paint .s3{background:#ffd43b;top:4.2cqw}.scrib{width:74%;height:70%;position:absolute;top:14%;left:18%}.scrib path{fill:none;stroke:#ff6b6b;stroke-width:3px;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220px}.slide{background:linear-gradient(135deg,#fff7d6,#ffe0ec);height:7cqw;position:relative}.slide b{font:700 1.6cqw var(--hand)}.slide i{background:#2a262040;border-radius:1cqw;width:70%;height:.5cqw;margin-top:.6cqw;display:block}.slide i+i{width:50%}.bub{border-radius:.9cqw;width:-moz-fit-content;width:fit-content;max-width:85%;margin:0 0 .45cqw;padding:.35cqw .7cqw;font-size:.78cqw;display:block}.bub.in{background:#ece8df}.bub.out{color:#fff;background:#0a84ff;margin-left:auto}.typed{white-space:nowrap;border-right:.15cqw solid var(--ink);vertical-align:bottom;width:0;display:inline-block;overflow:hidden}.ext-desk{opacity:0;z-index:5;background:#e9a46a url(/img/mac-wall.webp) 50%/cover;transition:opacity .6s;position:absolute;inset:0}.ext-desk .menubar b{color:#b23a2a}.pc{z-index:20;filter:drop-shadow(0 .15cqw .2cqw #00000059);width:2.1cqw;height:auto;position:absolute;top:50%;left:40%;overflow:visible}.pc-b{left:-10%}.drag{z-index:19;opacity:0;position:absolute;top:0;left:0;transform:translate(-30%,-30%)rotate(-6deg)}.drag .fi{box-shadow:.2cqw .3cqw .5cqw #00000040}.edge-glow{z-index:18;opacity:0;background:radial-gradient(#fff,#fff0 70%);border-radius:1cqw;width:.7cqw;position:absolute;top:8%;bottom:8%;box-shadow:0 0 1.4cqw .5cqw #ffec8ce6}.eg-r{right:-.2cqw}.eg-l{left:-.2cqw}.arc{z-index:5;opacity:0;width:26%;height:10%;transition:opacity .4s;position:absolute;top:18%;left:37%;overflow:visible}.arc path{fill:none;stroke:#d9472f;stroke-width:2.5px;stroke-dasharray:6 7;vector-effect:non-scaling-stroke;animation:1s linear infinite march}@keyframes march{to{stroke-dashoffset:-26px}}.bubble{z-index:25;border:var(--line) solid var(--ink);font:700 1.9cqw/1 var(--hand);opacity:0;white-space:nowrap;background:#fff;border-radius:1.4cqw 1.4cqw 1.4cqw .3cqw;padding:.5cqw 1.1cqw .6cqw;position:absolute;transform:scale(.4);box-shadow:.25cqw .3cqw #2a262099}.b-copy{background:#fff3a8;top:12%;left:20%}.b-paste{background:#d7f5d9;top:12%;left:70%}.b-type{background:#ffe2c4;font-size:1.6cqw;top:60%;left:40%}.b-match{background:#d7f5d9;top:10%;left:58%}.b-hi{background:#d6e8ff;top:14%;left:56%}.doodle-label{z-index:25;font:700 2.4cqw/1 var(--hand);color:#d9472f;text-shadow:0 0 .5cqw #fff8ea,0 0 .3cqw #fff8ea;white-space:nowrap;position:absolute;transform:rotate(-4deg)}.toast{border:var(--thin) solid var(--ink);z-index:15;opacity:0;background:#fffffff2;border-radius:.8cqw;width:46%;padding:.5cqw .8cqw .6cqw 3cqw;font-size:.7cqw;line-height:1.3;position:absolute;top:12%;right:3%;transform:translate(110%);box-shadow:.2cqw .3cqw #2a26204d}.toast:before{content:"";background:#1c1c1e url(/img/twindesk-icon.png) 50%/cover;border-radius:.5cqw;width:1.8cqw;height:1.8cqw;position:absolute;top:50%;left:.6cqw;transform:translateY(-50%)}.toast b{font-size:.75cqw;display:block}.toast span{color:#6f6857}.win-desk .toast{top:auto;bottom:3.6cqw}.progress-pill{border:var(--thin) solid var(--ink);z-index:14;opacity:0;background:#fff;border-radius:1cqw;width:56%;padding:.4cqw .8cqw;font-size:.68cqw;position:absolute;bottom:3.4cqw;left:50%;transform:translate(-50%)}.progress-pill i{background:#e6e1d6;border-radius:1cqw;height:.5cqw;margin-top:.3cqw;display:block;overflow:hidden}.progress-pill b{background:#30b94d;width:0;height:100%;display:block}.app{border:var(--thin) solid var(--ink);z-index:3;background:#fff;border-radius:.8cqw;grid-template-columns:27% 1fr;width:92%;height:88%;font-size:.78cqw;display:grid;position:absolute;top:7%;left:4%;overflow:hidden;box-shadow:.35cqw .45cqw #2a26204d}.app-side{border-right:var(--thin) solid #2a26204d;background:#f1ede4;flex-direction:column;gap:.12cqw;min-width:0;padding:.6cqw .5cqw;display:flex}.app .tl{gap:.35cqw;margin-bottom:.6cqw;display:flex}.app-brand{align-items:center;gap:.5cqw;margin-bottom:.5cqw;display:flex}.app-brand img{border-radius:.5cqw;width:2.2cqw;height:2.2cqw}.app-brand>span{flex-direction:column;min-width:0;display:flex}.app-brand b{font-size:1cqw}.app-brand small{color:#6f6857;white-space:nowrap;align-items:center;gap:.25cqw;font-size:.6cqw;display:flex}:where(.scene) .dot{background:#30b94d;border-radius:50%;flex:none;width:.55cqw;height:.55cqw}.phone-tile{border:var(--thin) solid #2a262066;background:#fff;border-radius:.6cqw;align-items:center;gap:.5cqw;margin-bottom:.5cqw;padding:.35cqw .4cqw;display:flex}.phone-tile>i{border:var(--thin) solid var(--ink);background:linear-gradient(#4a2f7a,#d0694e);border-radius:.3cqw;flex:none;width:1.1cqw;height:2cqw}.phone-tile b{font-size:.72cqw;display:block}.phone-tile small{color:#6f6857;font-size:.56cqw}.si{white-space:nowrap;border-radius:.45cqw;align-items:center;gap:.45cqw;padding:.26cqw .4cqw;font-size:.72cqw;transition:background .3s,color .3s;display:flex}.si>i{background:var(--c);border:max(.5px,.08cqw) solid #00000040;border-radius:.3cqw;flex:none;width:1.15cqw;height:1.15cqw}.si em{margin-left:auto;font-size:.55cqw;font-style:normal}.si em.ok{background:#30b94d;border-radius:50%;width:.45cqw;height:.45cqw}.si em.n{color:#6f6857}.app-main{min-width:0;padding:.9cqw 1.1cqw;position:relative;overflow:hidden}.pg{opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s;position:absolute;inset:.9cqw 1.1cqw}.pg h4{justify-content:space-between;align-items:center;margin:0;font-size:1.25cqw;display:flex}.desc{color:#6f6857;margin:.1cqw 0 .5cqw;font-size:.66cqw}.sw{border:var(--thin) solid #2a262066;background:#d8d2c4;border-radius:1cqw;width:2cqw;height:1.1cqw;position:relative}.sw.on{background:#0a84ff}.sw:after{content:"";background:#fff;border-radius:50%;width:.75cqw;height:.75cqw;position:absolute;top:.1cqw;left:.1cqw}.sw.on:after{left:auto;right:.1cqw}.lbl{color:#4a453b;margin:.45cqw 0 .2cqw;font-size:.62cqw;font-weight:700;display:block}.card{border:var(--thin) solid #2a262059;background:#faf8f3;border-radius:.6cqw;overflow:hidden}.row{border-top:var(--thin) solid #2a26201f;align-items:center;gap:.55cqw;padding:.38cqw .6cqw;display:flex}.row:first-child{border-top:0}.row>span:not(.btn):not(.av):not(.input):not(.fico):not(.chev):not(.seg){flex-direction:column;flex:1;min-width:0;display:flex}.row b{white-space:nowrap;text-overflow:ellipsis;font-size:.72cqw;overflow:hidden}.row small{color:#6f6857;white-space:nowrap;font-size:.58cqw}.red{color:#d9472f!important}.av{color:#4a453b;background:#d8d2c4;border-radius:50%;flex:none;place-items:center;width:1.7cqw;height:1.7cqw;font-size:.7cqw;font-weight:700;display:grid}svg.av{background:0 0}.btn{border:var(--thin) solid #2a262066;white-space:nowrap;background:#fff;border-radius:.4cqw;flex:none;padding:.18cqw .55cqw;font-size:.6cqw}.btn.pri{color:#fff;background:#0a84ff;border-color:#0a6fd6}.btn.red{color:#d9472f;background:#fff3f1;border-color:#d9472f}.btn.dim{opacity:.45}.input{border:var(--thin) solid #2a262059;color:#8b8474;white-space:nowrap;background:#fff;border-radius:.4cqw;flex:1;padding:.22cqw .5cqw;font-size:.62cqw;overflow:hidden}.now .talking{display:none}.pair-pop{border:var(--line) solid var(--ink);text-align:center;opacity:0;background:#fff;border-radius:.9cqw;flex-direction:column;align-items:center;gap:.35cqw;padding:.9cqw 1cqw;display:flex;position:absolute;top:32%;left:12%;right:12%;transform:scale(.6);box-shadow:.4cqw .5cqw #2a262059}.pair-pop b{font-size:.95cqw}.pair-pop small{color:#6f6857;font-size:.6cqw}.code{font:700 2.2cqw/1 var(--mono);letter-spacing:.25cqw}.pair-pop .btns{gap:.5cqw;display:flex}.paired-ok{border:var(--line) solid var(--ink);font:700 1.6cqw/1.1 var(--hand);opacity:0;white-space:nowrap;background:#d7f5d9;border-radius:1cqw;padding:.4cqw 1cqw;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)scale(.4)}.msgs{grid-template-columns:38% 1fr;height:76%;display:grid}.threads{border-right:var(--thin) solid #2a262033;flex-direction:column;gap:.2cqw;padding:.4cqw;display:flex}.threads>.btn{align-self:flex-end;margin-bottom:.2cqw}.th{border-radius:.45cqw;align-items:center;gap:.4cqw;padding:.3cqw;display:flex}.th>span:last-child{flex-direction:column;min-width:0;display:flex}.th b{font-size:.64cqw}.th small{color:#6f6857;white-space:nowrap;text-overflow:ellipsis;font-size:.54cqw;overflow:hidden}.th.on{background:#0a84ff}.th.on b,.th.on small{color:#fff}.th .av{width:1.4cqw;height:1.4cqw;font-size:.6cqw}.conv{flex-direction:column;min-width:0;display:flex}.conv-head{border-bottom:var(--thin) solid #2a262033;flex-direction:column;padding:.35cqw .6cqw;display:flex}.conv-head b{font-size:.7cqw}.conv-head small{color:#6f6857;font-size:.54cqw}.bubs{flex-direction:column;flex:1;justify-content:flex-end;padding:.5cqw .6cqw;display:flex}.bubs .bub{margin-bottom:.3cqw;font-size:.64cqw}.m-new,.m-reply{opacity:0;transform:translateY(.6cqw)scale(.9)}.compose{border-top:var(--thin) solid #2a262033;gap:.4cqw;padding:.4cqw .5cqw;display:flex}.compose .typing{white-space:nowrap;width:0;color:var(--ink);vertical-align:bottom;display:inline-block;overflow:hidden}.bar{align-items:center;gap:.5cqw;margin-bottom:.45cqw;display:flex}.bar small{color:#6f6857;font-size:.58cqw}:where(.scene) .grow{flex:1}.seg{background:#ece8df;border-radius:.45cqw;padding:.12cqw;font-size:.58cqw;display:inline-flex}.seg>*{border-radius:.35cqw;padding:.12cqw .45cqw;font-weight:400}.seg b{background:#fff;font-weight:600;box-shadow:0 .05cqw .15cqw #0003}.grid{grid-template-columns:repeat(6,1fr);gap:.3cqw;display:grid}.ph{aspect-ratio:1;background:radial-gradient(circle at 72% 30%, #ffffffe6 0 9%, transparent 10%), linear-gradient(var(--a), var(--b));border-radius:.25cqw;display:block;position:relative;overflow:hidden}.ph:after{content:"";background:var(--m);clip-path:polygon(0 60%,18% 25%,34% 55%,55% 5%,76% 50%,100% 20%,100% 100%,0 100%);position:absolute;inset:45% 0 0}.ph em{z-index:1;font:normal .5cqw var(--text);color:#fff;background:#00000073;border-radius:.2cqw;padding:0 .2cqw;position:absolute;bottom:6%;right:6%}.p1{--a:#8fc9ff;--b:#d8eeff;--m:#3f8f5f}.p2{--a:#c3b3f5;--b:#f2dcff;--m:#2f4858}.p3{--a:#ffb27a;--b:#ffe3b8;--m:#a2512e}.p4{--a:#5b5a8f;--b:#c79ad4;--m:#3f3366}.p5{--a:#ff7a7a;--b:#ffc1a1;--m:#3f7a4f}.p6{--a:#a8e6a1;--b:#e9ffd9;--m:#1f4f45}.grid .pick{outline-offset:-.2cqw;outline:.2cqw solid #0000;transition:outline-color .3s}.save3{opacity:.35}.crumbs{font-size:.66cqw}.fico{border:var(--thin) solid #3a7ad6;background:#64a9ff;border-radius:.15cqw;flex:none;width:1.3cqw;height:1.1cqw}.fico.doc{background:#fff;border-color:#8b8474;width:1cqw;height:1.3cqw}.chev{color:#8b8474}.new-file{opacity:0;background:#fff7c2}.droid-win{border:var(--thin) solid var(--ink);z-index:6;opacity:0;background:#fff;border-radius:.7cqw;width:22%;position:absolute;overflow:hidden;transform:translateY(2cqw)scale(.8);box-shadow:.35cqw .45cqw #2a26204d}.droid-win .tb span{white-space:nowrap;margin-left:.2cqw;font-size:.55cqw;font-weight:600}.dw1{top:14%;right:6%}.dw2{top:30%;right:30%}.calc{background:#f8f6f0;grid-template-columns:repeat(4,1fr);gap:.3cqw;padding:.5cqw;display:grid}.calc b{text-align:right;grid-column:1/-1;padding:.3cqw 0;font-size:1.4cqw}.calc i{aspect-ratio:1;background:#e3ded2;border-radius:50%}.calc i:nth-child(4n+1){background:#ffb340}.dnotes{background:#fff9db;flex-direction:column;gap:.2cqw;min-height:8cqw;padding:.6cqw .7cqw;font-size:.7cqw;display:flex}.dnotes b{font:700 1.3cqw var(--hand)}.t-mac{width:36%;top:9%}.droid{color:#fff;background:#4a2f7a url(/img/droid-phone-wall.svg) 50%/cover}.sbar{opacity:.9;justify-content:space-between;padding:.4cqw .7cqw 0;font-size:.55cqw;display:flex}.d-pg{text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:.45cqw;transition:opacity .35s;display:flex;position:absolute;inset:1.6cqw .5cqw .5cqw}.d-pg img{border-radius:.5cqw;width:2.4cqw}.d-pg b{font-size:.72cqw}.d-pg .code{letter-spacing:.1cqw;font-size:1.2cqw}.d-btn{color:#0b1d48;background:#a8c7fa;border-radius:1cqw;padding:.2cqw .9cqw;font-size:.64cqw;font-weight:700}.d-call svg,.call-ui svg{border-radius:50%;width:4cqw;height:4cqw}.d-call small{opacity:.85;font-size:.58cqw}.d-call .on-mac{color:#fff;opacity:1;background:#30b94de6;border-radius:1cqw;padding:.1cqw .5cqw;display:none}.btns{gap:1.4cqw;margin-top:.8cqw;display:flex}.btns .no,.btns .yes{border:var(--thin) solid #0006;background:#ff453a;border-radius:50%;width:2.2cqw;height:2.2cqw}.btns .yes{background:#30b94d}.d-notif{width:100%;color:var(--ink);text-align:left;background:#ffffffeb;border-radius:.7cqw;flex-direction:column;padding:.4cqw .5cqw;font-size:.58cqw;display:flex;transform:translateY(-8cqw)}.d-notif b{font-size:.62cqw}.d-home{grid-template-columns:repeat(4,1fr);gap:.5cqw;width:100%;margin-top:auto;padding-bottom:.6cqw;display:grid}.d-home i{aspect-ratio:1;background:linear-gradient(#ffd166,#f4a024);border-radius:50%}.d-home i:nth-child(2){background:linear-gradient(#7cc4ff,#2f7de1)}.d-home i:nth-child(3){background:linear-gradient(#9ae6b4,#2f9e5b)}.d-home i:nth-child(4){background:linear-gradient(#ff8a80,#e53935)}.d-home i:nth-child(5){background:linear-gradient(#8ab4ff,#3a6fe0)}.d-home i:nth-child(6){background:linear-gradient(#ffe27a,#f2b705)}.d-home i:nth-child(7){background:linear-gradient(#b0b6c3,#6a7180)}.d-home i:nth-child(8){background:#1c1c1e url(/img/twindesk-icon.png) 50%/cover}.d-apps small{opacity:.9;margin-top:1cqw;margin-bottom:auto;font-size:.55cqw}.d-photos{grid-template-columns:repeat(3,1fr);align-content:start;gap:.2cqw;display:grid}.d-photos .ph{border-radius:.15cqw}.d-share{justify-content:flex-end}.d-doc{flex-direction:column;align-items:center;gap:.3cqw;margin-top:1cqw;margin-bottom:auto;display:flex}.sheet{width:100%;color:var(--ink);text-align:left;background:#f6f2ff;border-radius:.9cqw .9cqw .4cqw .4cqw;flex-direction:column;gap:.15cqw;padding:.5cqw;display:flex;transform:translateY(110%)}.sheet b{margin-bottom:.1cqw;font-size:.64cqw}.tgt{border-radius:.4cqw;align-items:center;gap:.35cqw;padding:.2cqw;font-size:.55cqw;display:flex}.tgt img,.tgt i{background:var(--c);border-radius:50%;width:1.2cqw;height:1.2cqw}.tgt.send{background:0 0;transition:background .2s}.tap{opacity:0;border:.2cqw solid #fff;border-radius:50%;width:2cqw;height:2cqw;position:absolute;bottom:22%;left:30%}.call-ui{flex-direction:column;justify-content:center;align-items:center;gap:.3cqw;font-size:.7cqw;display:flex;position:absolute;inset:0}.tab-ext .touch{opacity:0;z-index:9;background:#fff9;border:.15cqw solid #fff;border-radius:50%;width:2.2cqw;height:2.2cqw;position:absolute;top:50%;left:30%}.tw{opacity:1;width:56%;top:22%;left:18%}.fly-file,.fly-ph{z-index:12;opacity:0;pointer-events:none;position:absolute}.fly-ph{border:.15cqw solid #fff;width:3cqw;box-shadow:.2cqw .3cqw .4cqw #00000040}.waves{z-index:7;opacity:0;width:6cqw;height:6cqw;position:absolute;top:46%;left:56%}.waves i{border:.3cqw solid #30b94d;border-color:#30b94d #30b94d #0000 #0000;border-radius:50%;animation:1.4s ease-out infinite wave;position:absolute;inset:0;transform:rotate(45deg)scale(.4)}.waves i:nth-child(2){animation-delay:.45s}.waves i:nth-child(3){animation-delay:.9s}@keyframes wave{0%{opacity:1;transform:rotate(45deg)scale(.3)}to{opacity:0;transform:rotate(45deg)scale(1.2)}}.hero-art .scene{box-shadow:8px 9px #2a2620d9}[data-step=hero] .pc-a{animation:6s ease-in-out infinite cross-a}[data-step=hero] .pc-b{animation:6s ease-in-out infinite cross-b}[data-step=hero] .eg-r{animation:6s ease-in-out infinite glow-r}[data-step=hero] .eg-l{animation:6s ease-in-out infinite glow-l}[data-step=hero] .hand-r{animation:6s ease-in-out infinite hand-x}[data-step=hero] .arc{opacity:1}[data-step=hero] .ring-hero{animation:6s ease-in-out 1.2s infinite ring}[data-step=hero] .t-hero{animation:6s ease-in-out 1.2s infinite toast-in}.doodle-label.l1{top:9%;left:41%}.doodle-label.l2{color:#2f5bd3;top:25%;left:4%;transform:rotate(3deg)}.doodle-label.l3{color:#2f9e5b;z-index:6;border:var(--thin) solid var(--ink);text-shadow:none;background:#fffdf6;border-radius:.6cqw;padding:.1cqw .7cqw .4cqw;top:60%;right:13%;transform:rotate(-3deg)}.hero-art .doodle-label{animation:4s ease-in-out infinite float}.hero-art .doodle-label.l2{animation-delay:-1.3s}.hero-art .doodle-label.l3{animation-delay:-2.6s}@keyframes float{50%{translate:0 -.5cqw}}.call-ui b{font-size:.7cqw}@keyframes ring{0%,2%,22%,to{transform:rotate(-4deg)}4%,8%,12%,16%,20%{transform:rotate(-9deg)translate(-.2cqw)}6%,10%,14%,18%{transform:rotate(1deg)translate(.2cqw)}}@keyframes toast-in{0%,4%{opacity:0;transform:translate(110%)}10%,55%{opacity:1;transform:none}62%,to{opacity:0;transform:translate(110%)}}@keyframes cross-a{0%{top:55%;left:40%}30%{top:40%;left:104%}70%{top:40%;left:104%}to{top:55%;left:40%}}@keyframes cross-b{0%,30%{top:40%;left:-6%}45%,55%{top:52%;left:52%}70%,to{top:40%;left:-6%}}@keyframes glow-r{0%,18%,38%,62%,82%,to{opacity:0}28%,72%{opacity:1}}@keyframes glow-l{0%,26%,44%,58%,76%,to{opacity:0}34%,66%{opacity:1}}@keyframes hand-x{0%,to{translate:0}30%{translate:2.4cqw -.3cqw}50%{translate:4cqw .2cqw}70%{translate:2.4cqw -.3cqw}}[data-story=pc] .scene[data-step=cursor] .pc-a{animation:5s ease-in-out infinite cross-a}[data-story=pc] .scene[data-step=cursor] .pc-b{animation:5s ease-in-out infinite cross-b}[data-story=pc] .scene[data-step=cursor] .eg-r{animation:5s ease-in-out infinite glow-r}[data-story=pc] .scene[data-step=cursor] .eg-l{animation:5s ease-in-out infinite glow-l}[data-story=pc] .scene[data-step=cursor] .hand-r{animation:5s ease-in-out infinite hand-x}[data-story=pc] .scene:is([data-step=cursor],[data-step=drag],[data-step=clip]) .arc{opacity:1}[data-step=keys] .pc-a{left:104%}[data-step=keys] .pc-b{top:62%;left:50%}[data-step=keys] .w-pad{opacity:1;transition:opacity .4s, transform .4s var(--ease);transform:none}[data-step=keys] .typed{animation:4s steps(29,end) infinite type}@keyframes type{0%{width:0}65%,to{width:29ch}}[data-step=keys] .hand-l{opacity:1;animation:.36s ease-in-out infinite tap}[data-step=keys] .hand-r{animation:.36s ease-in-out .18s infinite tap;bottom:8.5%;left:52%}@keyframes tap{50%{translate:0 .6cqw}}[data-step=keys] .keyboard i{animation:.72s step-end infinite key}[data-step=keys] .keyboard .k2{animation-delay:.24s}[data-step=keys] .keyboard .k3{animation-delay:.48s}@keyframes key{0%{opacity:1}33%{opacity:0}}[data-step=keys] .b-type{animation:4s ease-in-out infinite pop}@keyframes pop{0%{opacity:0;transform:scale(.4)rotate(-6deg)}8%,80%{opacity:1;transform:scale(1)rotate(-3deg)}92%,to{opacity:0;transform:scale(.9)rotate(-3deg)}}[data-step=drag] .pc-a{animation:7s ease-in-out infinite drag-ptr-a}[data-step=drag] .drag-a{animation:7s ease-in-out infinite drag-file-a}[data-step=drag] .pc-b{animation:7s ease-in-out infinite drag-ptr-b}[data-step=drag] .drag-b{animation:7s ease-in-out infinite drag-file-b}[data-step=drag] .dicon-drop{animation:7s ease-out infinite drop-in}[data-step=drag] .progress-pill{animation:7s infinite show-mid}[data-step=drag] .progress-pill b{animation:7s linear infinite fill}[data-step=drag] .t-drop{animation:7s ease-in-out infinite toast-late}[data-step=drag] .eg-r{animation:7s infinite glow-drag-r}[data-step=drag] .eg-l{animation:7s infinite glow-drag-l}[data-step=drag] .hand-r{animation:7s ease-in-out infinite hand-drag}@keyframes drag-ptr-a{0%{top:36%;left:104%}8%{top:50%;left:40%}16%,22%{top:24%;left:9%}46%,to{top:36%;left:104%}}@keyframes drag-file-a{0%,19%{opacity:0;top:24%;left:9%}22%{opacity:1;top:24%;left:9%}46%{opacity:1;top:36%;left:104%}47%,to{opacity:0;top:36%;left:104%}}@keyframes drag-ptr-b{0%,46%{top:36%;left:-8%}62%,86%{top:40%;left:73%}98%,to{top:36%;left:-8%}}@keyframes drag-file-b{0%,46%{opacity:0;top:36%;left:-8%}47%{opacity:1}62%{opacity:1;top:40%;left:73%;transform:translate(-30%,-30%)rotate(-6deg)scale(1)}65%,to{opacity:0;top:40%;left:73%;transform:translate(-30%,-30%)scale(.6)}}@keyframes drop-in{0%,62%{opacity:0;transform:scale(.5)}68%{opacity:1;transform:scale(1.15)}72%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes show-mid{0%,44%{opacity:0}48%,68%{opacity:1}72%,to{opacity:0}}@keyframes fill{0%,46%{width:0}66%,to{width:100%}}@keyframes toast-late{0%,66%{opacity:0;transform:translate(110%)}72%,94%{opacity:1;transform:none}to{opacity:0;transform:translate(110%)}}@keyframes glow-drag-r{0%,34%,54%,to{opacity:0}44%{opacity:1}}@keyframes glow-drag-l{0%,42%,60%,to{opacity:0}50%{opacity:1}}@keyframes hand-drag{0%{translate:4.2cqw .3cqw}8%{translate:0}18%{translate:-1.6cqw -.6cqw}46%{translate:2.6cqw -.2cqw}62%,86%{translate:4.2cqw .3cqw}to{translate:4.2cqw .3cqw}}[data-step=clip] .w-notes,[data-step=clip] .w-chat{opacity:1;transition:opacity .4s}[data-step=clip] .sel{--c:transparent;animation:6s infinite select}@keyframes select{0%,6%{--c:transparent;background:0 0}12%,to{background:#6eaaff73}}[data-step=clip] .pasted{animation:6s infinite paste-in}@keyframes paste-in{0%,62%{opacity:0;transform:translateY(.6cqw)scale(.9)}68%,96%{opacity:1;transform:none}to{opacity:0}}[data-step=clip] .b-copy{animation:6s infinite pop-a}[data-step=clip] .b-paste{animation:6s infinite pop-b}@keyframes pop-a{0%,14%{opacity:0;transform:scale(.4)}20%,38%{opacity:1;transform:scale(1)rotate(-4deg)}44%,to{opacity:0;transform:scale(.8)}}@keyframes pop-b{0%,52%{opacity:0;transform:scale(.4)}58%,80%{opacity:1;transform:scale(1)rotate(3deg)}86%,to{opacity:0;transform:scale(.8)}}[data-step=clip] .pc-a{animation:6s ease-in-out infinite clip-a}[data-step=clip] .pc-b{animation:6s ease-in-out infinite clip-b}@keyframes clip-a{0%{top:40%;left:104%}6%{top:34%;left:34%}14%{top:34%;left:70%}36%{top:34%;left:70%}48%,to{top:40%;left:104%}}@keyframes clip-b{0%,48%{top:40%;left:-8%}60%,88%{top:58%;left:62%}98%,to{top:40%;left:-8%}}[data-step=apps] .w-paint{animation:app-open .7s .3s var(--ease) both}@keyframes app-open{0%{opacity:0;transform:translateY(40%)scale(.2)}to{opacity:1;transform:none}}[data-step=apps] .scrib path{animation:2.6s ease-in-out 1s infinite draw}@keyframes draw{0%{stroke-dashoffset:220px}60%,to{stroke-dashoffset:0}}[data-step=apps] .paint-dock{border-width:var(--thin);width:1.9cqw;margin-left:0;animation:.5s ease-in-out .2s 3 bounce}@keyframes bounce{50%{transform:translateY(-.8cqw)}}[data-story=pc] [data-step=apps] .pc-a{transition:left .6s,top .6s;top:60%;left:60%}[data-step=screen] .ext-desk{opacity:1}[data-step=screen] .w-slide{animation:5s ease-in-out infinite slide-out}[data-step=screen] .w-slide2{animation:5s ease-in-out infinite slide-in}[data-step=screen] .pc-a{animation:5s ease-in-out infinite carry-a}[data-step=screen] .pc-b{animation:5s ease-in-out infinite carry-b}@keyframes slide-out{0%,10%{opacity:1;transform:none}45%,to{opacity:1;transform:translate(150%)}}@keyframes slide-in{0%,40%{opacity:1;transform:translate(-160%)}75%,to{opacity:1;transform:none}}@keyframes carry-a{0%,10%{top:24%;left:50%}45%,to{top:24%;left:104%}}@keyframes carry-b{0%,40%{top:24%;left:-6%}75%,to{top:24%;left:52%}}.s-phone .char{width:19%;left:59%}.s-phone .keyboard{width:22%;left:18%}.s-phone .mouse{left:44%}.s-phone .hand-r{left:42.5%}.s-phone .mug{left:54%}.s-phone .phone{transition:transform .6s var(--ease)}.s-phone .tablet{transition:transform .7s var(--ease);transform:translate(120%)}.s-phone .pc-a{top:70%;left:60%}.s-phone .pg[data-p=overview]{opacity:1;visibility:visible}.scene.s-phone:not([data-step=pair]) .pg[data-p=overview]{opacity:0;visibility:hidden}.s-phone[data-step=pair] .si[data-p=overview],.s-phone[data-step=calls] .si[data-p=calls],.s-phone[data-step=messages] .si[data-p=messages],.s-phone[data-step=photos] .si[data-p=media],.s-phone[data-step=files] .si[data-p=pfiles],.s-phone[data-step=apps] .si[data-p=screen]{color:#fff;background:#0a84ff}.s-phone[data-step=calls] .pg[data-p=calls],.s-phone[data-step=messages] .pg[data-p=messages],.s-phone[data-step=photos] .pg[data-p=media],.s-phone[data-step=files] .pg[data-p=pfiles],.s-phone[data-step=apps] .pg[data-p=screen]{opacity:1;visibility:visible;transition:opacity .35s}.s-phone[data-step=pair] .d-pair,.s-phone[data-step=calls] .d-call,.s-phone[data-step=messages] .d-msg,.s-phone[data-step=photos] .d-photos,.s-phone[data-step=files] .d-share,.s-phone[data-step=apps] .d-apps{opacity:1}.s-phone[data-step=pair] .app-brand .via:after{content:""}.s-phone[data-step=pair] .phone-tile,.s-phone[data-step=pair] .si:not([data-p=overview]):nth-child(n+5):nth-child(-n+8){opacity:.25}[data-step=pair] .pair-pop{animation:pair-pop 6s var(--ease) infinite}[data-step=pair] .paired-ok{animation:paired 6s var(--ease) infinite}[data-step=pair] .b-match{animation:6s infinite pop-match}[data-step=pair] .pc-a{animation:6s ease-in-out infinite to-allow}[data-step=pair] .d-pair .d-btn{animation:6s infinite press}@keyframes pair-pop{0%,8%{opacity:0;transform:scale(.6)}14%,58%{opacity:1;transform:none}62%,to{opacity:0;transform:scale(.9)}}@keyframes paired{0%,62%{opacity:0;transform:translate(-50%,-50%)rotate(-4deg)scale(.4)}68%,94%{opacity:1;transform:translate(-50%,-50%)rotate(-4deg)scale(1)}to{opacity:0}}@keyframes pop-match{0%,24%{opacity:0;transform:scale(.4)}30%,56%{opacity:1;transform:scale(1)rotate(-3deg)}62%,to{opacity:0}}@keyframes to-allow{0%,20%{top:75%;left:60%}44%,56%{top:61%;left:74%}70%,to{top:75%;left:60%}}@keyframes press{0%,40%{transform:none}44%{background:#fff;transform:scale(.9)}50%,to{transform:none}}[data-step=calls] .phone{animation:8s ease-in-out infinite ring}[data-step=calls] .t-ring{animation:8s ease-in-out infinite ring-toast}[data-step=calls] .pc-a{animation:8s ease-in-out infinite to-answer}[data-step=calls] .b-answer{animation:8s infinite press}[data-step=calls] .now .ringing{animation:8s step-end infinite until-answer}[data-step=calls] .now .talking{animation:8s step-end infinite after-answer;display:inline-flex}[data-step=calls] .now small.talking{display:block}.timer:after{content:"0:04"}[data-step=calls] .d-call .on-mac{animation:8s step-end infinite show-after;display:block}[data-step=calls] .d-call .btns{animation:8s step-end infinite until-answer}[data-step=calls] .waves{animation:8s step-end infinite show-after}[data-step=calls] .b-hi{animation:8s infinite hi}@keyframes ring-toast{0%,3%{opacity:0;transform:translate(110%)}8%,40%{opacity:1;transform:none}45%,to{opacity:0;transform:translate(110%)}}@keyframes to-answer{0%,10%{top:75%;left:60%}36%,to{top:31%;left:95%}}.now .btn,.now small{overflow:hidden}@keyframes until-answer{0%{opacity:1;max-width:30cqw;max-height:4cqw}42%,to{opacity:0;border-width:0;max-width:0;max-height:0;padding:0}}@keyframes after-answer{0%{opacity:0;border-width:0;max-width:0;max-height:0;padding:0}42%,to{opacity:1;max-width:30cqw;max-height:4cqw}}@keyframes show-after{0%{opacity:0}42%,to{opacity:1}}@keyframes hi{0%,52%{opacity:0;transform:scale(.4)}58%,90%{opacity:1;transform:scale(1)rotate(-3deg)}96%,to{opacity:0}}[data-step=messages] .d-notif{animation:notif 7s var(--ease) infinite}[data-step=messages] .m-new{animation:msg-in 7s var(--ease) infinite}[data-step=messages] .compose .typing{animation:7s steps(21,end) infinite type-reply}[data-step=messages] .m-reply{animation:msg-out 7s var(--ease) infinite}[data-step=messages] .hand-r{animation:.36s ease-in-out infinite tap;bottom:8.5%;left:33%}[data-step=messages] .hand-l{opacity:1;animation:.36s ease-in-out .18s infinite tap;left:18%}@keyframes notif{0%,6%{transform:translateY(-8cqw)}12%,40%{transform:none}48%,to{transform:translateY(-8cqw)}}@keyframes msg-in{0%,10%{opacity:0;transform:translateY(.6cqw)scale(.9)}16%,to{opacity:1;transform:none}}@keyframes type-reply{0%,26%{width:0}62%{width:21ch}66%,to{width:0}}@keyframes msg-out{0%,64%{opacity:0;transform:translateY(.6cqw)scale(.9)}70%,to{opacity:1;transform:none}}[data-step=photos] .fly-ph{animation:fly-ph 6s var(--ease) infinite}[data-step=photos] .fp2{animation-delay:.25s}[data-step=photos] .fp3{animation-delay:.5s}.fp1{--tx:-50cqw;--ty:-14cqw}.fp2{--tx:-42cqw;--ty:-12cqw}.fp3{--tx:-34cqw;--ty:-16cqw}.fly-ph{top:50%;left:85%}@keyframes fly-ph{0%,6%{opacity:0;transform:none}10%{opacity:1}40%{opacity:1;transform:translate(var(--tx), var(--ty)) rotate(-8deg) scale(1.1)}46%,to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.6)}}[data-step=photos] .grid .pick{animation:6s infinite picked}@keyframes picked{0%,46%{outline-color:#0000}52%,to{outline-color:#0a84ff}}[data-step=photos] .save3{animation:6s infinite ready}@keyframes ready{0%,52%{opacity:.35}56%,to{opacity:1}}[data-step=photos] .pc-a{animation:6s ease-in-out infinite to-save}@keyframes to-save{0%,50%{top:75%;left:60%}68%,to{top:24%;left:88%}}[data-step=photos] .t-saved{animation:6s ease-in-out infinite toast-late}[data-step=files] .sheet{animation:sheet 6s var(--ease) infinite}[data-step=files] .tap{animation:6s infinite tap-ring}[data-step=files] .tgt.send{animation:6s infinite hit}[data-step=files] .f-pdf{animation:fly-pdf 6s var(--ease) infinite}[data-step=files] .t-file{animation:6s ease-in-out infinite toast-late}[data-step=files] .new-file{animation:6s infinite new-row}.f-pdf{top:50%;left:86%}@keyframes sheet{0%,6%{transform:translateY(110%)}14%,46%{transform:none}52%,to{transform:translateY(110%)}}@keyframes tap-ring{0%,30%{opacity:0;transform:scale(.4)}34%{opacity:1;transform:scale(1)}42%,to{opacity:0;transform:scale(1.4)}}@keyframes hit{0%,32%{background:0 0}36%,46%{background:#d6e3ff}50%,to{background:0 0}}@keyframes fly-pdf{0%,44%{opacity:0;transform:none}48%{opacity:1}66%{opacity:1;transform:translate(-46cqw,-16cqw)rotate(-14deg)scale(1.2)}72%,to{opacity:0;transform:translate(-46cqw,-16cqw)scale(.6)}}@keyframes new-row{0%,66%{opacity:0}70%,to{opacity:1}}[data-step=apps] .dw1{animation:dwin .6s .2s var(--ease) both}[data-step=apps] .dw2{animation:dwin .6s .6s var(--ease) both}@keyframes dwin{to{opacity:1;transform:none}}.s-phone[data-step=apps] .tablet{transform:none}.s-phone[data-step=apps] .phone{transform:translate(-30cqw,3cqw)rotate(-8deg)scale(.85)}.s-phone[data-step=apps] .char{opacity:0;transition:opacity .3s}[data-step=apps] .tab-ext .touch{animation:3s ease-in-out 1s infinite touch}@keyframes touch{0%,to{opacity:0;transform:none}15%{opacity:1}60%{opacity:1;transform:translate(6cqw,-2cqw)}70%{opacity:0}}[data-step=apps] .tw{animation:3s ease-in-out 1s infinite drag-w}@keyframes drag-w{15%{transform:none}60%,to{transform:translate(6cqw,-2cqw)}}.s-phone .pc-a{transition:left .5s,top .5s}.s-phone[data-step=apps] .pc-a{top:46%;left:74%}.mini-scene{border:1.5px solid var(--ink);background:#fdf0d8;border-radius:10px;height:84px;position:relative;overflow:hidden}.m-dev{border:2.5px solid var(--ink);background:#3d3934;position:absolute;bottom:14px}.m-lap{border-radius:6px 6px 2px 2px;width:34%;height:40px;left:10%}.m-lap:after{content:"";border:2px solid var(--ink);background:#d8d2c4;border-radius:0 0 6px 6px;height:6px;position:absolute;bottom:-8px;left:-12%;right:-12%}.m-lap:before{content:"";background:linear-gradient(155deg,#ffd9c2,#a9bdf3);border-radius:3px;position:absolute;inset:3px}.m-ph{border-radius:5px;width:20px;height:38px;right:14%}.m-ph:before{content:"";background:linear-gradient(#4a2f7a,#d0694e);border-radius:3px;position:absolute;inset:2px}.m-line{height:30px;position:absolute;top:22px;left:30%;right:18%;overflow:visible}.m-line path{fill:none;stroke:#2f5bd3;stroke-width:2.5px;stroke-dasharray:6 6;vector-effect:non-scaling-stroke;animation:1s linear infinite march}[data-link=ble] .m-line path{stroke:#0a84ff;stroke-dasharray:2 6;stroke-linecap:round;stroke-width:3.5px}[data-link=direct] .m-line path{stroke:#ff9f0a;stroke-dasharray:14 5;animation-duration:.35s}[data-link=hotspot] .m-line path{stroke:#d9472f}[data-link=usb] .m-line path{stroke:var(--ink);stroke-dasharray:none;stroke-width:3px;animation:none}.router{border:2px solid var(--ink);background:#fff;border-radius:4px;width:28px;height:12px;position:absolute;top:6px;left:47%}.router i{border:2px solid var(--ink);border-color:var(--ink) transparent transparent;border-radius:50%;width:14px;height:14px;margin-left:-7px;animation:1.6s infinite wifi;position:absolute;bottom:100%;left:50%}.router i:nth-child(2){width:22px;height:22px;margin-bottom:-4px;margin-left:-11px;animation-delay:.2s}.router i:nth-child(3){width:30px;height:30px;margin-bottom:-8px;margin-left:-15px;animation-delay:.4s}@keyframes wifi{0%,to{opacity:.2}50%{opacity:1}}.ble-ico{color:#fff;width:22px;height:22px;font:700 13px/1 var(--text);border:2px solid var(--ink);background:#0a84ff;border-radius:50%;place-items:center;animation:1.4s ease-in-out infinite blip;display:grid;position:absolute;top:4px;left:50%;transform:translate(-50%)}@keyframes blip{50%{transform:translate(-50%)scale(1.15)}}.bolt{font-size:20px;animation:.8s ease-in-out infinite blip;position:absolute;top:2px;left:50%;transform:translate(-50%)}.hot{width:26px;height:18px;position:absolute;top:4px;right:13%}.hot i{border:2.5px solid #0000;border-top-color:#d9472f;border-radius:50%;animation:1.2s infinite wifi;position:absolute;inset:0}.hot i+i{animation-delay:.3s;inset:5px}@media (prefers-reduced-motion:reduce){.scene *,.mini-scene *{animation:none!important}[data-step=drag] .dicon-drop,[data-step=calls] .now .talking,[data-step=messages] .m-new,[data-step=messages] .m-reply,[data-step=pair] .pair-pop,[data-step=files] .new-file{opacity:1;transform:none}[data-step=keys] .typed{width:29ch}[data-step=apps] .w-paint,[data-step=apps] .droid-win{opacity:1;transform:none}}.scene.paused *,.scene.paused :before,.scene.paused :after{animation-play-state:paused!important}