@font-face{font-family:GSend UI;src:url(/fonts/GSendUI.woff2)format("woff2");font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:GSend Digits;src:url(/fonts/GSendDigits.woff2)format("woff2");font-display:block}@font-face{font-family:WenKai;src:url(/fonts/WenKai.woff2)format("woff2");font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f3e8;--sheet:#fffdf6;--ink:#161616;--muted:#5b564e;--faint:#1616162e;--pink:#f3a6a4;--pink-soft:#f9d9d8;--red:#c4201b;--red-line:#e3312d;--blue:#1f5fa8;--blue-soft:#cfe3f7;--focus:#5da6e8;--ok:#2e7d4f;--ui:"Nunito", "GSend UI", system-ui, -apple-system, "PingFang HK", "Microsoft JhengHei", sans-serif;--user:"Nunito", system-ui, -apple-system, "PingFang HK", "Microsoft JhengHei", sans-serif;--digits:"GSend Digits", "Nunito", sans-serif;--hand:"WenKai", "GSend UI", sans-serif;--line-w:3px;--line:var(--line-w) solid var(--ink);--dash:var(--line-w) dashed var(--ink);--wobble:255px 18px 225px 18px / 18px 225px 18px 255px;--wobble-2:18px 160px 18px 150px / 140px 18px 160px 18px;--wobble-3:120px 14px 110px 14px / 14px 110px 14px 120px;--btn-shadow:4px 4px 0 var(--pink);--btn-shadow-soft:4px 4px 0 var(--pink-soft);--gutter:clamp(16px, 3.4vw, 48px);--max:1344px;--gap:clamp(10px, 2.2vw, 32px);--box-h:clamp(150px, calc(100dvh - 560px), 312px)}html.work{--paper:#fff;--sheet:#fff;--ink:#1b1b1b;--muted:#5f5f5f;--faint:#e3e3e3;--pink:#1b1b1b;--pink-soft:#ededed;--red:#b3261e;--red-line:#b3261e;--blue:#1b1b1b;--blue-soft:transparent;--focus:#2f6fb5;--ui:system-ui, -apple-system, "Segoe UI", "PingFang HK", "Microsoft JhengHei", "Noto Sans HK", sans-serif;--user:var(--ui);--digits:var(--ui);--hand:var(--ui);--line-w:1px;--line:1px solid #cfcfcf;--dash:1px dashed #a8a8a8;--wobble:8px;--wobble-2:6px;--wobble-3:10px;--btn-shadow:none;--btn-shadow-soft:none;--box-h:clamp(96px, calc(100dvh - 640px), 150px)}html.work .brand-only{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}html.work body{font-size:16px}body:before{content:"";z-index:60;pointer-events:none;mix-blend-mode:multiply;opacity:.55;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.25  0 0 0 0 0.2  0 0 0 0 0.12  0 0 0 0.16 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}html.work body:before{display:none}::selection{background:var(--pink-soft)}html.work ::selection{background:#d6e4f5}:focus{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}html.work :focus-visible{outline-offset:2px;outline-width:2px}h1,h2,h3,h4,p{margin:0;font-weight:400}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--red)}html.work a{text-decoration-thickness:1px}html.work a:hover{color:var(--ink)}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.app__header{z-index:40;min-height:72px;padding:10px var(--gutter);background:var(--paper);box-shadow:0 3px 0 var(--ink);align-items:center;gap:18px;display:flex;position:sticky;top:0}html.work .app__header{box-shadow:0 1px 0 var(--faint);min-height:64px}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand__face{flex:none;width:44px;height:44px}.brand__name{font-family:"Nunito", var(--ui);letter-spacing:-.01em;color:var(--blue);text-shadow:3px 3px 0 var(--blue-soft);font-size:30px;font-weight:900;line-height:1}html.work .brand__name{font-family:var(--ui);text-shadow:none;font-size:24px;font-weight:700}.by{color:var(--muted);white-space:nowrap;font-size:15px;text-decoration:none}.by:hover{color:var(--ink);text-decoration:underline}.header__spacer{flex:1}.header__tools{align-items:center;gap:22px;display:flex}.switch{cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;font-size:17px;display:inline-flex}.switch__track{border:2.5px solid var(--ink);background:var(--sheet);border-radius:30px 14px 28px 16px/16px 28px 14px 30px;flex:none;width:48px;height:28px;transition:background .18s;position:relative}.switch__knob{background:var(--ink);border-radius:50%;width:17px;height:17px;transition:transform .22s cubic-bezier(.3,1.5,.6,1),background .18s;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch__track{background:var(--ink)}.switch[aria-checked=true] .switch__knob{background:#fff;transform:translate(20px)}html.work .switch__track{border:1px solid var(--ink);border-radius:20px}html.work .switch__knob{width:18px;height:18px;top:4px;left:4px}.switch__short{display:none}.lang{cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:17px}.lang:hover{text-underline-offset:3px;text-decoration:underline}.app__main{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding:clamp(18px, 4vh, 44px) var(--gutter) 28px;flex-direction:column;flex:1;margin:0 auto;display:flex}.app__footer{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding:10px var(--gutter) 22px;color:var(--muted);flex-wrap:wrap;gap:6px 20px;margin:0 auto;font-size:15px;display:flex}.app__footer a{margin-left:auto}.status{color:var(--ink);white-space:nowrap;align-items:center;gap:8px;font-size:15px;display:inline-flex}.status__dot{background:var(--ok);border-radius:50%;flex:none;width:10px;height:10px}.status--warn{color:var(--red)}.status--warn .status__dot{background:var(--red)}.btn{font-family:var(--ui);color:#fff;background:var(--ink);border:var(--line-w) solid var(--ink);border-radius:var(--wobble-2);box-shadow:var(--btn-shadow);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:19px;line-height:1.3;text-decoration:none;transition:box-shadow .15s,transform .15s,background .15s;display:inline-flex}.btn:hover:not(:disabled){color:#fff;box-shadow:6px 6px 0 var(--pink);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--pink);transition-duration:80ms;transform:translate(4px,4px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--ghost{color:var(--ink);box-shadow:var(--btn-shadow-soft);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--ink);box-shadow:6px 6px 0 var(--pink-soft)}.btn--ghost:active:not(:disabled){box-shadow:0 0 0 var(--pink-soft)}.btn--danger{color:#fff;background:var(--red);border-color:var(--red);box-shadow:4px 4px 0 var(--pink-soft)}.btn--danger:hover:not(:disabled){box-shadow:6px 6px 0 var(--pink-soft)}.btn--small{border-width:2.5px;padding:6px 16px;font-size:16px}.btn--text{color:var(--ink);box-shadow:none;text-underline-offset:3px;background:0 0;border:0;padding:4px 2px;font-size:15px;text-decoration:underline;text-decoration-thickness:2px}.btn--text:hover:not(:disabled){color:var(--red);box-shadow:none;transform:none}.btn--text:active:not(:disabled){box-shadow:none;transform:none}html.work .btn{border-radius:6px;padding:10px 22px;font-size:16px;font-weight:500}html.work .btn--ghost{border:var(--line)}html.work .btn--small{padding:6px 14px;font-size:14px}html.work .btn:hover:not(:disabled),html.work .btn:active:not(:disabled){box-shadow:none;transform:none}html.work .btn:hover:not(:disabled){background:#333}html.work .btn--ghost:hover:not(:disabled){background:#f2f2f2}html.work .btn--danger:hover:not(:disabled){background:#8f1e17}html.work .btn--text{font-size:14px;text-decoration-thickness:1px}html.work .btn--text:hover:not(:disabled){color:var(--ink);background:0 0}.field{border:var(--line);border-radius:var(--wobble);background:var(--sheet);min-width:0;min-height:58px;color:var(--ink);font-family:var(--user);caret-color:var(--red);padding:0 20px;font-size:18px}.field::placeholder{color:var(--muted);font-family:var(--ui);opacity:1}.field:focus-visible{outline-offset:2px}html.work .field{caret-color:auto;min-height:48px;padding:0 14px;font-size:16px}.hand-note{font-family:var(--hand);color:var(--red);white-space:pre-line;font-size:clamp(20px,1.75vw,24px);line-height:1.4}.stamps{flex-wrap:wrap;gap:14px 18px;margin:0;padding:0;list-style:none;display:flex}.stamps li{font-family:var(--hand);color:var(--red);border:2.5px solid var(--red);outline:1.5px solid var(--red);outline-offset:2.5px;opacity:.92;white-space:nowrap;border-radius:6px;padding:7px 12px 6px;font-size:20px;line-height:1}.stamps li:first-child{transform:rotate(-3deg)}.stamps li:nth-child(2){transform:rotate(2deg)}.stamps li:nth-child(3){transform:rotate(-1.5deg)}.alert{border:2.5px solid var(--red);border-radius:var(--wobble-3);background:var(--sheet);color:var(--red);margin:0;padding:12px 18px;font-size:16px;line-height:1.6}.alert--soft{border-color:var(--ink);color:var(--ink);cursor:pointer}.alert__row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.alert__row>span{flex:260px}html.work .alert{border-width:1px;border-radius:6px;font-size:15px}html.work .alert--soft{border:var(--line)}.home{flex-direction:column;gap:0;display:flex}.home__ask{align-items:flex-end;gap:24px;min-height:calc(1.15*min(178px,11.7vw) - 30px);padding-bottom:18px;display:flex;position:relative}.ask{max-width:calc(58% - 80px);font-size:clamp(26px,2.7vw,38px);line-height:1.25}.ask__sub{color:var(--muted);margin-top:6px;font-size:19px;display:block}html.work .ask{font-size:clamp(22px,2.2vw,30px);font-weight:600}html.work .home__ask{min-height:0;padding-top:8px}.home__note{width:max-content;max-width:380px;position:absolute;bottom:56px;left:58%;transform:rotate(-3deg)}.home__note svg{width:64px;height:80px;position:absolute;top:40px;left:-64px;overflow:visible}.home__alerts{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.code-row{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.code-box{height:var(--box-h);background:var(--sheet);border:calc(var(--line-w) + 1px) solid var(--ink);border-radius:var(--wobble);place-items:center;transition:border-color .15s,box-shadow .15s;display:grid;position:relative;container-type:size}.code-box:nth-child(2){border-radius:var(--wobble-2)}.code-box:nth-child(4){border-radius:30px 200px 24px 210px/200px 24px 210px 30px}.code-box--active{box-shadow:6px 6px 0 var(--pink-soft)}html.work .code-box{border:1.5px solid #cfcfcf;border-radius:10px}html.work .code-box--active{border-color:var(--ink);box-shadow:none}.code-box__digit{font-family:var(--digits);color:var(--pink);-webkit-text-stroke:clamp(3px, 2.3cqh, 7px) var(--ink);paint-order:stroke fill;padding-top:6cqh;font-size:84cqh;line-height:1;animation:.26s cubic-bezier(.2,.9,.3,1.2) both stamp-in}.code-row--stagger .code-box__digit{animation-delay:calc(var(--i,0) * 90ms)}html.work .code-box__digit{color:var(--ink);-webkit-text-stroke:0;font-variant-numeric:tabular-nums;padding-top:0;font-size:72cqh;font-weight:300}.code-box__caret{background:var(--ink);border-radius:5px;width:clamp(3px,3cqh,9px);height:48cqh;animation:1.1s step-end infinite blink}html.work .code-box__caret{width:2px;height:50cqh}.code-box__dot{background:var(--faint);width:9cqh;height:9cqh;animation:1s ease-in-out infinite alternate pulse;animation-delay:calc(var(--i,0) * .12s);border-radius:50%}.code-input{opacity:0;cursor:text;z-index:3;background:0 0;border:0;width:100%;height:100%;font-size:24px;position:absolute;inset:0}.code-pig{--at:3;z-index:2;width:clamp(76px,12.5%,178px);bottom:calc(100% - clamp(10px,1.6vw,22px));left:calc((100% - 3 * var(--gap)) / 4 * (var(--at) + .5) + var(--gap) * var(--at));pointer-events:none;transition:left .32s cubic-bezier(.3,.8,.4,1);position:absolute;transform:translate(-50%)}.code-pig img{transform-origin:50% 100%;width:100%;height:auto}.code-row--intro .code-box{animation:.42s cubic-bezier(.2,.9,.3,1.08) both drop-in;animation-delay:calc(var(--i,0) * 60ms)}.code-row--intro .code-pig img{animation:.5s cubic-bezier(.3,.7,.4,1.2) .32s both land}.code-row .code-pig--hop img{animation:.34s cubic-bezier(.3,.7,.4,1) hop}.home__under{min-height:44px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:18px;font-size:16px;display:flex}.home__under>p{flex:320px}.home__error{color:var(--red)}.home__error .btn--text{color:var(--red);margin-left:10px}.strip{background:var(--sheet);border:var(--line);border-radius:var(--wobble-3);grid-template-columns:minmax(200px,250px) minmax(0,1fr) auto auto minmax(240px,320px);align-items:center;gap:18px 26px;margin-top:clamp(18px,3vh,34px);padding:22px 32px;display:grid}html.work .strip{padding:18px 22px}.strip__title h2{font-size:30px;line-height:1.15}html.work .strip__title h2{font-size:22px;font-weight:600}.strip__title p{color:var(--muted);margin-top:4px;font-size:15px}.strip__row{align-items:center;gap:14px;min-width:0;display:flex}.strip__row .field{flex:1}.strip__sep{border-left:2.5px dashed var(--faint);align-self:stretch;width:0}html.work .strip__sep{border-left:1px solid var(--faint)}.staged{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.staged b{font-weight:700}.devices__head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.devices__head h3{font-size:19px}.devices__sub{color:var(--muted);font-size:14px}.devices__head .btn--text{margin-left:auto}.devices__none{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.5}.chips{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.chip{border:2.5px solid var(--ink);border-radius:var(--wobble-2);background:var(--sheet);max-width:100%;font-family:var(--user);cursor:pointer;box-shadow:3px 3px 0 var(--pink-soft);align-items:center;gap:8px;padding:6px 14px;font-size:16px;transition:transform .15s,box-shadow .15s;display:inline-flex}.chip:hover:not(:disabled){box-shadow:4px 4px 0 var(--pink);transform:translate(-1px,-1px)}.chip:active:not(:disabled){box-shadow:none;transform:translate(3px,3px)}.chip:disabled{cursor:default;color:var(--muted);border-color:var(--faint);box-shadow:none}.chip__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip__dot{background:var(--ok);border-radius:50%;flex:none;width:10px;height:10px}.chip:disabled .chip__dot{border:2px solid var(--muted);background:0 0}html.work .chip{border:var(--line);box-shadow:none;border-radius:6px;font-size:15px}html.work .chip:hover:not(:disabled),html.work .chip:active:not(:disabled){box-shadow:none;background:#f2f2f2;transform:none}.sheet{background:var(--sheet);border:var(--line);border-radius:var(--wobble-3);padding:24px 30px}html.work .sheet{padding:20px 22px}.manage{flex-direction:column;gap:14px;margin-top:18px;display:flex}.manage h3{font-size:22px}html.work .manage h3{font-size:18px;font-weight:600}.manage__list{margin:0;padding:0;list-style:none}.manage__item{border-bottom:2px dashed var(--faint);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 0;display:flex}html.work .manage__item{border-bottom:1px solid var(--faint)}.manage__name{min-width:0;font-family:var(--user);text-overflow:ellipsis;white-space:nowrap;flex:200px;overflow:hidden}.manage__meta,.manage__note{color:var(--muted);font-size:15px}.manage__note .btn--text{margin-left:8px}.manage__rename{flex:200px;min-height:44px}.countdown{flex:380px;align-items:center;gap:16px;display:flex}.countdown__track{border:2.5px solid var(--ink);background:var(--sheet);border-radius:10px 4px 12px/4px 12px 4px 10px;flex:1;max-width:520px;height:14px;overflow:hidden}.countdown__fill{background:var(--pink);height:100%;transition:width 1s linear}.countdown__text{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px}.countdown--urgent .countdown__fill{background:var(--red-line)}.countdown--urgent .countdown__text{color:var(--red)}html.work .countdown__track{background:#ebebeb;border:0;border-radius:3px;height:6px}.strip--host{grid-template-columns:auto minmax(0,1fr) auto}.qr-plate{border:var(--line);border-radius:var(--wobble-2);background:#fff;padding:10px}.qr{width:148px;height:148px;image-rendering:pixelated;display:block}.host__info{flex-direction:column;gap:10px;min-width:0;display:flex}.host__queued{font-size:18px}.host__burn{color:var(--muted);max-width:72ch;font-size:14px;line-height:1.6}.link-copy{border:2.5px solid var(--ink);border-radius:var(--wobble-2);background:var(--sheet);cursor:pointer;align-self:flex-start;align-items:center;gap:12px;max-width:100%;padding:8px 16px;font-size:16px;display:inline-flex}.link-copy__url{font-family:var(--user);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-copy__hint{color:var(--red);flex:none}html.work .link-copy{border:var(--line);border-radius:6px;font-size:15px}html.work .link-copy__hint{color:var(--muted)}.waiting{flex-direction:column;align-items:stretch;width:100%;max-width:620px;margin:clamp(8px,4vh,40px) auto 0;display:flex}.waiting__pig{z-index:1;width:min(320px,70%);margin:0 auto -18px;animation:2.4s ease-in-out infinite float;position:relative}.waiting__pig--still{animation:none}.waiting .sheet{flex-direction:column;gap:14px;display:flex}.waiting h2{font-size:34px;line-height:1.2}html.work .waiting h2{font-size:24px;font-weight:600}.waiting p{font-size:17px}.facts{grid-template-columns:auto 1fr;gap:4px 18px;margin:0;font-size:15px;display:grid}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;margin:0}.dots{vertical-align:middle;gap:6px;margin-left:10px;display:inline-flex}.dots i{background:var(--ink);border-radius:50%;width:8px;height:8px;animation:.7s ease-in-out infinite alternate pulse}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.session{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}.session__main{flex-direction:column;gap:16px;min-width:0;display:flex}.session__aside{flex-direction:column;gap:16px;display:flex;position:sticky;top:96px}.session-head{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.session-head h2{font-size:34px;line-height:1.2}html.work .session-head h2{font-size:24px;font-weight:600}.session-head__meta{color:var(--muted);font-size:15px}.session-head .btn{margin-left:auto}.remember{background:var(--pink-soft);flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}html.work .remember{background:#f7f7f7}.remember p{flex:280px;font-size:16px}.transfers{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.empty{color:var(--muted);padding:6px 2px;font-size:16px}.transfer{background:var(--sheet);border:2.5px solid var(--ink);border-radius:var(--wobble-3);grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"arrow name action""arrow bar action""arrow meta action";align-items:center;gap:4px 14px;padding:14px 18px;display:grid}html.work .transfer{border:var(--line);border-radius:8px;padding:12px 14px}.transfer--dim{border-color:var(--faint)}.transfer__arrow{color:var(--muted);grid-area:arrow;align-self:start;padding-top:3px}.transfer__arrow svg{width:16px;height:22px;display:block}.transfer__arrow--live{color:var(--red)}html.work .transfer__arrow--live{color:var(--ink)}.transfer__name{min-width:0;font-family:var(--user);text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-size:17px;font-weight:700;overflow:hidden}.transfer__bar{grid-area:bar;align-items:center;gap:12px;display:flex}.transfer__pct{font-variant-numeric:tabular-nums;text-align:right;min-width:42px;font-size:15px;font-weight:700}.transfer__meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;grid-area:meta;gap:0 14px;font-size:14px;display:flex}.transfer--dim .transfer__meta{color:var(--red)}.transfer__action{grid-area:action;justify-content:flex-end;align-items:center;gap:8px;display:flex}.transfer__saved{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:22ch;font-size:14px;overflow:hidden}.pbar{border:2.5px solid var(--ink);background:var(--paper);border-radius:10px 4px 12px/4px 12px 4px 10px;flex:1;height:16px;position:relative}.pbar__fill{background:var(--pink);border-radius:inherit;transition:width .3s linear;position:absolute;top:0;bottom:0;left:0}.pbar--done .pbar__fill{background:var(--ink)}.pbar--dim .pbar__fill{background:var(--faint)}.pbar__pig{pointer-events:none;width:54px;height:auto;transition:left .3s linear;position:absolute;top:50%;transform:translate(-62%,-58%)}html.work .pbar{background:#ebebeb;border:0;border-radius:3px;height:6px}html.work .pbar__fill{background:var(--ink)}.messages{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.message{align-items:flex-end;gap:10px;max-width:88%;display:flex}.message--mine{flex-direction:row-reverse;align-self:flex-end}.message__body{background:var(--sheet);border:2.5px solid var(--ink);font-family:var(--user);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:160px 28px 150px 30px/30px 150px 28px 160px;padding:12px 18px;font-size:17px}.message--mine .message__body{background:var(--pink-soft);border-radius:28px 160px 30px 150px/150px 30px 160px 28px}html.work .message__body,html.work .message--mine .message__body{border:var(--line);background:#fff;border-radius:8px}html.work .message--mine .message__body{background:#f4f4f4}.dropzone{text-align:center;border:var(--dash);border-radius:var(--wobble-2);flex-direction:column;align-items:center;gap:10px;padding:22px 18px;display:flex}.dropzone p{font-size:18px}.dropzone small{color:var(--muted);font-size:14px}.arrow-up{width:30px;height:36px}html.work .arrow-up path{stroke-width:1.6px;stroke:var(--muted)}.composer{gap:10px;display:flex}.composer .field{flex:1}.composer .btn{padding-inline:18px}.aside-note{color:var(--muted);font-size:14px;line-height:1.6}.ended{width:100%;max-width:640px;margin:clamp(8px,3vh,36px) auto 0}.ended__pig{z-index:1;width:min(170px,45%);margin:0 auto -8px;position:relative}.ended__pig--crash{width:min(280px,64%);margin-bottom:-14px}.ended .sheet{flex-direction:column;gap:16px;display:flex}.ended h2{font-size:34px;line-height:1.2}html.work .ended h2{font-size:24px;font-weight:600}.ended__lede{font-size:17px}.ended__actions{flex-wrap:wrap;gap:14px;margin-top:4px;display:flex}.ended__held{flex-direction:column;gap:12px;display:flex}.ended__held .transfer{grid-template-areas:"arrow name action""arrow meta action"}.ended__held .transfer__bar{display:none}.drop-overlay{z-index:70;border:4px dashed var(--ink);border-radius:var(--wobble-3);background:color-mix(in srgb, var(--paper) 86%, transparent);pointer-events:none;align-content:center;place-items:center;gap:14px;animation:.15s both fade-in;display:grid;position:fixed;inset:12px}.drop-overlay img{width:min(320px,50vw);animation:1.6s ease-in-out infinite float}.drop-overlay p{font-size:clamp(24px,3vw,38px)}.drop-overlay small{color:var(--muted);font-size:16px}html.work .drop-overlay{background:#ffffffeb;border:2px dashed #8a8a8a;border-radius:12px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse{0%{opacity:.35}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes stamp-in{0%{opacity:0;transform:scale(1.35)rotate(-6deg)}60%{opacity:1;transform:scale(.94)rotate(1deg)}to{opacity:1;transform:none}}@keyframes drop-in{0%{opacity:0;transform:translateY(-26px)rotate(-1.5deg)}to{opacity:1;transform:none}}@keyframes land{0%{opacity:0;transform:translateY(-90px)rotate(-8deg)}70%{opacity:1;transform:translateY(4px)scale(1.03,.96)}to{opacity:1;transform:none}}@keyframes hop{0%{transform:none}45%{transform:translateY(-30%)rotate(-5deg)}80%{transform:translateY(2%)scale(1.04,.95)}to{transform:none}}@keyframes float{0%{transform:translateY(-6px)rotate(-2deg)}to{transform:translateY(6px)rotate(1deg)}}html.work .code-box__digit{animation-name:fade-in;animation-duration:.12s}html.work .code-row--intro .code-box{animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1100px){.strip{grid-template-columns:minmax(0,1fr) auto}.strip__title{grid-column:1/-1}.strip__row{grid-column:1/2}.strip__sep{display:none}.strip .devices{border-top:2.5px dashed var(--faint);grid-column:1/-1;padding-top:16px}html.work .strip .devices{border-top-style:solid;border-top-width:1px}.strip--host{grid-template-columns:auto minmax(0,1fr)}.strip--host>.btn{grid-column:1/-1;justify-self:start}.session{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=820px){:root{--box-h:clamp(88px, 24vw, 200px)}html.work{--box-h:clamp(72px, 17vw, 110px)}body{font-size:16px}.app__header{gap:10px;min-height:60px}.brand{gap:8px}.brand__face{width:36px;height:36px}.brand__name{font-size:25px}.by{display:none}.header__tools{gap:10px}.switch{gap:6px}.header__tools .btn--small{padding:4px 10px;font-size:14px}.app__header{flex-wrap:wrap;row-gap:4px}.app__header>.status{flex-basis:100%;order:5;font-size:14px}.switch,.lang{font-size:15px}.switch__long{display:none}.switch__short{display:inline}.switch__track{width:42px;height:25px}.switch__knob{width:15px;height:15px}.switch[aria-checked=true] .switch__knob{transform:translate(17px)}html.work .switch__knob{width:15px;height:15px;top:4px}.home__ask{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;min-height:clamp(70px,20vw,120px);padding-right:88px}html.work .home__ask{padding-right:0}.ask{max-width:none}.ask__sub{margin-top:4px;font-size:16px}.home__note{display:none}.home__under{flex-direction:column;align-items:stretch}.home__under>p,.countdown{flex:none}.stamps li{font-size:17px}.strip,.strip--host{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px}.strip__row{flex-wrap:wrap}.strip__row .field{flex:100%;order:-1}.strip>.btn,.strip__row .btn{width:100%}.strip__title h2{font-size:24px}.strip--host .qr-plate{justify-self:center}.qr{width:180px;height:180px}.session{grid-template-columns:minmax(0,1fr)}.session__aside{position:static}.dropzone{border:0;padding:0}.dropzone .arrow-up,.dropzone p{display:none}.dropzone .btn{width:100%}.session-head h2,.waiting h2,.ended h2{font-size:26px}.transfer{grid-template-columns:22px minmax(0,1fr) auto;padding:12px 14px}.btn{font-size:17px}.btn,.field,.link-copy{min-height:48px}.btn--small,.chip{min-height:40px}.btn--text{min-height:36px}.sheet{padding:18px}.app__footer a{margin-left:0}}@media (width<=380px){.app__header,.header__tools{gap:8px}.brand__name{font-size:22px}}
