body .hdr{border:1px solid var(--hair2);background:color-mix(in oklab, var(--surface) 74%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);width:min(1000px,100% - 24px);box-shadow:0 1px 0 var(--specular) inset, 0 18px 40px -22px var(--shadow);z-index:60;border-radius:999px;animation:none;position:fixed;top:14px;left:50%;right:auto;transform:translate(-50%)}body .hdr .hdr-in{width:100%;margin:0;padding:.45rem .55rem .45rem 1rem}body .hdr .hdr-nav a,body .hdr .res>button{padding:.45rem .2rem}body .hdr-sheet{border-radius:22px;top:calc(100% + 8px)}@media (max-width:820px){body .hdr{width:calc(100% - 16px);top:8px}}body .hdr{color:#f3f4f6;background:#0e1016a8;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff14,0 18px 40px -22px #000000b3}body .hdr.is-stuck{background:#0e1016c7;border-color:#ffffff24}body .hdr .hdr-nav a,body .hdr .res>button{color:#f3f4f6a8}body .hdr .hdr-nav a:hover,body .hdr .res>button:hover,body .hdr .res>button[aria-expanded=true]{color:#fff}body .hdr .logo,body .hdr .logo span{color:#f3f4f6}body .hdr .btn{color:#0e0e10;background:#f3f4f6}body .hdr .btn:hover{background:#fff}body .hdr button:not(.burger):not([aria-haspopup]){color:#f3f4f6}body .hdr .burger{color:#f3f4f6;background:#ffffff1a}body .hdr .menu,body .hdr-sheet{background:#14161d;border:1px solid #ffffff24}body .hdr .menu a,body .hdr-sheet a{color:#e8e9ee}
.pn{--u:1cqw;--hue:var(--t1);background:var(--container);min-height:0;color:var(--text);font:500 calc(var(--u) * 1.2)/1.35 var(--sans);text-align:left;flex-direction:column;flex:1;display:flex;overflow:hidden}.pn-doc{--hue:var(--t1)}.pn-web{--hue:var(--t2)}.pn-mail{--hue:var(--t3)}.pn-sheet,.pn-notes{--hue:var(--t4)}.pn .pb{flex-direction:column;flex:1;gap:.8em;min-height:0;padding:1.1em 1.2em;display:flex;overflow:hidden}.pn .t{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pn .p{white-space:normal;color:var(--text2);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box}.pn .h{letter-spacing:-.01em;white-space:normal;font-size:1.35em;font-weight:700;line-height:1.15}.pn .meta{color:var(--text2);font-size:.85em}.pn .ln{background:color-mix(in oklab, var(--text) 18%, transparent);border-radius:99px;flex:none;height:.5em;display:block}.pn .ln.h{background:color-mix(in oklab, var(--hue) 80%, transparent);height:.8em}.pn .ln.soft{background:color-mix(in oklab, var(--text) 10%, transparent)}.pn .ph{border-radius:.7em;flex:none;display:block}.pn .ph-a{background:radial-gradient(circle at 72% 34%,#fff1c9 0 7%,#fff1c900 8%),radial-gradient(90% 55% at 14% 108%,#2b5b57 0 62%,#0000 63%),radial-gradient(80% 50% at 88% 112%,#1b4147 0 62%,#0000 63%),linear-gradient(#6f9fe6,#f4c9a4 82%)}.pn .ph-b{background:radial-gradient(circle at 30% 40%,#ffe2a8 0 9%,#0000 10%),radial-gradient(90% 60% at 70% 110%,#5a2f58 0 62%,#0000 63%),linear-gradient(#f2a07b,#7a4a92)}.pn .ph-c{background:radial-gradient(90% 60% at 30% 110%,#1f6b5a 0 62%,#0000 63%),radial-gradient(circle at 70% 30%,#e8fff1 0 8%,#0000 9%),linear-gradient(#9bd8c2,#4aa192)}.pn .ph-d{background:radial-gradient(80% 55% at 80% 112%,#2a3558 0 62%,#0000 63%),radial-gradient(circle at 26% 32%,#fff 0 5%,#0000 6%),linear-gradient(#34457d,#8a78c9)}.pn .task{flex:none;align-items:center;gap:.7em;display:flex}.pn .task u{border:1.5px solid color-mix(in oklab, var(--text) 38%, transparent);border-radius:.3em;flex:none;width:1.1em;height:1.1em;position:relative}.pn .task.done u{background:var(--hue);border-color:var(--hue)}.pn .task.done u:after{content:"";border:.14em solid #fff;border-width:0 .14em .14em 0;width:.28em;height:.55em;position:absolute;top:.08em;left:.3em;rotate:40deg}.pn .task.done .t{color:var(--text2);text-decoration:line-through}.pn .h.sub{margin-top:.4em;font-size:1.05em}.pn .url{background:color-mix(in oklab, var(--text) 8%, transparent);color:var(--text2);border-radius:99px;flex:none;align-items:center;gap:.7em;padding:.55em .8em;font-size:.85em;display:flex}.pn .url u{background:color-mix(in oklab, var(--hue) 75%, transparent);border-radius:50%;flex:none;width:.8em;height:.8em}.pn .ph.hero{flex:1 1 0;min-height:4em}.pn .thumbs{flex:none;gap:.6em;height:4.6em;display:flex}.pn .thumbs .ph{border-radius:.5em;flex:1}.pn .rows{gap:0;padding-block:.4em}.pn .mr{border-bottom:1px solid var(--hair);flex:none;align-items:center;gap:.9em;padding:.75em .2em;display:flex}.pn .mr u{background:var(--c);color:#fff;width:2.5em;height:2.5em;font:700 .8em/1 var(--sans);border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}.pn .mr .col{flex-direction:column;flex:1;gap:.3em;min-width:0;display:flex}.pn .mn{justify-content:space-between;gap:.6em;font-weight:700;display:flex}.pn .when{color:var(--text2);flex:none;font-size:.85em;font-weight:500}.pn .ms{font-weight:600}.pn .mp{color:var(--text2);font-size:.92em}.pn .mr.unread .mn .t:first-child:before{content:"";background:var(--hue);vertical-align:.08em;border-radius:50%;width:.55em;height:.55em;margin-right:.45em;display:inline-block}.pn .sheet{font-variant-numeric:tabular-nums;grid-template-columns:1.4fr 1fr 1fr 1.7fr;grid-auto-rows:min-content;gap:0;padding:0;display:grid}.pn .sheet .r{display:contents}.pn .sheet .c{border-bottom:1px solid var(--hair);border-right:1px solid var(--hair);align-items:center;min-width:0;padding:.55em .8em;display:flex}.pn .sheet .c:nth-child(4n){border-right:0}.pn .sheet .hd{background:color-mix(in oklab, var(--text) 7%, transparent);color:var(--text2);font-size:.88em;font-weight:600}.pn .sheet .num{justify-content:flex-end}.pn .sheet .c u{background:color-mix(in oklab, var(--hue) 80%, transparent);border-radius:.25em;height:.8em;display:block}.pn-notes .pb{justify-content:center;align-items:flex-start;gap:.4em}.pn .clock{font:700 2.2em/1 var(--mono);letter-spacing:-.02em}.pn .bar{background:color-mix(in oklab, var(--text) 12%, transparent);border-radius:99px;width:100%;height:.5em;margin-top:.4em;display:block}.pn .bar u{border-radius:inherit;background:var(--hue);width:62%;height:100%;display:block}.pn.mini{font-size:.5rem}.pn.mini .pb{gap:.55em;padding:.55em .65em}.pn.mini .pn-tb{background:var(--highest);flex:none;height:1.25em;position:relative}.pn.mini .pn-tb:before{content:"";background:#ff5f56;border-radius:50%;width:.5em;height:.5em;margin-top:-.25em;position:absolute;top:50%;left:.55em;box-shadow:.8em 0 #ffbd2e,1.6em 0 #27c93f}.pn.mini .ln{height:.42em}.pn.mini .ln.h{height:.62em}.pn.mini .ph.hero{min-height:2.6em}.pn.mini .url{padding:.35em .5em}.pn.mini .thumbs{gap:.4em;height:2.6em}.pn.mini .mr{gap:.6em;padding:.5em .1em}.pn.mini .mr u{width:1.7em;height:1.7em}.pn.mini .sheet .c{padding:.4em .5em}.pn.mini .sheet .c u{height:.6em}.pn.mini .task u{width:.8em;height:.8em}.pn-notes.mini{font-size:.6rem}.pn-notes.mini .clock{font-size:1.7em}.pn-notes.mini .pb{padding:.7em .9em}.pn-code{color:#cdd3e0;--hue:#7cc4ff;background:#14161d}.pn-code .ctabs{background:#0f1117;flex:none;gap:.15em;padding:.5em .6em 0;display:flex}.pn-code .ct{font:500 .85em/1 var(--sans);color:#7c859c;white-space:nowrap;background:0 0;border-radius:.5em .5em 0 0;padding:.55em 1em}.pn-code .ct.on{color:#e6eaf2;background:#14161d;box-shadow:inset 0 .16em #7cc4ff}.pn-code .pb.code{font:500 .92em/1.62 var(--mono);gap:0;padding:.7em .6em .6em 0}.pn-code .cl{white-space:pre;flex:none;display:flex}.pn-code .cl u{text-align:right;color:#4c556b;-webkit-user-select:none;user-select:none;flex:none;width:2.6em;padding-right:1em;text-decoration:none}.pn-code .cx{min-width:0;overflow:hidden}.pn-code .kw{color:#c4a5ff}.pn-code .str{color:#a8e6a1}.pn-code .fn{color:#7cc4ff}.pn-code .ty{color:#ffcf8a}.pn-code .num{color:#ffb086}.pn-code .com{color:#5f6a85;font-style:italic}.pn-code.mini .ctabs{padding:.35em .4em 0}.pn-code.mini .ct{background:#1e222d;border-radius:.3em .3em 0 0;padding:.3em 1.8em}.pn-code.mini .ct.on{background:#14161d;box-shadow:inset 0 .14em #7cc4ff}.pn-code.mini .pb.code{gap:.5em;padding:.7em .8em}.pn-code .cb{background:#3a4157;border-radius:99px;flex:none;height:.42em;display:block}.pn-code .cb.k{background:#8a73c2}.pn-code .cb.c{background:#46506a}.pn-code .cb.gap{background:0 0;height:.2em}.pn-term{color:#d7dde8;--hue:#a8e6a1;background:#0c0e13}.pn-term .pb.tm{font:500 .95em/1.6 var(--mono);gap:0;padding:.8em 1em}.pn-term .tl2{white-space:pre;text-overflow:clip;flex:none;display:block;overflow:hidden}.pn-term .pr{color:#7cc4ff}.pn-term .dm{color:#6b748c}.pn-term .cmd{color:#f1f4fa}.pn-term .ok{color:#7ee0a0}.pn-term .cur{background:#d7dde8;width:.62em;animation:1.1s steps(2,start) infinite tm-blink;display:inline-block}@keyframes tm-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.pn-term .cur{animation:none}}.pn-term.mini .pb.tm{gap:.5em;padding:.7em .8em}.pn-term .tb{background:#2b3144;border-radius:99px;flex:none;height:.42em;display:block}.pn-term .tb.p{background:#3f7aa8}.pn-term .tb.g{background:#3b7d58}.pn-term .tb.gap{background:0 0;height:.2em}
@property --g{syntax:"<number>";inherits:true;initial-value:.5}.fit .ill{background:var(--container);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;height:10rem;display:flex;position:relative;overflow:hidden}.fit .scr{background:var(--low);border:1px solid var(--hair2);border-radius:9px;flex:none;width:11.5rem;height:6rem;position:relative}.fit .scr.dk{background:#181a21}.fit .tl{background-clip:padding-box;background-color:var(--container);border:.14rem solid #0000;border-radius:.5rem;display:flex;position:absolute;overflow:hidden}.fit .tl .pn{border-radius:inherit}.fit .tl.m .pn{box-shadow:inset 0 0 0 1.5px var(--brand)}.fit .tl.m .pn-tb{background:color-mix(in oklab, var(--brand) 55%, var(--highest))}.fit .cnt,.fit .tag,.fit .hint{font:600 .66rem/1 var(--mono);letter-spacing:.02em}.fit .pillbox{place-items:center;padding:.55rem .7rem;display:grid}.fit .pillbox>*{grid-area:1/1}.fit .k-old,.fit .k-hint{opacity:0}.fit .k-hint{font:500 .78rem/1 var(--mono);color:var(--text2);white-space:nowrap}.fit .k-new{display:flex}.fit .scr-main{gap:.3rem;width:12.5rem;height:5.6rem;padding:.3rem;display:flex}.fit .scr-main .tl{border:0;border-radius:.45rem;flex:1 1 0;min-width:0;position:static}.fit .scr-main .tl.m{flex-grow:1.5}.fit .pct{z-index:3;color:#fff;font:700 .64rem/1 var(--mono);background:#0000009e;border-radius:99px;padding:.28rem .4rem;display:grid;position:absolute;bottom:.45rem;left:.5rem}.fit .pct b{opacity:0;grid-area:1/1;font-weight:700}.fit .pct b:nth-child(2){opacity:1}.fit .ill-gap{--g:.5}.fit .gtiles{gap:calc(.14rem + var(--g) * .75rem);background:var(--low);border:1px solid var(--hair2);border-radius:9px;width:10.5rem;height:4rem;padding:.3rem;display:flex}.fit .gtiles .tl{border:0;border-radius:.4rem;flex:1;min-width:0;position:static}.fit .rule{background:var(--highest);border-radius:4px;width:10.5rem;height:4px;margin-top:.35rem;position:relative}.fit .rule b{top:50%;left:calc(var(--g) * 100%);background:var(--brand);width:14px;height:14px;box-shadow:0 0 0 3px var(--container), 0 1px 3px #0006;border-radius:50%;margin:-7px 0 0 -7px;position:absolute}.fit .rule u{font:500 .62rem/1 var(--mono);color:var(--text2);letter-spacing:.04em;text-decoration:none;position:absolute;top:.55rem}.fit .rule u:first-of-type{left:0}.fit .rule u:last-of-type{right:0}.fit .ill-two{flex-direction:row;gap:.9rem}.fit .ill-two .scr{width:6.6rem;height:4.8rem}.fit .ill-two .l1{width:33.4%;height:100%;top:0;left:0}.fit .ill-two .l2{width:33.4%;height:100%;top:0;left:33.3%}.fit .ill-two .l3{width:33.4%;height:100%;top:0;left:66.6%}.fit .ill-two .ra{width:50%;height:100%;top:0;left:0}.fit .ill-two .rb{width:50%;height:50%;top:0;left:50%}.fit .ill-two .rc{width:50%;height:50%;top:50%;left:50%}.fit .ill-two .rd{opacity:0;width:50%;height:50%;top:50%;left:50%}.fit .ill-two .cnt{color:#fff;background:#0000008c;border-radius:99px;padding:.22rem .38rem;display:grid;position:absolute;bottom:.3rem;right:.35rem}.fit .ill-two .cnt u{opacity:0;text-align:center;grid-area:1/1;text-decoration:none}.fit .ill-two .cnt u:nth-child(2),.fit .ill-two .scr:first-child .cnt u{opacity:1}.fit .s-f{width:12rem;height:6.4rem}.fit .s-f .f1{width:50%;height:100%;top:0;left:0}.fit .s-f .f2{width:50%;height:100%;top:0;left:50%}.fit .s-f .f3{opacity:0;width:50%;height:50%;top:50%;left:50%}.fit .flt{background:var(--chrome);border:1px solid var(--hair2);width:42%;height:58%;box-shadow:0 .6rem 1rem -.4rem var(--shadow);z-index:2;border-radius:.5rem;display:flex;position:absolute;top:32%;left:52%;overflow:hidden}.fit .s-f .tag{color:var(--text2);white-space:nowrap;font-weight:500;position:absolute;bottom:-1.5rem;left:50%;translate:-50%}.fit .s-s{width:11rem;height:5.4rem}.fit .s-s .s1{width:50%;height:100%;top:0;left:0}.fit .s-s .s2{width:50%;height:100%;top:0;left:50%}.fit .s-s .paused{z-index:3;color:var(--warn);border:1px solid color-mix(in oklab, var(--warn) 45%, transparent);font:600 .64rem/1 var(--mono);letter-spacing:.04em;opacity:0;background:#14161d;border-radius:99px;padding:.32rem .55rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.fit .ill-stage .bar{background:var(--warn);border-radius:6px;width:3.6rem;height:6px}.fit .pillbox{animation:kring var(--d,4.5s) ease-in-out infinite both}.fit .k-old{animation:kold var(--d,4.5s) ease-in-out infinite both}.fit .k-hint{animation:khint var(--d,4.5s) ease-in-out infinite both}.fit .k-new kbd{animation:knew var(--d,4.5s) var(--ease) infinite both}.fit .k-new kbd:nth-child(2){animation-delay:80ms}.fit .k-new kbd:nth-child(3){animation-delay:.16s}.fit .scr-main .tl.m{animation:mgrow var(--d,5.5s) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .pct b:first-child{animation:pa var(--d,5.5s) ease-in-out infinite both}.fit .pct b:nth-child(2){animation:pb var(--d,5.5s) ease-in-out infinite both}.fit .pct b:nth-child(3){animation:pc var(--d,5.5s) ease-in-out infinite both}.fit .ill-gap{animation:ggap var(--d,5s) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .ill-two{--d:7s}.fit .l1{animation:l1 var(--d) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .l2{animation:l2 var(--d) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .l3{animation:l3 var(--d) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .ra{animation:ra var(--d) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .rb{animation:rb var(--d) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .rc{animation:rc var(--d) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .rd{animation:rd var(--d) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .cnt u:first-child{animation:n2 var(--d) ease-in-out infinite both}.fit .cnt u:nth-child(2){animation:n3 var(--d) ease-in-out infinite both}.fit .cnt u:nth-child(3){animation:n4 var(--d) ease-in-out infinite both}.fit .ill-two .scr:first-child .cnt u{animation:none}.fit .ill-float{--d:6s}.fit .f2{animation:f2 var(--d) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .f3{animation:f3 var(--d) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .flt{animation:flt var(--d) var(--ease) infinite both}.fit .s-f .tag{animation:ftag var(--d) ease-in-out infinite both}.fit .ill-stage{--d:5.8s}.fit .s-s .tl{animation:sdim var(--d) ease-in-out infinite both}.fit .s-s .s2{animation:sdim var(--d) ease-in-out infinite both, snudge var(--d) cubic-bezier(.5, 0, .2, 1) infinite both}.fit .s-s .paused{animation:spaused var(--d) ease-in-out infinite both}.fit .ill-stage .bar{animation:sbar var(--d) var(--ease) infinite both}@keyframes kring{0%,12%{box-shadow:0 0 #0000}18%{box-shadow:0 0 0 0 color-mix(in oklab, var(--brand) 45%, transparent)}36%{box-shadow:0 0 0 .6rem #0000}to{box-shadow:0 0 #0000}}@keyframes kold{0%,12%{opacity:1}18%,94%{opacity:0}to{opacity:1}}@keyframes khint{0%,14%{opacity:0}20%,38%{opacity:1}44%,to{opacity:0}}@keyframes knew{0%,40%{opacity:0;translate:0 -5px}46%{opacity:1;translate:0 2px}52%,90%{opacity:1;translate:0}96%,to{opacity:0;translate:0}}@keyframes mgrow{0%,16%{flex-grow:1}28%,50%{flex-grow:1.5}62%,86%{flex-grow:2}98%,to{flex-grow:1}}@keyframes pa{0%,20%{opacity:1}26%,94%{opacity:0}to{opacity:1}}@keyframes pb{0%,24%{opacity:0}30%,52%{opacity:1}58%,to{opacity:0}}@keyframes pc{0%,58%{opacity:0}64%,88%{opacity:1}94%,to{opacity:0}}@keyframes ggap{0%,10%{--g:0}42%,58%{--g:1}90%,to{--g:0}}@keyframes l1{0%,56%{width:33.4%;height:100%;top:0;left:0}66%,90%{width:100%;height:33.4%;top:0;left:0}to{width:33.4%;height:100%;top:0;left:0}}@keyframes l2{0%,56%{width:33.4%;height:100%;top:0;left:33.3%}66%,90%{width:100%;height:33.4%;top:33.3%;left:0}to{width:33.4%;height:100%;top:0;left:33.3%}}@keyframes l3{0%,56%{width:33.4%;height:100%;top:0;left:66.6%}66%,90%{width:100%;height:33.4%;top:66.6%;left:0}to{width:33.4%;height:100%;top:0;left:66.6%}}@keyframes ra{0%,14%{width:50%;height:100%;top:0;left:0}22%,36%{width:50%;height:100%;top:0;left:0}44%,92%{width:50%;height:50%;top:0;left:0}to{width:50%;height:100%;top:0;left:0}}@keyframes rb{0%,14%{width:50%;height:100%;top:0;left:50%}22%,36%{width:50%;height:50%;top:0;left:50%}44%,92%{width:50%;height:50%;top:0;left:50%}to{width:50%;height:100%;top:0;left:50%}}@keyframes rc{0%,14%{opacity:0;width:50%;height:50%;top:50%;left:50%}22%,36%{opacity:1;width:50%;height:50%;top:50%;left:50%}44%,92%{opacity:1;width:50%;height:50%;top:50%;left:0}to{opacity:0;width:50%;height:50%;top:50%;left:50%}}@keyframes rd{0%,36%{opacity:0}44%,92%{opacity:1}to{opacity:0}}@keyframes n2{0%,16%{opacity:1}22%,94%{opacity:0}to{opacity:1}}@keyframes n3{0%,18%{opacity:0}24%,38%{opacity:1}44%,to{opacity:0}}@keyframes n4{0%,40%{opacity:0}46%,92%{opacity:1}98%,to{opacity:0}}@keyframes f2{0%,40%{height:100%}48%,76%{height:50%}84%,to{height:100%}}@keyframes f3{0%,42%{opacity:0}50%,76%{opacity:1}84%,to{opacity:0}}@keyframes flt{0%,6%{opacity:0;translate:0 -1.4rem;scale:.9}16%{opacity:1;translate:0 .15rem;scale:1}20%,94%{opacity:1;translate:0;scale:1}99%,to{opacity:0;translate:0 -1.4rem;scale:.9}}@keyframes ftag{0%,18%{opacity:0}26%,92%{opacity:1}98%,to{opacity:0}}@keyframes sbar{0%,10%{opacity:0;translate:0 .6rem;scale:.4 1}18%,60%{opacity:1;translate:0;scale:1}68%,to{opacity:0;translate:0 .6rem;scale:.4 1}}@keyframes sdim{0%,16%{opacity:1}24%,60%{opacity:.5}68%,to{opacity:1}}@keyframes snudge{0%,34%{translate:0;rotate:none}42%,70%{translate:5% 7%;rotate:2.5deg}78%,to{translate:0;rotate:none}}@keyframes spaused{0%,22%{opacity:0}28%,56%{opacity:1}62%,to{opacity:0}}.fit article .ill,.fit article .ill :is(*){animation-play-state:paused!important}.fit article.is-live .ill,.fit article.is-live .ill :is(*){animation-play-state:running!important}