@keyframes m-blobdrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-40px) scale(1.15)}66%{transform:translate(-50px,30px) scale(.92)}}@keyframes m-blobdrift2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-70px,50px) scale(1.2)}75%{transform:translate(40px,-30px) scale(.9)}}@keyframes m-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes m-pulseglow{0%,to{opacity:.5}50%{opacity:1}}@keyframes m-fadeup{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes m-spin{to{transform:rotate(1turn)}}.mist{--m-ink:oklch(0.3 0.08 272);--m-ink-2:oklch(0.35 0.07 270);--m-sub:oklch(0.45 0.06 268);--m-faint:oklch(0.51 0.04 268);--m-accent-ink:oklch(0.45 0.09 268);--m-accent:oklch(0.55 0.09 268);--m-line:oklch(0.6 0.05 268);--m-hairline:oklch(0.84 0.02 262);--m-surface:rgba(255,255,255,0.65);--m-bg:#eef1f4;--m-pad:clamp(20px,4.5vw,48px);--fs-caption:11px;--fs-meta:12.5px;--fs-ui:14px;--fs-body:16px;--fs-h3:20px;min-height:100vh;background:var(--m-bg);font-family:var(--font-plex-mono),ui-monospace,monospace;color:var(--m-ink);color-scheme:light}.mist .jp{font-family:var(--font-noto-jp),"Hiragino Kaku Gothic ProN",sans-serif}.mist .page{position:relative;width:100%;min-width:1080px;margin:0;background:var(--m-bg);min-height:100vh;overflow:clip}@media (max-width:1080px){.mist .page{min-width:0}}.mist .mist1,.mist .mist2{position:absolute;border-radius:50%;pointer-events:none}.mist .mist1{top:-140px;right:-120px;width:620px;height:620px;background:radial-gradient(circle,oklch(.9 .03 255/.6),transparent 65%);filter:blur(60px);animation:m-blobdrift 24s ease-in-out infinite}.mist .mist2{bottom:-160px;left:-140px;width:580px;height:580px;background:radial-gradient(circle,oklch(.91 .025 285/.5),transparent 65%);filter:blur(65px);animation:m-blobdrift2 28s ease-in-out infinite}.mist .inner{flex-direction:column}.mist .inner,.mist .titlebar{position:relative;display:flex}.mist .titlebar{align-items:center;gap:16px;padding:12px var(--m-pad);border-bottom:1px solid var(--m-hairline);background:var(--m-surface);backdrop-filter:blur(14px);z-index:10}.mist .dots{display:flex;gap:8px;flex:none}.mist .dots span{width:11px;height:11px;border-radius:50%;border:1px solid oklch(.65 .05 268/.5)}.mist .dots span:first-child{background:oklch(.75 .04 268/.6)}.mist .dots span:nth-child(2){background:oklch(.82 .03 262/.6)}.mist .dots span:nth-child(3){background:oklch(.88 .02 262/.6)}.mist .tb-path{font-size:var(--fs-meta);color:var(--m-sub);white-space:nowrap}.mist .navwrap{position:relative;margin-left:auto;min-width:0;display:flex}.mist .nav{display:flex;gap:3px;font-size:var(--fs-meta);color:var(--m-sub);overflow-x:auto;scrollbar-width:none;padding-block:12px;margin-block:-12px}.mist .nav::-webkit-scrollbar{display:none}.mist .nav a{position:relative;padding:8px 12px;color:inherit;text-decoration:none;white-space:nowrap;transition:all .2s}.mist .nav a:after{content:"";position:absolute;inset:-10px 0}.mist .navtoggle{display:none;position:relative;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--m-hairline);background:var(--m-surface);color:var(--m-ink);font-size:var(--fs-ui);line-height:1;cursor:pointer}.mist .navtoggle:after{content:"";position:absolute;inset:-4px -8px}@media (max-width:760px){.mist .navtoggle{display:inline-flex}.mist .nav{display:none}.mist .navwrap .nav.open{display:flex;flex-direction:column;gap:2px;position:absolute;top:calc(100% + 9px);right:0;z-index:30;min-width:190px;padding:8px;margin:0;overflow:visible;background:var(--m-surface);backdrop-filter:blur(14px);border:1px solid var(--m-hairline);box-shadow:0 10px 30px color-mix(in oklch,var(--m-ink) 12%,transparent)}.mist .nav.open a{padding:12px 16px}.mist .nav.open a:after{content:none}}.mist .nav a.on,.mist .nav a:active{background:var(--m-ink);color:#fff}@media (hover:hover){.mist .nav a:hover{background:var(--m-ink);color:#fff}}.mist .compact-intro{display:none}@media (max-width:760px){.mist .compact-intro{display:flex;align-items:center;gap:8px;margin:12px var(--m-pad) 0;padding:8px 12px;background:var(--m-surface);border:1px solid var(--m-hairline)}.mist .ci-av{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;border:1px solid var(--m-hairline);flex:none}.mist .ci-meta{display:flex;flex-direction:column;min-width:0}.mist .ci-nm{font-weight:700;font-size:var(--fs-ui);color:var(--m-ink);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mist .ci-rl{font-size:var(--fs-caption);color:var(--m-faint)}.mist .ci-sns{display:flex;gap:8px;margin-left:auto;flex:none}.mist .ci-sns a{position:relative;font-size:var(--fs-caption);color:var(--m-sub);border:1px solid var(--m-hairline);padding:8px;text-decoration:none;line-height:1}.mist .ci-sns a:after{content:"";position:absolute;inset:-12px -3px}}.mist .hero{position:relative;display:flex;flex-direction:column;padding:28px var(--m-pad) 0}.mist .prompt{font-size:var(--fs-meta);color:var(--m-sub);animation:m-fadeup .6s ease-out both}.mist .nameblock{display:flex;flex-direction:column;margin-top:16px;animation:m-fadeup .7s ease-out .08s both}.mist .name-fill,.mist .name-outline{font-family:var(--font-outfit),sans-serif;font-size:clamp(46px,9.2vw,108px);font-weight:700;letter-spacing:-.025em}.mist .name-outline{line-height:.95;min-height:.95em;color:transparent;-webkit-text-stroke:1.5px oklch(.45 .07 268/.8);user-select:none}.mist .name-fill{line-height:.98;min-height:.98em;color:var(--m-ink)}.mist .cursor{display:inline-block;width:clamp(19px,3.7vw,44px);height:clamp(34px,6.8vw,80px);background:var(--m-accent);margin-left:16px;vertical-align:baseline;animation:m-pulseglow 1.3s steps(2) infinite}.mist .tagline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:16px;min-height:20px;animation:m-fadeup .7s ease-out .18s both}.mist .tagline .jp{font-size:var(--fs-meta);color:var(--m-sub)}.mist .jpcaret{display:inline-block;width:7px;height:15px;background:var(--m-accent);margin-left:2px;vertical-align:-2px;animation:m-pulseglow 1.1s steps(2) infinite}.mist .tagline .en{font-size:var(--fs-caption);color:var(--m-faint);opacity:0;transition:opacity .5s ease}.mist .tagline .en.show{opacity:1}.mist .env{flex-wrap:wrap;gap:8px 16px;margin:24px var(--m-pad) 0;padding:8px 16px;background:var(--m-surface);backdrop-filter:blur(12px);border:1px solid var(--m-hairline);font-size:var(--fs-meta);animation:m-fadeup .7s ease-out .26s both}.mist .env,.mist .env .cmd{display:flex;align-items:center}.mist .env .cmd{gap:8px;color:var(--m-sub)}.mist .spin{width:13px;font-weight:600;color:var(--m-accent-ink)}.mist .ndate,.mist .spin,.mist .tcur{flex-shrink:0}.mist .env .dt{gap:12px;white-space:nowrap}.mist .env .dt,.mist .rotwrap{display:inline-flex;align-items:center}.mist .rotwrap{gap:8px;min-width:290px;color:var(--m-sub)}.mist .ndate{font-family:var(--font-outfit),sans-serif;font-size:var(--fs-caption);font-weight:600;color:var(--m-accent-ink);letter-spacing:.03em}.mist .tcur{display:inline-block;width:6px;height:12px;background:var(--m-accent);margin-left:3px;animation:m-pulseglow 1.1s steps(2) infinite}.mist .divider{width:1px;align-self:stretch;background:var(--m-hairline)}.mist .env .kv{color:var(--m-faint)}.mist .env .kv b{color:var(--m-ink-2);font-weight:600}.mist .env .vals{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--m-ink-2)}.mist .env .icon{display:flex;color:var(--m-sub)}.mist .env .icon .rays{transform-origin:32px 32px;animation:m-spin 28s linear infinite}.mist .env .temp{font-family:var(--font-outfit),sans-serif;font-size:var(--fs-ui);font-weight:700}.mist .env .wx{color:var(--m-faint)}.mist .env .sep{opacity:.35}.mist .env .date{font-weight:600;letter-spacing:.03em}.mist .env .date,.mist .env .time{font-family:var(--font-outfit),sans-serif}.mist .env .time{font-size:var(--fs-ui);font-weight:700;font-variant-numeric:tabular-nums}.mist .env .attribution{font-size:var(--fs-caption);color:var(--m-faint);text-decoration:underline dotted;text-underline-offset:2px}@media (max-width:760px){.mist .env{gap:8px 12px}.mist .env .divider{display:none}.mist .env .cmd{flex-basis:100%;min-width:0;align-items:flex-start}.mist .env .rotwrap{flex:1 1 auto;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:3em;line-height:1.5}.mist .env .rotwrap .jp,.mist .env .rotwrap .ndate{margin-left:6px}.mist .env .vals{flex-basis:100%;margin-left:0}.mist .env .sep{display:none}.mist .env .wx{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}}.mist .main{grid-template-columns:minmax(0,1fr) 300px;padding:28px var(--m-pad) 0}.mist .homecols,.mist .main{display:grid;gap:40px;align-items:start}.mist .homecols{grid-template-columns:minmax(0,560px) minmax(320px,1fr)}.mist .mid{display:flex;flex-direction:column;gap:32px;min-width:0}.mist .sechead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.mist .sechead .cmd{font-size:var(--fs-meta);color:var(--m-sub)}.mist .more-link{position:relative;font-size:var(--fs-caption);color:var(--m-sub);text-decoration:none;white-space:nowrap}.mist .more-link:after{content:"";position:absolute;top:-14px;right:-8px;bottom:-11px;left:-8px}.mist .more-link:active{color:var(--m-ink)}@media (hover:hover){.mist .more-link:hover{color:var(--m-ink)}}@media (max-width:1080px){.mist .main{grid-template-columns:1fr}}@media (max-width:760px){.mist .homecols{grid-template-columns:1fr}}.mist .gal .g:focus-visible,.mist .lsrow:focus-visible,.mist .more-link:focus-visible,.mist .nav a:focus-visible,.mist .pcard:focus-visible,.mist .socials a:focus-visible{outline:2px solid var(--m-accent);outline-offset:2px}.mist .loghead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-bottom:16px}.mist .loghead .cmd{font-size:var(--fs-meta);color:var(--m-sub)}.mist .filters{display:flex;gap:4px;font-size:var(--fs-caption)}.mist .filters button{position:relative;padding:4px 12px;border:1px solid var(--m-hairline);background:none;color:var(--m-sub);font-family:inherit;font-size:inherit;cursor:pointer;transition:all .2s}.mist .filters button:after{content:"";position:absolute;inset:-10px 0}.mist .filters button.on,.mist .filters button:active{background:var(--m-ink);color:#fff;border-color:var(--m-ink)}@media (hover:hover){.mist .filters button:hover{background:var(--m-ink);color:#fff;border-color:var(--m-ink)}}.mist .commits{border-left:2px solid var(--m-hairline);margin-left:8px}.mist .commit,.mist .commits{display:flex;flex-direction:column}.mist .commit{position:relative;gap:8px;padding:20px 16px 20px 32px;transition:background .2s}.mist .commit+.commit{border-top:1px dashed var(--m-hairline)}@media (hover:hover){.mist .commit:hover{background:var(--m-surface)}}.mist .commit .node{position:absolute;left:-7px;top:26px;width:12px;height:12px;border-radius:50%;background:var(--m-bg);border:2.5px solid var(--m-line)}.mist .commit.head .node{background:var(--m-accent);border-color:var(--m-bg);box-shadow:0 0 10px color-mix(in oklch,var(--m-accent) 50%,transparent)}.mist .commit .meta{font-size:var(--fs-meta);color:var(--m-faint);line-height:2}.mist .commit .hash{color:var(--m-accent-ink);background:oklch(.92 .02 262/.8);padding:2px 8px}.mist .commit .headtag{margin-left:8px;padding:2px 8px;background:var(--m-ink);color:#fff;font-size:var(--fs-caption)}.mist .commit .body{font-size:var(--fs-body);font-weight:600;line-height:1.8;color:var(--m-ink)}.mist .commit .likes{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-caption);color:var(--m-faint);background:var(--m-surface);border:1px solid var(--m-hairline);padding:4px 12px;font-family:inherit;cursor:pointer;transition:all .2s}.mist .commit .likes:after{content:"";position:absolute;top:-7px;right:-11px;bottom:-11px;left:-11px}.mist .commit .likes:active:not(:disabled){color:var(--m-accent-ink);border-color:var(--m-accent);background:rgba(255,255,255,.9)}@media (hover:hover){.mist .commit .likes:hover:not(:disabled){color:var(--m-accent-ink);border-color:var(--m-accent);background:rgba(255,255,255,.9)}}.mist .commit .likes.liked{color:var(--m-accent-ink);border-color:var(--m-accent);background:oklch(.92 .03 268/.6)}.mist .commit .likes:disabled{cursor:default}.mist .photos{max-width:640px}.mist .photos .ph{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.95);outline:1px solid var(--m-hairline);padding:0;margin:0;cursor:zoom-in;transition:filter .25s}@media (hover:hover){.mist .photos .ph:hover{filter:brightness(.94)}}.mist .photos.one{font-size:0}.mist .photos.one .ph{display:block}.mist .photos.four,.mist .photos.three,.mist .photos.two{display:grid;gap:4px}.mist .photos.two{grid-template-columns:1fr 1fr;aspect-ratio:16/9}.mist .photos.three{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:16/10}.mist .photos.three .ph:first-child{grid-row:1/3}.mist .photos.four{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:4/3}@media (max-width:640px){.mist .photos{max-width:100%}}.mist .loadmore{align-self:flex-start;margin:20px 0 0 32px;font-size:var(--fs-meta);padding:8px 20px;border:1px solid var(--m-ink);cursor:pointer;transition:all .2s;background:none;font-family:inherit;color:inherit;display:inline-block;text-decoration:none}.mist .loadmore:active{background:var(--m-ink);color:#fff}@media (hover:hover){.mist .loadmore:hover{background:var(--m-ink);color:#fff}}.mist .loadmore .n{color:var(--m-faint)}.mist .loadmore:active .n{color:rgba(255,255,255,.7)}@media (hover:hover){.mist .loadmore:hover .n{color:rgba(255,255,255,.7)}}.mist .profilecol{position:sticky;top:16px;align-self:start;display:flex;flex-direction:column;gap:16px}@media (max-width:1080px){.mist .profilecol{position:static}}.mist .card{display:flex;flex-direction:column;gap:8px;padding:20px 24px;background:var(--m-surface);backdrop-filter:blur(14px);border:1px solid var(--m-hairline)}.mist .card .cmd{font-size:var(--fs-meta);color:var(--m-sub)}.mist .who{display:flex;align-items:center;gap:12px}.mist .avatar{position:relative;width:54px;height:54px;flex:none;overflow:hidden;border:1px solid var(--m-hairline);background:oklch(.9 .02 262)}.mist .who .nm{font-size:var(--fs-ui);font-weight:700}.mist .who .rl{font-size:var(--fs-caption);color:var(--m-faint)}.mist .bio{margin:0;font-size:var(--fs-meta);line-height:1.9;color:var(--m-sub)}.mist .socials{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--fs-caption)}.mist .socials a{padding:8px 12px;border:1px solid var(--m-hairline);color:inherit;text-decoration:none;transition:all .2s}.mist .socials a:active{background:var(--m-ink);color:#fff;border-color:var(--m-ink)}@media (hover:hover){.mist .socials a:hover{background:var(--m-ink);color:#fff;border-color:var(--m-ink)}}.mist .spotify-embed{width:100%;border:0;border-radius:12px;display:block}.mist .gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:1fr;gap:8px}.mist .gal .g{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:0;transition:filter .25s}.mist .gal .g.big{grid-column:span 2;grid-row:span 2}@media (hover:hover){.mist .gal .g:hover{filter:brightness(.94)}}@media (max-width:760px){.mist .homecols .commits .commit:nth-child(n+4){display:none}.mist .gal{grid-template-columns:repeat(2,1fr)}.mist .gal .g.big{grid-column:span 1;grid-row:span 1}.mist .gal .g:nth-child(n+7){display:none}}.mist .gal .g em{position:absolute;left:8px;bottom:8px;z-index:1;font-style:normal;font-size:var(--fs-caption);color:var(--m-sub);background:rgba(255,255,255,.85);padding:2px 8px}.mist .substream{display:flex;align-items:baseline;gap:8px;margin:16px 0 8px;font-size:var(--fs-meta);color:var(--m-sub)}.mist .streamwrap{position:relative;overflow:hidden}.mist .streamrow{display:flex;gap:8px;width:max-content;animation:m-marquee 34s linear infinite}.mist .sph{position:relative;display:block;width:180px;height:120px;flex:none;overflow:hidden;border:0;transition:filter .25s}@media (hover:hover){.mist .sph:hover{filter:brightness(.94)}}.mist .fadeL,.mist .fadeR{position:absolute;top:0;bottom:0;width:56px;pointer-events:none;z-index:1}.mist .fadeL{left:0;background:linear-gradient(90deg,var(--m-bg),transparent)}.mist .fadeR{right:0;background:linear-gradient(270deg,var(--m-bg),transparent)}.mist .portal .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.mist .pcard{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--m-hairline);background:var(--m-surface);text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .2s}.mist .pcard:active{border-color:var(--m-line);background:rgba(255,255,255,.82);transform:translateY(-1px)}@media (hover:hover){.mist .pcard:hover{border-color:var(--m-line);background:rgba(255,255,255,.82);transform:translateY(-1px)}}.mist .pcard .thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--m-hairline);background:oklch(.9 .02 262)}.mist .pcard .thumb img{transition:filter .25s}.mist .pcard:active .thumb img{filter:brightness(.95)}@media (hover:hover){.mist .pcard:hover .thumb img{filter:brightness(.95)}}.mist .pcard .thumb.txt{display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;background:repeating-linear-gradient(135deg,oklch(.9 .02 262) 0 10px,oklch(.93 .012 262) 10px 20px)}.mist .pcard .thumb.txt span{font-size:var(--fs-ui);font-weight:700;line-height:1.5;color:var(--m-sub);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mist .pcard .thumb .badge{position:absolute;left:8px;top:8px;z-index:1;display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-caption);padding:2px 8px;background:rgba(255,255,255,.85);color:var(--m-sub)}.mist .pcard .thumb .badge .dot{width:6px;height:6px;border-radius:50%}.mist .pcard .b{display:flex;flex-direction:column;gap:4px;padding:12px}.mist .pcard .bt{font-size:var(--fs-ui);font-weight:700;line-height:1.5;color:var(--m-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mist .footer,.mist .pcard .bm{font-size:var(--fs-caption);color:var(--m-faint)}.mist .footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:40px var(--m-pad) 0;padding:16px 0 24px;border-top:1px solid var(--m-hairline)}.mist .footer .ex{color:var(--m-sub)}.mist .footer i{font-family:Georgia,serif}@media (prefers-reduced-motion:reduce){.mist .cursor,.mist .env .icon .rays,.mist .headcaret,.mist .jpcaret,.mist .mist1,.mist .mist2,.mist .streamrow,.mist .tcur{animation:none!important}.mist .env,.mist .nameblock,.mist .prompt,.mist .tagline{animation-duration:.01s!important;animation-delay:0s!important}}.mist .inner{min-height:100vh}.mist .content{flex:1;display:flex;flex-direction:column;padding:28px var(--m-pad) 0;animation:m-fadeup .5s ease-out both}.mist .pagehead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:24px;margin-bottom:28px;border-bottom:1px dashed var(--m-hairline)}.mist .pagehead .cmd{display:block;font-size:var(--fs-meta);color:var(--m-sub);margin-bottom:8px}.mist .pagehead h1{margin:0;font-family:var(--font-outfit),sans-serif;font-size:clamp(26px,4vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1;min-height:1em;color:var(--m-ink)}.mist .pagehead .headcaret{display:inline-block;width:3px;height:.82em;margin-left:4px;vertical-align:-.08em;background:var(--m-accent);animation:m-pulseglow 1.1s steps(2) infinite}.mist .pagehead .desc{margin:8px 0 0;font-size:var(--fs-meta);line-height:1.7;color:var(--m-faint)}.mist .pagehead .actions{display:flex;align-items:center;gap:8px}.mist .empty{font-size:var(--fs-meta);color:var(--m-faint);padding:8px 0}.mist .cardgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.mist .ccard{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--m-surface);backdrop-filter:blur(14px);border:1px solid var(--m-hairline);text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .2s}.mist .ccard:active{border-color:var(--m-line);background:rgba(255,255,255,.82);transform:translateY(-1px)}@media (hover:hover){.mist .ccard:hover{border-color:var(--m-line);background:rgba(255,255,255,.82);transform:translateY(-1px)}}.mist .ccard .thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--m-hairline);background:repeating-linear-gradient(45deg,oklch(.9 .02 262/.6) 0 12px,oklch(.93 .012 262/.6) 12px 24px)}.mist .ccard .thumb img{transition:filter .25s}.mist .ccard:active .thumb img{filter:brightness(.95)}@media (hover:hover){.mist .ccard:hover .thumb img{filter:brightness(.95)}}.mist .ccard .cbody{display:flex;flex-direction:column;gap:8px;padding:16px}.mist .ccard .cmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--fs-caption);color:var(--m-faint)}.mist .ccard .ctitle{font-size:var(--fs-ui);font-weight:700;line-height:1.5;color:var(--m-ink)}.mist .ccard .cexcerpt{font-size:var(--fs-meta);line-height:1.8;color:var(--m-sub)}.mist .tagchip{display:inline-flex;align-items:center;gap:4px;color:var(--m-accent-ink);background:oklch(.92 .02 262/.8)}.mist .livebadge,.mist .tagchip{padding:2px 8px;font-size:var(--fs-caption)}.mist .livebadge{font-weight:600;letter-spacing:.04em;color:#fff;background:oklch(.55 .15 25)}.mist .masonry{column-count:2;column-gap:12px}@media (min-width:720px){.mist .masonry{column-count:3}}@media (min-width:1080px){.mist .masonry{column-count:4}}.mist .masonry .tile{position:relative;display:block;width:100%;margin:0 0 12px;padding:0;break-inside:avoid;overflow:hidden;border:1px solid var(--m-hairline);background:none;cursor:zoom-in;transition:filter .25s}@media (hover:hover){.mist .masonry .tile:hover{filter:brightness(.94)}}.mist .masonry .tile img{display:block}.mist .single{width:100%;max-width:520px;margin:0 auto}.mist .mform{gap:16px}.mist .mform,.mist .mform label{display:flex;flex-direction:column}.mist .mform label{gap:8px;font-size:var(--fs-meta);color:var(--m-sub)}.mist .mform input,.mist .mform textarea{font-family:inherit;font-size:var(--fs-body);color:var(--m-ink);padding:8px 12px;background:var(--m-surface);border:1px solid var(--m-hairline);transition:border-color .2s}.mist .mform textarea{min-height:140px;resize:vertical}.mist .mform input:focus,.mist .mform textarea:focus{outline:none;border-color:var(--m-accent)}.mist .mform .submit{align-self:flex-start;margin-top:4px;font-family:inherit;font-size:var(--fs-meta);padding:8px 20px;border:1px solid var(--m-ink);background:none;color:inherit;cursor:pointer;transition:all .2s}.mist .mform .submit:active:not(:disabled){background:var(--m-ink);color:#fff}@media (hover:hover){.mist .mform .submit:hover:not(:disabled){background:var(--m-ink);color:#fff}}.mist .mform .submit:disabled{opacity:.5;cursor:default}.mist .formnote{font-size:var(--fs-meta);color:var(--m-faint)}.mist .article{width:100%;max-width:680px;margin:0 auto}.mist .article .cover{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--m-hairline);margin-bottom:24px}.mist .article h1{margin:0 0 8px;font-family:var(--font-outfit),sans-serif;font-size:clamp(24px,3.6vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--m-ink)}.mist .article .amETA,.mist .article .ameta{font-size:var(--fs-meta);color:var(--m-faint);margin-bottom:24px}.mist .article .prose{font-size:var(--fs-body);line-height:1.95;color:var(--m-ink-2)}.mist .article .prose p{margin:0 0 1.2em}.mist .article .prose h2{font-family:var(--font-outfit),sans-serif;font-size:var(--fs-h3);font-weight:700;margin:1.8em 0 .6em;color:var(--m-ink)}.mist .article .prose h3{font-size:var(--fs-body);font-weight:700;margin:1.6em 0 .5em;color:var(--m-ink)}.mist .article .prose img{max-width:100%;height:auto;border:1px solid var(--m-hairline)}.mist .backlink{align-self:flex-start;display:inline-block;margin-top:28px;font-size:var(--fs-meta);padding:8px 16px;border:1px solid var(--m-ink);color:inherit;text-decoration:none;transition:all .2s}.mist .backlink:active{background:var(--m-ink);color:#fff}@media (hover:hover){.mist .backlink:hover{background:var(--m-ink);color:#fff}}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_7fd790{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_7fd790{--font-outfit:"Outfit","Outfit Fallback"}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/58f386aa6b1a2a92-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/011e180705008d6f-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ba5fb2a8c88521c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/92eeb95d069020cc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d3ebbfd689654d3a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ef4d5661765d0e49-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d29838c109ef09b4-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e40af3453d7c920a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/99dcf268bda04fe5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/98e207f02528a563-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/73cb51aac9c97f90-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d26bbd13d6b70f89-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/20535187d867b7b9-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/5356a6a4f2c8c8d8-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/db96af6b531dc71f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono Fallback;src:local("Arial");ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.00%;size-adjust:134.59%}.__className_595324{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.__variable_595324{--font-plex-mono:"IBM Plex Mono","IBM Plex Mono Fallback"}