@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-italic.xAqemagA.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-italic.DFS986qL.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-italic.Bxi8ein9.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}:root{--paper:#fff;--ink:#000;--ghost:#767676;--faint:#a6a6a6;--hairline:#ddd;--desk-1:#2b3140;--desk-2:#171b24;--taskbar:#0f1218;--taskbar-icon:#3a4252;--win-bg:#fff;--win-border:#c9ccd3;--win-chrome:#eef0f3;--win-chrome-border:#d5d8de;--win-ink:#333;--win-muted:#545962;--win-rule:#e6e8ec;--win-bad:#c0392b;--note-ink:#3a2f00;--note-y:#f9e46b;--note-p:#f8b5d0;--note-b:#a9d8f5;--serif:"Newsreader Variable", Newsreader, Georgia, "Times New Roman", serif;--ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--hand:"Marker Felt", "Comic Sans MS", "Bradley Hand", "Segoe Print", cursive;--text-s:1.0625rem;--text-m:1.25rem;--text-l:clamp(1.625rem, 3.4vw, 2.5rem);--text-xl:clamp(1.875rem, 5vw, 3.5rem);--text-number:clamp(3.25rem, 7vw, 6.5rem);--gutter:clamp(20px, 4vw, 40px);--card-border:#0000001f;--card-radius:10px;--card-shadow:0 1px 2px #0000000a, 0 6px 16px #00000012;--header-h:84px;--frame-question-gap:clamp(14px, 2.2vh, 22px);--frame-top:calc(var(--header-h) + clamp(44px, 9vh, 92px));--frame-bottom:clamp(52px, 8vh, 72px);--frame-side:var(--gutter);--frame-radius:20px;--measure:40rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--serif);font-weight:400;font-size:var(--text-m);color:var(--ink);background:var(--paper);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit}h1,h2{letter-spacing:-.005em;font-weight:300;line-height:1.15}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ghost{color:var(--ghost)}.measure{width:min(var(--measure), 100%);margin-inline:auto}.center{text-align:center}.site-header{z-index:20;height:var(--header-h);padding:0 var(--gutter);color:var(--ink);pointer-events:none;justify-content:space-between;align-items:center;font-size:1.375rem;transition:color .24s;display:flex;position:fixed;inset:0 0 auto}.site-header a{pointer-events:auto;text-decoration:none}.logo{transform-origin:50%;transform:translate(calc(var(--mark-dx,0px) * var(--mark,0)), calc(var(--mark-dy,0px) * var(--mark,0))) scale(calc((1 + (var(--mark-scale,1) - 1) * var(--mark,0)) * (.94 + .06 * var(--mark-seen,1))));opacity:var(--mark-seen,1);transition:transform 80ms linear,opacity 80ms linear;display:inline-block}html:has([data-mark]) .logo:not([data-seen=yes]){visibility:hidden}.logo__arc{line-height:1;display:inline-block;position:relative}.logo__ring path:first-child{stroke-dasharray:1 1;stroke-dashoffset:calc(1 - clamp(0, calc((var(--mark-seen,1) - .25) / .6), 1));transition:stroke-dashoffset 80ms linear}.logo__ring path:last-child{opacity:clamp(0, calc((var(--mark-seen,1) - .8) / .2), 1);transition:opacity 80ms linear}.logo__ring{left:var(--ring-left,calc(50% - 1.1em));top:var(--ring-top,-.65em);width:var(--ring-width,2.2em);height:var(--ring-height,2.2em);fill:none;stroke:currentColor;stroke-width:.055em;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;overflow:visible}.logo__base{vertical-align:baseline;width:0;height:0;display:inline-block}.logo__stop{opacity:clamp(0, calc((var(--mark,0) - .85) / .15), 1);transition:opacity 80ms linear}.ctas{justify-items:end;font-size:1rem;font-weight:400;display:grid}.ctas>a{border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--win-bg);height:36px;box-shadow:var(--card-shadow);white-space:nowrap;grid-area:1/1;justify-content:center;align-items:center;padding:0 16px;transition:opacity .32s,visibility 0s linear .32s,border-color .16s,box-shadow .16s;display:inline-flex;position:relative}.ctas>a:after{content:"";position:absolute;inset:-5px -4px}.cta__label{text-box:trim-both cap alphabetic;display:block}@supports not (text-box:trim-both cap alphabetic){.cta__label{transform:translateY(.11em)}}.ctas>a:hover{border-color:#0000004d;box-shadow:0 1px 2px #0000000f,0 10px 24px #0000001a}.cta--work,.site-header[data-cta=work] .cta--hello{opacity:0;visibility:hidden}.site-header[data-cta=work] .cta--work{opacity:1;visibility:visible;transition-delay:0s}.beat{position:relative}.beat--screen{height:var(--screen-height,560vh)}.beat--watch{height:var(--watch-height,760vh)}.beat__end{pointer-events:none;width:1px;height:100dvh;position:absolute;bottom:0;left:0}.beat--text{min-height:100svh;padding:120px var(--gutter);justify-content:center;align-items:center;display:flex}.stage{background:var(--paper);height:100dvh;position:sticky;top:0;overflow:hidden}.desk-question{left:var(--frame-side);right:var(--frame-side);top:var(--header-h);height:calc(var(--frame-top) - var(--header-h));padding-bottom:var(--frame-question-gap);text-align:center;font-size:var(--text-l);text-wrap:balance;opacity:var(--wallpaper,1);transform:translateY(calc(var(--lid,0) * .97 * (100dvh - var(--frame-top) - var(--frame-bottom))));justify-content:center;align-items:flex-end;margin:0;font-weight:300;line-height:1.15;transition:opacity 80ms linear,transform 80ms linear;display:flex;position:absolute}@media (width>=760px){:root{--header-h:clamp(84px, 4.5vw + 40px, 120px);--frame-top:calc(var(--header-h) + 8px)}.desk-question{height:var(--header-h);align-items:center;padding-bottom:0;top:0}}.desk-cue{height:var(--frame-bottom);line-height:var(--frame-bottom);text-align:center;color:var(--ghost);opacity:var(--cue,1);pointer-events:none;margin:0;font-size:.9375rem;transition:opacity .12s linear;position:absolute;bottom:0;left:0;right:0}.desk-cue__arrow{vertical-align:baseline;background:currentColor;width:1px;height:.64em;margin-left:9px;animation:2.8s cubic-bezier(.45,0,.55,1) infinite cue;display:inline-block;position:relative}.desk-cue__arrow:after{content:"";border-bottom:1px solid;border-right:1px solid;width:5px;height:5px;position:absolute;bottom:0;left:-2.5px;transform:rotate(45deg)}@keyframes cue{0%{opacity:0;transform:translateY(-4px)}35%,60%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.desk-cue__arrow{animation:none}}@media (width<=640px){:root{--header-h:calc(36px + 2 * var(--gutter));--frame-top:calc(var(--header-h) + 84px);--frame-radius:16px}}.keep{left:var(--gutter);right:var(--gutter);text-align:center;pointer-events:none;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.stage[data-phase=line] .keep{pointer-events:auto}.keep>*{grid-area:1/1;align-self:center;margin:0}.keep__pair{opacity:calc(1 - var(--lines-out,0));transform:translateY(calc(var(--lines-out,0) * -12px));transition:opacity 80ms linear,transform 80ms linear}.keep__clock{width:26px;height:26px;color:var(--ghost);opacity:var(--line,0);margin:26px auto 0;transition:opacity 80ms linear;display:block}.keep__clock svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;width:100%;height:100%;display:block}.keep__hand{transform-box:view-box;transform-origin:12px 12px;animation:6s linear infinite hand}.keep__hand--hour{animation-duration:72s}@keyframes hand{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.keep__hand{animation:none}}.keep__line{font-size:var(--text-xl);opacity:var(--line,0);transform:translateY(calc((1 - var(--line,0)) * 16px));transition:opacity 80ms linear,transform 80ms linear}.keep__sub{font-size:var(--text-l);opacity:var(--subline,0);transform:translateY(calc((1 - var(--subline,0)) * 12px));margin-top:26px;font-weight:300;line-height:1.2;transition:opacity 80ms linear,transform 80ms linear}.stage--watch{padding:0 var(--gutter);justify-content:center;align-items:center;display:flex}.stage__content{z-index:2;width:min(70rem,100%);display:grid;position:relative}.stage__content>*{grid-area:1/1;align-self:center;min-width:0}.pipe{left:var(--pipe-left,50%);top:var(--pipe-top,50%);width:var(--pipe-width,0px);z-index:1;pointer-events:none;height:2px;opacity:calc(var(--simplify,0) * (1 - var(--confession,0)));--c:var(--confession,0);left:calc(var(--pipe-left,0px) + (var(--pipe-left-3,0px) - var(--pipe-left,0px)) * var(--c));top:calc(var(--pipe-top,0px) + (var(--pipe-top-3,0px) - var(--pipe-top,0px)) * var(--c));width:calc(var(--pipe-width,0px) + (var(--pipe-width-3,0px) - var(--pipe-width,0px)) * var(--c));margin-top:-1px;transition:opacity 80ms linear;position:absolute}.pipe__drop{width:1px;height:var(--drop,0px);transform:scaleY(var(--field,0));transform-origin:top;background:#c3c4cc;margin-left:-.5px;transition:transform 80ms linear;position:absolute;top:0;left:50%}.nodes{z-index:1;pointer-events:none;opacity:calc(1 - .35 * var(--field,0));transition:opacity 80ms linear;position:absolute;inset:0}.node{--c:var(--confession,0);--b:var(--node-base,48px);width:var(--b);height:var(--b);margin:calc(var(--b) / -2) 0 0 calc(var(--b) / -2);border:1px solid var(--card-border);background:var(--win-bg);box-shadow:var(--card-shadow);color:#6e6e73;opacity:calc(var(--appear,0) * (1 - var(--c)));transform:translate(calc(var(--rx,0px) + (var(--ex,0px) - var(--rx,0px)) * var(--c)), calc(var(--ry,0px) + (var(--ey,0px) - var(--ry,0px)) * var(--c))) scale(calc(1 + (var(--node-settled,1) - 1) * var(--c)));border-radius:24%;place-items:center;transition:transform 80ms linear,opacity 80ms linear;display:grid;position:absolute;top:0;left:0}.node[hidden]{display:none}.stage--watch[data-hold=understand] .node{animation:3.2s ease-in-out infinite read;animation-delay:calc(var(--slot,0) * .32s)}@keyframes read{0%,20%,to{border-color:var(--card-border);color:#6e6e73;box-shadow:var(--card-shadow);translate:0}6%,12%{border-color:var(--ink);color:var(--ink);translate:0 -4px;box-shadow:0 1px 2px #0000000f,0 10px 22px #0000001f}}@media (prefers-reduced-motion:reduce){.stage--watch[data-hold=understand] .node{animation:none}}.node svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:46%;height:46%}.pipe-room{height:28px}.pipe__line{height:1px;opacity:var(--handoff,1);background:#c3c4cc;margin-top:-.5px;transition:opacity 80ms linear;position:absolute;top:50%;left:0;right:0}.pipe__item{opacity:0;background:#fff;border-radius:6px;width:22px;height:22px;margin:-11px 0 0 -11px;animation:9s linear infinite paused flow;position:absolute;top:50%;left:0;box-shadow:0 2px 8px #00000024}.pipe__glyph{fill:none;width:16px;height:16px;stroke:var(--ink);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:none;position:absolute;top:3px;left:3px}.pipe__glyph--mess{animation-name:glyph-mess}.pipe__glyph--draft{animation-name:glyph-draft}.pipe__glyph--done{animation-name:glyph-done}.stage--watch[data-pipe=on] .pipe__item,.stage--watch[data-pipe=on] .pipe__glyph{animation-play-state:running}@keyframes flow{0%{opacity:0;left:0}4%,95%{opacity:1}to{opacity:0;left:100%}}@keyframes glyph-mess{0%,16%{opacity:1}22%,to{opacity:0}}@keyframes glyph-draft{0%,16%{opacity:0}22%,52%{opacity:1}58%,to{opacity:0}}@keyframes glyph-done{0%,52%{opacity:0}58%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.pipe__item{display:none}}.steps{text-align:center;pointer-events:none;opacity:calc(1 - var(--word-out,0));justify-items:center;gap:24px;transition:opacity 80ms linear;display:grid}.lead{font-size:min(var(--text-l), calc((100vw - 2 * var(--gutter)) / 13.4));font-weight:300;line-height:1.25}.lead__stack{justify-items:center;display:grid}.lead__item{white-space:nowrap;opacity:var(--w,0);transform:translateY(calc((1 - var(--w,0)) * 8px));grid-area:1/1;transition:opacity 80ms linear,transform 80ms linear}.lead__item--typed{position:relative}.lead__size{visibility:hidden}.lead__live{white-space:nowrap;position:absolute;top:0;left:0}.cursor{vertical-align:-.12em;width:2px;height:1em;animation:blink var(--cursor-period-ms,.6s) steps(1) infinite;background:currentColor;margin-left:.12em;display:inline-block}@keyframes blink{50%{opacity:0}}.bigword{font-size:min(clamp(3.5rem, 15vw, 13rem), calc((100vw - 2 * var(--gutter)) / 5.8));letter-spacing:-.025em;opacity:var(--word,0);transform:scale(calc(.5 + .5 * var(--word,0) + .12 * var(--word-out,0)));place-items:center;font-weight:300;line-height:1;transition:opacity 80ms linear,transform 80ms linear;display:grid}.bigword__w{opacity:var(--w,0);transform:scale(calc(.94 + .06 * var(--w,0)));grid-area:1/1;transition:opacity 80ms linear,transform 80ms linear}.stage--watch[data-confession=hidden] .confession-block{pointer-events:none}.confession{font-size:var(--text-xl);letter-spacing:-.01em;text-wrap:balance;line-height:1.1}.confession__word{--k:clamp(0, calc((var(--confession,1) - var(--i,0) * .12) / .4), 1);opacity:var(--k);transform:translateY(calc((1 - var(--k)) * 14px));transition:opacity 80ms linear,transform 80ms linear;display:inline-block}.confession__word:first-child{--i:0}.confession__word:nth-child(2){--i:1}.confession__word:nth-child(3){--i:2}.confession__word:nth-child(4){--i:3}.confession__word:nth-child(5){--i:4}.confession__word:nth-child(6){--i:5}.confession__word:nth-child(7){--i:6}.confession__word:nth-child(8){--i:7}.confession__sub{--k:clamp(0, calc((var(--confession,1) - .6) / .4), 1);font-size:var(--text-m);opacity:var(--k);transform:translateY(calc((1 - var(--k)) * 10px));margin:.7em 0 0;font-weight:300;line-height:1.4;transition:opacity 80ms linear,transform 80ms linear}.ending-links{left:var(--gutter);right:var(--gutter);z-index:2;text-align:center;color:var(--faint);opacity:var(--field,1);font-size:.9375rem;transition:opacity 80ms linear;position:absolute;bottom:34px}.ending-links a{color:inherit;border-bottom:1px solid #0000;text-decoration:none}.ending-links a:hover{border-color:currentColor}.stage--watch[data-confession=hidden] .ending-links{pointer-events:none}.ask{width:min(30rem,100%);margin:44px auto 0}.pipe-room+.ask{margin-top:0}.askwin{background:var(--win-bg);text-align:left;border:1px solid #00000029;border-radius:10px;overflow:hidden;box-shadow:0 18px 40px #00000024,inset 0 0 0 .5px #ffffff40}@property --trace{syntax:"<angle>";inherits:false;initial-value:0deg}.askwin[data-ask-window]{position:relative}.askwin[data-ask-window]:after{content:"";z-index:2;border-radius:inherit;background:conic-gradient(from var(--trace), transparent 0deg 250deg, #2a7bf026 290deg, #2a7bf0bf 345deg, #78aafff2 356deg, transparent 360deg);-webkit-mask-composite:xor;opacity:var(--field,1);pointer-events:none;padding:1.5px;animation:6s linear infinite trace;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}@keyframes trace{to{--trace:360deg}}@media (prefers-reduced-motion:reduce){.askwin[data-ask-window]:after{display:none}}.askwin:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.askwin__bar{background:linear-gradient(#f4f4f5,#e6e6e8);border-bottom:1px solid #d3d3d6;height:28px;position:relative}.confession-block>.ask{opacity:var(--field,1);transition:opacity 80ms linear}.ask__label{color:var(--ghost);font-size:var(--text-s);margin-bottom:14px;line-height:1.5;display:block}.ask__row{align-items:stretch;padding:4px 18px;display:flex}.ask input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:14px 0}.ask input::placeholder{color:var(--ghost);opacity:1}.ask button{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:14px 0 14px 20px}.ask button:focus-visible{outline-offset:2px;outline:2px solid}.back a:focus-visible,.site-header a:focus-visible,.work__list a:focus-visible,.ending-links a:focus-visible{outline-offset:4px;outline:2px solid}.ask__hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.ask__status{font-size:var(--text-m);margin-top:22px}.ask__status:empty{display:none}.ask__fallback{margin-top:22px;display:none}.ask__fallback:target{display:block}.ask--task{margin-top:40px}[data-reveal]{opacity:var(--reveal,1);transform:translateY(calc((1 - var(--reveal,1)) * var(--reveal-lift,24px)));transition:opacity 80ms linear,transform 80ms linear}.number{font-size:var(--text-number);letter-spacing:-.01em;margin-bottom:20px;font-weight:300;line-height:1}.number__unit{font-size:var(--text-s);color:var(--ghost);letter-spacing:0;margin-top:10px;display:block}.headline{font-size:var(--text-l)}.beat--text .measure>p{margin-top:20px}.work{padding:160px var(--gutter) 120px}.work h1{font-size:var(--text-l);margin-bottom:28px}.work__list{gap:14px;margin:40px 0 0;padding:0;list-style:none;display:grid}.work__list a{border-bottom:1px solid var(--hairline);text-decoration:none}.work__list a:hover{border-color:var(--ink)}.work__empty{color:var(--ghost);margin:40px 0 0}.work .back{text-align:left;padding-top:48px}.ending{text-align:center;padding:24px var(--gutter) 140px;justify-items:center;gap:20px;display:grid}.back{text-align:center;font-size:var(--text-s)}.back a{border-bottom:1px solid var(--hairline);text-decoration:none}.back a:hover{border-color:var(--ink)}.example-note{font-size:.9375rem}.legal{padding:160px var(--gutter) 120px}.legal h1{font-size:var(--text-l);margin-bottom:28px}.legal p+p{margin-top:20px}.legal .back{padding-top:48px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen{inset:var(--frame-top) var(--frame-side) var(--frame-bottom);border-radius:var(--frame-radius);pointer-events:none;user-select:none;opacity:var(--wallpaper,1);--canvas-w:1360px;background:linear-gradient(160deg,#2c3a6e 0%,#1c2447 55%,#131a35 100%);transition:opacity 80ms linear;position:absolute;overflow:hidden;box-shadow:0 12px 36px #131a3521,0 0 0 1px #131a3514}.screen__canvas{width:var(--canvas-w);height:calc(100% / var(--desk-k,1));transform:scale(var(--desk-k,1));transform-origin:0 0;position:absolute;top:0;left:0}@media (width<=640px){.screen{--canvas-w:390px}}.screen:not(.screen--ghost){transform-origin:50% 100%;transform:scaleY(calc(1 - var(--lid,0) * .97));transition:opacity 80ms linear,transform 80ms linear}.screen:not(.screen--ghost):after{content:"";z-index:101;border-radius:inherit;opacity:calc(var(--lid,0) * .45);pointer-events:none;background:#05070f;position:absolute;inset:0}.screen__scan{z-index:99;border-radius:inherit;pointer-events:none;opacity:clamp(0, calc(var(--lid,0) * 5), 1);background-image:radial-gradient(#ffffff1a 1px,#0000 1.4px);background-size:14px 14px;transition:opacity .12s linear;position:absolute;inset:0;overflow:hidden}.screen__scan:before{content:"";background:linear-gradient(#0000,#a0beff1a 70%,#ffffff47 96%,#0000);height:22%;animation:2.6s cubic-bezier(.45,0,.55,1) infinite scan;position:absolute;top:0;left:0;right:0}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(460%)}}@media (prefers-reduced-motion:reduce){.screen__scan:before{display:none}}.desk-glow{inset:var(--frame-top) var(--frame-side) var(--frame-bottom);border-radius:var(--frame-radius);filter:blur(40px);opacity:calc(.2 * var(--wallpaper,1) * (1 - var(--lid,0)));pointer-events:none;background:linear-gradient(160deg,#4a5fb0 0%,#2a3670 55%,#1b2450 100%);transition:opacity 80ms linear;position:absolute;transform:scale(.97,.88)}.screen__veil{z-index:100;border-radius:inherit;pointer-events:none;backdrop-filter:blur(5px);position:absolute;inset:0;box-shadow:inset 0 0 70px 12px #0a0d2080;mask-image:linear-gradient(90deg,#000,#0000 9% 91%,#000),linear-gradient(#000,#0000 13% 87%,#000)}.wire{pointer-events:none;width:100%;height:100%;opacity:var(--wire,1);position:absolute;inset:0;overflow:visible}.wire__line,.wire__focus{fill:none;stroke-linecap:round;stroke-linejoin:round}.wire__line{stroke:#c3c4cc;stroke-width:1px}.wire__focus{stroke:#0000008c;stroke-width:1.4px}.dock{backdrop-filter:blur(12px);background:#ffffff29;border:1px solid #ffffff2e;border-radius:18px;gap:8px;padding:8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.dock i{background:linear-gradient(145deg,#9fb7ff,#4d6fe0);border-radius:10px;width:40px;height:40px;display:block;position:relative}.dock i:nth-child(2){background:linear-gradient(145deg,#ffd27a,#e88b2c)}.dock i:nth-child(3){background:linear-gradient(145deg,#a8f0c0,#2fa866)}.dock i:nth-child(4){background:linear-gradient(145deg,#f7f7f7,#c6c9d1)}.dock i:nth-child(5){background:linear-gradient(145deg,#ff9aa8,#d94154)}.dock i:nth-child(6){background:linear-gradient(145deg,#d6c3ff,#7b5be0)}.dock i:nth-child(7){background:linear-gradient(145deg,#8fe3ff,#2f9fd0)}.dock i:nth-child(8){background:linear-gradient(145deg,#e8e8e8,#8d8f96)}@media (width<=640px){.dock{border-radius:14px;gap:6px;padding:6px}.dock i{border-radius:8px;width:30px;height:30px}}.dock i.is-bouncing{animation:.65s bounce}@keyframes bounce{0%,to{transform:none}30%{transform:translateY(-12px)}55%{transform:none}75%{transform:translateY(-5px)}}.badge{color:#fff;min-width:18px;height:18px;font:700 11px/18px var(--ui);text-align:center;background:#ff3b30;border-radius:9px;padding:0 5px;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 2px #0000004d}.win{background:var(--win-bg);font-family:var(--ui);color:var(--win-ink);transition:opacity var(--window-close-ms,.48s) ease-in, filter var(--window-close-ms,.48s) ease-in, transform var(--window-close-ms,.48s) cubic-bezier(.2, .8, .2, 1);border:1px solid #0000002e;border-radius:10px;font-size:12px;line-height:1.4;position:absolute;overflow:hidden;box-shadow:0 18px 40px #00000059,inset 0 0 0 .5px #ffffff40}.win.is-dragging{transition:left var(--desk-drag-ms,.7s) cubic-bezier(.25, .8, .25, 1), top var(--desk-drag-ms,.7s) cubic-bezier(.25, .8, .25, 1)}.screen__canvas>.win{animation:.42s cubic-bezier(.2,.8,.2,1) backwards win-in}.screen__canvas>.note{animation:.42s backwards note-in}.screen__canvas>:nth-child(2){animation-delay:0s}.screen__canvas>:nth-child(3){animation-delay:55ms}.screen__canvas>:nth-child(4){animation-delay:.11s}.screen__canvas>:nth-child(5){animation-delay:.165s}.screen__canvas>:nth-child(6){animation-delay:.22s}.screen__canvas>:nth-child(7){animation-delay:.275s}.screen__canvas>:nth-child(8){animation-delay:.33s}.screen__canvas>:nth-child(9){animation-delay:.385s}.screen__canvas>:nth-child(10){animation-delay:.44s}.screen__canvas>:nth-child(11){animation-delay:.495s}.screen__canvas>:nth-child(12){animation-delay:.55s}.screen__canvas>:nth-child(13){animation-delay:.605s}.screen__canvas>:nth-child(14){animation-delay:.66s}@keyframes win-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}@keyframes note-in{0%{opacity:0}}.win.is-closed,.note.is-closed{opacity:0;filter:blur(8px)brightness(1.6);pointer-events:none}.win.is-closed{transform:translateY(-10px)scale(.97)}.win__bar{color:#5b5b60;background:linear-gradient(#f4f4f5,#e6e6e8);border-bottom:1px solid #d3d3d6;justify-content:center;align-items:center;height:28px;padding:0 12px;font-size:12px;font-weight:600;display:flex;position:relative}.win__lights{gap:7px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.win__lights b{background:#ff5f57;border-radius:50%;width:12px;height:12px;display:block;box-shadow:inset 0 0 0 .5px #00000026}.win__lights b:nth-child(2){background:#febc2e}.win__lights b:nth-child(3){background:#28c840}.win__title{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 80px);overflow:hidden}.win__body{height:calc(100% - 28px);overflow:hidden}.row{border-bottom:1px solid var(--win-rule);white-space:nowrap;gap:8px;padding:6px 12px;display:flex;overflow:hidden}.row__text{text-overflow:ellipsis;overflow:hidden}.row--unread{color:#111;font-weight:700}.row__meta{color:var(--win-muted);flex-shrink:0;margin-left:auto}.grid{font-size:11px;display:grid}.grid__cell{border-right:1px solid var(--win-rule);border-bottom:1px solid var(--win-rule);white-space:nowrap;padding:4px 6px;overflow:hidden}.grid__cell--head{color:var(--win-muted);text-align:center;background:#f2f2f4}.grid__cell--bad{color:var(--win-bad)}.grid__cell.is-selected{outline-offset:-2px;background:#e2ecff;outline:2px solid #2f6fed}.grid[data-columns="1"]{grid-template-columns:30px repeat(1,1fr)}.grid[data-columns="2"]{grid-template-columns:30px repeat(2,1fr)}.grid[data-columns="3"]{grid-template-columns:30px repeat(3,1fr)}.grid[data-columns="4"]{grid-template-columns:30px repeat(4,1fr)}.grid[data-columns="5"]{grid-template-columns:30px repeat(5,1fr)}.grid[data-columns="6"]{grid-template-columns:30px repeat(6,1fr)}.grid[data-columns="7"]{grid-template-columns:30px repeat(7,1fr)}.grid[data-columns="8"]{grid-template-columns:30px repeat(8,1fr)}.cal{height:100%;display:grid}.cal__day{border-right:1px solid var(--win-rule);min-width:0;padding:5px}.cal__label{color:var(--win-muted);text-align:center;margin-bottom:5px;font-size:10px}.ev{white-space:nowrap;text-overflow:ellipsis;background:#d7def7;border-radius:3px;margin:3px 0;padding:3px 5px;font-size:10px;overflow:hidden}.ev--r{background:#f6d5d8}.ev--g{background:#d5efd8}.ev--y{background:#f7ecc8}.ev--p{background:#e8d7f5}.cal[data-days="1"]{grid-template-columns:repeat(1,1fr)}.cal[data-days="2"]{grid-template-columns:repeat(2,1fr)}.cal[data-days="3"]{grid-template-columns:repeat(3,1fr)}.cal[data-days="4"]{grid-template-columns:repeat(4,1fr)}.cal[data-days="5"]{grid-template-columns:repeat(5,1fr)}.cal[data-days="6"]{grid-template-columns:repeat(6,1fr)}.cal[data-days="7"]{grid-template-columns:repeat(7,1fr)}.tabs{background:linear-gradient(#f4f4f5,#e6e6e8);border-bottom:1px solid #d3d3d6;gap:2px;height:28px;padding:4px 4px 0 74px;display:flex;overflow:hidden}.tabs__tab{white-space:nowrap;color:#555;background:#fbfbfc;border-radius:6px 6px 0 0;flex:1 1 0;min-width:0;padding:4px 6px;font-size:10px;overflow:hidden}.pane{color:var(--win-muted);padding:12px;line-height:1.5}.msg{white-space:nowrap;text-overflow:ellipsis;padding:4px 12px;overflow:hidden}.msg__at{color:var(--win-muted);margin-right:6px;font-size:10px}.msg--typing .msg__text:after{content:"";vertical-align:-2px;background:currentColor;width:1px;height:1em;margin-left:1px;animation:.6s step-end infinite blink;display:inline-block}.note{width:128px;font-family:var(--hand);color:var(--note-ink);transition:opacity var(--window-close-ms,.48s) ease-in, filter var(--window-close-ms,.48s) ease-in, transform var(--window-close-ms,.48s) cubic-bezier(.2, .8, .2, 1);border-radius:3px;padding:12px 14px;font-size:13px;line-height:1.3;position:absolute;transform:rotate(-2deg);box-shadow:0 6px 14px #00000047}.note--y{background:var(--note-y)}.note--p{background:var(--note-p);transform:rotate(2deg)}.note--b{background:var(--note-b);transform:rotate(-1deg)}.note.is-closed{transform:translateY(-10px)scale(.97)}.row--new,.msg--new{animation:.35s settle}@keyframes settle{0%{transform:translateY(-6px)}}.toast{top:calc(72px + var(--slot,0) * 64px);z-index:40;backdrop-filter:blur(12px);width:270px;font-family:var(--ui);color:var(--win-ink);opacity:0;background:#ffffffeb;border:1px solid #00000014;border-radius:14px;padding:10px 14px;font-size:12px;line-height:1.35;transition:opacity .35s,transform .35s,top .3s;position:absolute;right:16px;transform:translate(16px);box-shadow:0 12px 30px #00000047}.toast.is-in{opacity:1;transform:none}.toast__title{color:#333;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.toast__text{display:block}.pointer{z-index:60;pointer-events:none;filter:drop-shadow(0 1px 2px #00000080);width:22px;height:26px;transition:transform var(--desk-travel-ms,.6s) cubic-bezier(.25, .8, .25, 1);position:absolute;top:0;left:0}.pointer svg{transform-origin:11px 3px;transition:transform .1s;display:block}.pointer.is-clicking svg{transform:scale(.85)}.pointer[data-chip]:after{content:attr(data-chip);color:#fff;font-family:var(--ui);white-space:nowrap;background:#1e1e22eb;border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;top:16px;left:20px}.pointer.is-waiting svg{opacity:0}.pointer.is-waiting:before{content:"";background:conic-gradient(#ff5f57,#febc2e,#28c840,#2aa3ff,#a35cff,#ff5f57);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite wheel;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #0000002e}@keyframes wheel{to{transform:rotate(1turn)}}.alert{z-index:5;color:#222;opacity:0;background:#f6f6f8fa;border:1px solid #00000024;border-top:0;border-radius:0 0 10px 10px;width:min(84%,280px);padding:14px 14px 12px;font-size:11.5px;line-height:1.4;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:28px;left:50%;transform:translate(-50%,-14px);box-shadow:0 14px 30px #00000047}.alert.is-in{opacity:1;transform:translate(-50%)}.alert__text{margin:0 0 12px;font-weight:600}.alert__buttons{justify-content:flex-end;gap:6px;display:flex}.alert__button{white-space:nowrap;background:#fff;border:1px solid #00000029;border-radius:6px;padding:3px 10px}.alert__button.is-default{color:#fff;background:#2a7bf0;border-color:#1f6fe5}.alert__button.is-pressed{filter:brightness(.86)}.click-ring{z-index:59;pointer-events:none;border:2px solid #fff;border-radius:50%;width:28px;height:28px;animation:.5s ease-out forwards ring;position:absolute;top:-11px;left:-3px}@keyframes ring{0%{opacity:.9;scale:.3}to{opacity:0;scale:1.6}}.screen--ghost{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, calc(.1 * (1 - var(--understand,0))));opacity:calc(var(--ghost,0) * (1 - .4 * var(--field,0)));z-index:1;background:0 0;transition:opacity 80ms linear;overflow:visible}.screen--ghost .win,.screen--ghost .note{--u:var(--understand,0);--c:var(--confession,0);box-shadow:none;filter:grayscale();opacity:calc((.22 + .7 * var(--u)) * (1 - var(--appear,0)));transform:translate(calc(var(--dx1,0px) * var(--u) + (var(--dx3,0px) - var(--dx1,0px)) * var(--c)), calc(var(--dy1,0px) * var(--u) + var(--drift,0px) * var(--float,0) * (1 - var(--u)) + (var(--dy3,0px) - var(--dy1,0px)) * var(--c))) scale(calc(1 + (var(--s1,1) - 1) * var(--u) + (var(--s3,1) - var(--s1,1)) * var(--c)));outline-offset:4px;border-color:#0000001f;outline:1.5px solid #0000;transition:transform 80ms linear,opacity 80ms linear,outline-color .22s,box-shadow .22s;animation:none}.screen--ghost .note{border-radius:calc(3px + 7px * var(--u))}.screen--ghost .is-looked-at{opacity:1;outline-color:var(--ink);box-shadow:0 14px 34px #0000001f;z-index:40!important}@media (prefers-reduced-motion:reduce){.screen__canvas>.win,.screen__canvas>.note{animation:none}}