.scenewrap{padding-block:clamp(20px,4vw,40px) clamp(30px,5vw,56px)}.scenewrap__head{text-align:center;margin-bottom:clamp(14px,2.4vw,22px)}.scenewrap__head h2{letter-spacing:.05em;font-size:clamp(1.24rem,3.6vw,1.65rem);font-weight:700}.deskfig{margin:0;position:relative}.deskfig__tools{z-index:3;gap:6px;display:flex;position:absolute;top:8px;right:8px}.deskfig__tools button{color:var(--ink);background:var(--panel);border:1px solid var(--line);box-shadow:var(--panel-shadow);transition:transform .2s var(--ease-snap), color .2s var(--ease-snap);border-radius:999px;padding:.34em .9em;font-size:.8rem;font-weight:700}.deskfig__tools button:hover{color:var(--purple);transform:translateY(-2px)}.deskfig__tools button[aria-pressed=true]{background:var(--purple);color:#fff;border-color:#0000}.scene{aspect-ratio:1200/780;width:100%;height:auto;box-shadow:0 22px 54px -30px #4c1d958c, 0 0 0 1.5px var(--line) inset;background:var(--s-wall-2);border-radius:26px;display:block;overflow:hidden}.deskfig .tw{transition:fill .5s var(--ease-snap), stop-color .5s var(--ease-snap)}.gw1{stop-color:var(--s-wall-1)}.gw2{stop-color:var(--s-wall-2)}.gf1{stop-color:var(--s-floor)}.gf2{stop-color:var(--s-floor-2)}.gd1{stop-color:var(--s-desk)}.gd2{stop-color:var(--s-desk-2)}.f-floor2{fill:var(--s-floor-2)}.f-desk{fill:var(--s-desk)}.f-desk2{fill:var(--s-desk-2)}.f-desk-edge{fill:var(--s-desk-edge)}.f-wood{fill:var(--s-wood)}.f-wood2{fill:var(--s-wood-2)}.f-frame{fill:var(--s-frame)}.f-frame2{fill:var(--s-frame-2)}.f-shell{fill:var(--s-shell)}.f-shell2{fill:var(--s-shell-2)}.f-paper{fill:var(--s-paper)}.f-paper2{fill:var(--s-paper-2)}.f-purple{fill:var(--purple)}.f-pink{fill:var(--pink)}.f-shadow{fill:var(--s-shadow)}.scene>g[aria-hidden=true]{pointer-events:none}.obj{cursor:pointer}.obj:focus{outline:none}.obj .art{transform-box:fill-box;transform-origin:50% 100%;transition:transform .24s var(--ease-snap)}.obj .art.dimN{transition:transform .24s var(--ease-snap), opacity .5s var(--ease-snap)}.obj .ring{fill:none;stroke:var(--purple);stroke-width:3px;stroke-dasharray:11 9;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .22s var(--ease-snap), transform .3s var(--ease-pop);transform:scale(.97)}@media (hover:hover){.obj:hover .art{transform:translateY(-5px)}.obj:hover .ring{opacity:.7;transform:scale(1)}.obj:hover .tag rect{fill:var(--purple)}.obj:hover .tag text{fill:#fff}.obj[data-action=fun]:hover .tag{opacity:1}html[data-resolved=dark] .obj:hover .tag text{fill:#1e1630}}.obj:focus-visible .ring{opacity:1;stroke-width:4.5px;transform:scale(1)}.deskfig text{font-family:var(--round)}.deskfig text.mono{font-family:var(--mono)}.tag rect{fill:var(--panel);stroke:var(--purple);stroke-width:1.6px}.tag text{fill:var(--ink);font-family:var(--round);font-size:19px;font-weight:700}.obj:focus-visible .tag rect{fill:var(--purple)}.obj:focus-visible .tag text{fill:#fff}.obj[data-action=fun] .tag{pointer-events:none;opacity:0;transition:opacity .2s var(--ease-snap)}.obj[data-action=fun]:focus-visible .tag{opacity:1}html[data-resolved=dark] .obj:focus-visible .tag text{fill:#1e1630}@keyframes objBounce{0%{transform:translateY(0)scale(1)}17%{transform:translateY(-11px)scale(.98,1.045)}40%{transform:translateY(0)scale(1.05,.95)}64%{transform:translateY(-4px)scale(.995,1.012)}to{transform:translateY(0)scale(1)}}.obj.is-bounce .art{animation:objBounce .48s var(--ease-snap)}.sky{opacity:0;transition:opacity .6s var(--ease-snap)}.deskfig[data-time=morning] .sky-morning,.deskfig[data-time=day] .sky-day,.deskfig[data-time=evening] .sky-evening,.deskfig[data-time=night] .sky-night{opacity:1}.w-hill{fill:#9db7ac;transition:fill .5s var(--ease-snap)}.w-hill2{fill:#7c9a90;transition:fill .5s var(--ease-snap)}.deskfig[data-time=evening] .w-hill{fill:#8b6f94}.deskfig[data-time=evening] .w-hill2{fill:#67507a}.deskfig[data-time=night] .w-hill{fill:#382f5e}.deskfig[data-time=night] .w-hill2{fill:#241e46}.deskfig[data-time=morning] .w-hill{fill:#a7b6a6}.deskfig[data-time=morning] .w-hill2{fill:#849280}.w-sun{transition:transform .6s var(--ease-snap), opacity .6s var(--ease-snap)}.w-sun circle{fill:#fff4d4;transition:fill .5s var(--ease-snap)}.deskfig[data-time=morning] .w-sun{transform:translate(122px,218px)}.deskfig[data-time=day] .w-sun{transform:translate(256px,130px)}.deskfig[data-time=evening] .w-sun{transform:translate(194px,250px)}.deskfig[data-time=evening] .w-sun circle{fill:#ffd2a4}.deskfig[data-time=night] .w-sun{opacity:0;transform:translate(256px,130px)}.w-moon,.w-stars{opacity:0;transition:opacity .6s var(--ease-snap)}.deskfig[data-time=night] .w-moon,.deskfig[data-time=night] .w-stars{opacity:1}.w-cloud{opacity:0;transition:opacity .6s var(--ease-snap)}.deskfig[data-time=day] .w-cloud,.deskfig[data-time=morning] .w-cloud{opacity:.9}.w-lit{opacity:0;transition:opacity .5s var(--ease-snap)}.deskfig[data-time=night] .w-lit,.deskfig[data-time=evening] .w-lit{opacity:1}.twinkle{animation:tw 4.2s var(--ease-snap) infinite;transform-box:fill-box;transform-origin:50%}.twinkle:nth-of-type(2n){animation-duration:5.4s;animation-delay:-1.4s}.twinkle:nth-of-type(3n){animation-duration:6.2s;animation-delay:-2.8s}@keyframes tw{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.lamp-cone{opacity:calc(.06 + var(--glow) * .74);transition:opacity .5s var(--ease-snap)}.lamp-bulb{opacity:calc(.3 + var(--glow) * .65);transition:opacity .5s var(--ease-snap)}.dimN{opacity:calc(1 - var(--glow) * .34);transition:opacity .5s var(--ease-snap)}.screen-glow{pointer-events:none;opacity:calc(.18 + var(--glow) * .5);transition:opacity .5s var(--ease-snap)}.clock-h,.clock-m{transform-box:fill-box;transform-origin:50% 100%;transition:transform .6s var(--ease-pop)}.cat-eye{transform-box:fill-box;transform-origin:50%}.is-blink .cat-eye{animation:blink .24s var(--ease-snap)}@keyframes blink{0%,to{transform:scaleY(1)}45%{transform:scaleY(.08)}}.cat-tail{transform-box:fill-box;transform-origin:96% 92%}.is-tail .cat-tail{animation:tailSwish 1.1s var(--ease-snap)}@keyframes tailSwish{0%{transform:rotate(0)}35%{transform:rotate(14deg)}70%{transform:rotate(-6deg)}to{transform:rotate(0)}}.steam{transform-box:fill-box;transform-origin:50% 100%}.obj[data-obj=mug].is-fun .steam{animation:steam 1.2s var(--ease-snap)}.obj[data-obj=mug].is-fun .steam:nth-of-type(2){animation-delay:.12s}.obj[data-obj=mug].is-fun .steam:nth-of-type(3){animation-delay:.24s}.mug-body{transform-box:fill-box;transform-origin:50% 100%}.obj[data-obj=mug].is-fun .mug-body{animation:mugWiggle .6s var(--ease-snap)}@keyframes steam{0%{opacity:0;transform:translateY(4px)scale(.7)}30%{opacity:.7}to{opacity:0;transform:translateY(-26px)scale(1.3)}}@keyframes mugWiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)}65%{transform:rotate(6deg)}}.leaf{transform-box:fill-box;transform-origin:50% 100%}.obj[data-obj=plant].is-fun .leaf{animation:leafSway 1.2s var(--ease-snap)}@keyframes leafSway{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-6deg)}40%,80%{transform:rotate(6deg)}}.plant-flower{transform-box:fill-box;transform-origin:50%;transition:transform .3s var(--ease-snap);transform:scale(0)}.obj[data-obj=plant].is-fun .plant-flower{animation:flowerPop .5s var(--ease-pop) forwards}.obj[data-obj=plant].is-angry .plant-flower{transition:none;transform:scale(0)}.plant-anger{opacity:0;transform-box:fill-box;transform-origin:50%}.obj[data-obj=plant].is-angry .plant-anger{animation:angerPop 1.4s var(--ease-pop) both}.obj[data-obj=plant].is-angry .art{animation:plantShake .6s var(--ease-snap) 2}.obj[data-obj=plant].is-angry .leaf{animation:leafSway .5s var(--ease-snap) 2}@keyframes angerPop{0%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.2)}24%{transform:scale(1)}78%{opacity:1}to{opacity:0;transform:scale(.9)}}@keyframes plantShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)rotate(-2deg)}40%{transform:translate(6px)rotate(2deg)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes flowerPop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.cl{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .26s var(--ease-snap), transform .46s var(--ease-pop);transform:translateY(-20px)rotate(0)scale(.6)}.deskfig[data-mess=on] .cl{opacity:1;transform:rotate(var(--r,0deg)) scale(1)}.deskfig.is-off .scene *{animation-play-state:paused!important}@media (width<=760px){.deskfig{margin-inline:calc(-1 * var(--gut))}.deskfig__tools{padding:0 var(--gut) 10px;justify-content:flex-end;position:static}.scene{--tag-s:1.3;box-shadow:inset 0 1.5px 0 var(--line), inset 0 -1.5px 0 var(--line);border-radius:0}.obj .tag{transform-box:view-box;transform-origin:0 0;transform:translate(var(--tag-mx), var(--tag-my)) scale(var(--tag-s))}.obj[data-action=fun] .tag{display:none}.cl-monitor-note{transform:translate(780px,318px)}.cl-desk-paper{transform:translate(470px,640px)}}@media (width<=620px){.scene{--tag-s:1.6}}@media (width<=480px){.scene{--tag-s:2}}@media (width<=360px){.scenewrap__head h2{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.obj:hover .art{transform:none}.is-blink .cat-eye,.is-tail .cat-tail,.obj.is-fun .steam,.obj.is-fun .mug-body,.obj.is-fun .leaf,.obj[data-obj=plant].is-angry .art,.obj[data-obj=plant].is-angry .leaf{animation:none}.obj[data-obj=plant].is-fun .plant-flower{animation:none;transform:scale(1)}.obj[data-obj=plant].is-angry .plant-anger{opacity:1;animation:none}}.mw{white-space:nowrap;perspective:900px;--dur:.64s;--ease:var(--ease-snap);--mid:.13;--stagger:0s;--dir-base:1;--ay:-.899;--az:.438;--fade:calc(var(--dur) * .3);display:inline-flex;position:relative}.mw__ch{text-align:center;min-width:.64em;transform-style:preserve-3d;--dir:var(--dir-base);--d:calc(var(--i) * var(--stagger));transition-property:color,transform;transition-duration:var(--dur);transition-timing-function:var(--ease);transition-delay:var(--d);color:var(--purple);display:inline-block}.mw.is-flipped .mw__ch{color:var(--pink)}.mw__g{transform-style:preserve-3d;transition:transform var(--dur) var(--ease) var(--d);justify-items:center;display:grid}.mw__f{transition:opacity var(--fade) linear calc(var(--d) + var(--dur) * var(--mid) - var(--fade) / 2);grid-area:1/1}.mw__f--b,.mw.is-flipped .mw__f--a{opacity:0}.mw.is-flipped .mw__f--a:only-child,.mw.is-flipped .mw__f--b{opacity:1}.mw-host{cursor:pointer;display:inline-block;position:relative}.mw-host:before{content:"";position:absolute;inset:-.1em -.15em}.mw-host .mw{pointer-events:none}.mw--orbit{--stagger:45ms}.mw--orbit .mw__ch{--half:calc(var(--dx,0px) / 2);transform:translateX(var(--half)) rotate3d(0, var(--ay), var(--az), 0deg) translateX(calc(var(--half) * -1)) rotate3d(0, var(--ay), var(--az), 0deg)}.mw--orbit.is-flipped .mw__ch{transform:translateX(var(--half)) rotate3d(0, var(--ay), var(--az), calc(var(--dir) * 180deg)) translateX(calc(var(--half) * -1)) rotate3d(0, var(--ay), var(--az), calc(var(--dir) * -180deg))}.hdr{z-index:60;background:var(--hdr-bg);border-bottom:1px solid var(--line);position:sticky;top:0}.hdr__in{max-width:1400px;min-height:var(--hdr-h);align-items:center;gap:12px;margin-inline:auto;padding:8px clamp(12px,3vw,26px);display:flex}.hdr .brand{color:var(--purple);flex:none;align-items:center;gap:.4em;font-size:clamp(1.02rem,2.6vw,1.22rem);font-weight:700;display:inline-flex}.brand .mw__ch{min-width:.58em}.brand__mark{color:var(--pink);font-size:.8em;transform:translateY(-.08em)}.nav{gap:2px;min-width:0;margin-inline:auto;display:flex}.nav__btn{color:inherit;white-space:nowrap;transition:background-color .2s var(--ease-snap), color .2s var(--ease-snap);border-radius:12px;align-items:center;padding:.38em .7em;font-size:.86rem;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex}.nav__btn:hover{background:var(--chip-bg);color:var(--purple)}.nav__btn[aria-current=true]{color:var(--purple);background:var(--chip-bg)}.hdr__right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.seg{background:var(--chip-bg);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg__b{color:var(--ink-soft);white-space:nowrap;transition:background-color .2s var(--ease-snap), color .2s var(--ease-snap);border-radius:999px;justify-content:center;align-items:center;gap:.35em;padding:.26em .7em;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.seg__b svg{flex:none;width:15px;height:15px}.seg__b:hover{color:var(--purple)}.seg__b[aria-current=page]{background:var(--purple-fill);color:#fff;box-shadow:0 4px 12px -6px #7c3aede6}.dd{position:relative}.theme-btn{border:1px solid var(--line);min-height:34px;color:var(--ink-soft);background:var(--chip-bg);white-space:nowrap;transition:color .2s var(--ease-snap), transform .2s var(--ease-snap);border-radius:999px;align-items:center;gap:.4em;padding:.28em .7em;font-size:.8rem;font-weight:700;display:inline-flex}.theme-btn:hover,.theme-btn[aria-expanded=true]{color:var(--purple)}.theme-btn__icons{flex:none;width:19px;height:19px;display:grid}.theme-btn__icons .theme-icon{grid-area:1/1;width:100%;height:100%;display:none}html[data-theme=system] .theme-btn__icons [data-theme-icon=system],html[data-theme=light] .theme-btn__icons [data-theme-icon=light],html[data-theme=dark] .theme-btn__icons [data-theme-icon=dark],html[data-theme=time] .theme-btn__icons [data-theme-icon=time]{display:block}.theme-btn>.lbl{display:none}html[data-theme=system] .theme-btn [data-theme-label=system],html[data-theme=light] .theme-btn [data-theme-label=light],html[data-theme=dark] .theme-btn [data-theme-label=dark],html[data-theme=time] .theme-btn [data-theme-label=time]{display:inline}.theme-icon{flex:none;width:24px;height:24px}.theme-btn__arrow{transition:transform .22s var(--ease-pop);font-size:.72em}.dd.is-open .theme-btn__arrow{transform:rotate(180deg)}.theme-menu{z-index:95;border:1px solid var(--line);width:220px;color:var(--ink);background:var(--bg);opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;transition:opacity .18s var(--ease-snap), transform .22s var(--ease-pop), visibility 0s linear .22s;border-radius:16px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px)scale(.96);box-shadow:0 22px 44px -24px #4c1d95b8}.dd.is-open .theme-menu{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}.theme-menu button{text-align:left;width:100%;min-height:44px;transition:color .18s var(--ease-snap), background-color .18s var(--ease-snap);border-radius:11px;align-items:center;gap:10px;padding:8px 10px;font-size:.84rem;font-weight:700;display:flex}.theme-menu button:hover,.theme-menu button:focus-visible,html[data-theme=system] #themeMenu [data-id=system],html[data-theme=light] #themeMenu [data-id=light],html[data-theme=dark] #themeMenu [data-id=dark],html[data-theme=time] #themeMenu [data-id=time]{color:var(--purple);background:var(--chip-bg)}.iconbtn{color:#fff;background:var(--btn-grad);width:34px;height:34px;transition:transform .2s var(--ease-snap);border-radius:50%;place-items:center;font-weight:900;display:grid;box-shadow:0 6px 16px -8px #7c3aede6}.iconbtn:hover{transform:scale(1.08)}.hdrcat{opacity:0;pointer-events:none;visibility:hidden;width:38px;height:38px;transition:opacity .28s var(--ease-snap), transform .34s var(--ease-pop), visibility 0s linear .3s;flex:none;position:relative;transform:translateY(6px)scale(.8)}.hdrcat.is-in{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:none}.hdrcat svg{width:100%;height:100%;display:block}.hdrcat__say{white-space:nowrap;background:var(--panel);border:1px solid var(--line);color:var(--ink);box-shadow:var(--panel-shadow);opacity:0;transform-origin:90% 0;transition:opacity .18s var(--ease-snap), transform .3s var(--ease-pop);border-radius:999px;margin-top:6px;padding:.2em .7em;font-size:.76rem;font-weight:700;position:absolute;top:100%;right:0;transform:translateY(-4px)scale(.9)}.hdrcat.is-say .hdrcat__say{opacity:1;transform:none}.navscrim{z-index:89;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease-snap), visibility 0s linear .28s;background:#2e1a4747;display:none;position:fixed;inset:0}.navscrim.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.navmenu{z-index:91;width:min(220px,70vw);max-height:calc(100dvh - var(--hdr-h) - 16px - 74px);overscroll-behavior:contain;background:var(--bg);color:var(--ink);border:1px solid var(--line);visibility:hidden;transition:transform .32s var(--ease-snap), visibility 0s linear .32s;border-right:0;border-radius:18px 0 0 18px;padding:12px 10px 10px;display:none;position:fixed;bottom:74px;right:0;overflow:auto;transform:translate(100%);box-shadow:-18px 12px 44px -24px #4c1d958c}.navmenu.is-open{visibility:visible;transition-delay:0s;transform:none}.navmenu__h{font-family:var(--mono);letter-spacing:.16em;color:var(--ink-soft);align-items:center;gap:.7em;margin:0 4px 6px;padding:2px 10px 6px;font-size:.68rem;font-weight:500;display:flex}.navmenu__h:after{content:"";background:var(--line-strong);flex:1;height:1px}.navmenu button{width:100%;min-height:48px;transition:color .18s var(--ease-snap), background-color .18s var(--ease-snap);border-radius:12px;align-items:center;padding:10px 14px;font-size:1rem;font-weight:700;display:flex}.navmenu button:hover,.navmenu button:focus-visible,.navmenu button[aria-current=true]{color:var(--purple);background:var(--chip-bg)}.navbtn path{transform-box:view-box;transition:transform .3s var(--ease-snap), opacity .2s var(--ease-snap)}.navbtn__l1{transform-origin:12px 7px}.navbtn__l2{transform-origin:12px 12px}.navbtn__l3{transform-origin:12px 17px}.navbtn[aria-expanded=true] .navbtn__l1{transform:translateY(5px)rotate(45deg)}.navbtn[aria-expanded=true] .navbtn__l2{opacity:0;transform:scaleX(0)}.navbtn[aria-expanded=true] .navbtn__l3{transform:translateY(-5px)rotate(-45deg)}.hero{text-align:center;padding-block:clamp(46px,8vw,84px) clamp(28px,5vw,52px)}.hero__name{color:var(--purple);text-shadow:0 1px #ffffffb3,0 10px 30px #7c3aed24;font-size:clamp(2.6rem,12vw,6.6rem);font-weight:700;line-height:1}html[data-resolved=dark] .hero__name{text-shadow:0 0 34px #a78bfa47}.hero__name .mw__ch{min-width:.64em}.hero__hint{margin-inline:auto;width:fit-content;color:var(--pink-ink);opacity:0;transition:opacity .24s var(--ease-snap);margin-top:1.1em;font-size:.95rem;font-weight:700;display:block}.hero__hint.is-ready{opacity:1;animation:heroHint 1.4s var(--ease-snap) alternate 6}.hero__hint.is-done{opacity:0;animation:none}.hero.is-off .hero__hint{animation-play-state:paused}html.reduced .hero__hint{animation:none}@keyframes heroHint{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)translateY(-2px)}}.hero__jp{letter-spacing:.1em;margin-top:.6em;font-size:clamp(1.28rem,4.4vw,1.85rem);font-weight:700}.hero__role{color:var(--ink-soft);margin-top:.2em;font-size:.94rem}.hero__reel{margin-top:1.5em}.reel-link{color:var(--purple-ink);background:linear-gradient(var(--bg), var(--bg)) padding-box, linear-gradient(120deg, var(--purple), var(--pink)) border-box;transition:transform .3s var(--ease-snap), box-shadow .3s var(--ease-snap);border:2px solid #0000;border-radius:999px;align-items:center;gap:.7em;padding:.42em 1.1em .42em .42em;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 12px 26px -18px #7c3aedb3}.reel-link__play{background:linear-gradient(135deg, var(--pink), var(--purple));width:2.2em;height:2.2em;transition:transform .45s var(--ease-pop);border-radius:50%;place-items:center;display:grid}.reel-link__play svg{fill:#fff;width:1.15em;height:1.15em}.reel-link__time{font-family:var(--mono);color:var(--ink-soft);font-size:.78em;font-weight:500}.reel-link:hover,.reel-link:focus-visible{transform:translateY(-2px)}.reel-link:hover .reel-link__play,.reel-link:focus-visible .reel-link__play{transform:scale(1.12)rotate(-8deg)}html.reduced .reel-link,html.reduced .reel-link__play{transition:none}.hero__last{color:var(--ink-soft);margin-top:1.5em;font-size:.82rem}.hero__last[hidden]{display:none}.hero__last button{font-family:var(--mono);color:var(--purple);border-bottom:1px solid;margin-left:.5em;font-weight:700}.hero__last .hero__last-x{vertical-align:middle;width:24px;height:24px;color:var(--ink-soft);border-bottom:0;border-radius:50%;place-items:center;margin-left:.8em;transition:background-color .16s;display:inline-grid}.hero__last-x svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:11px;height:11px}.hero__last .hero__last-x:hover,.hero__last .hero__last-x:focus-visible{background:var(--line)}html.reduced .hero__last-x{transition:none}.about{max-width:980px;margin-inline:auto}.dl{display:grid}.dl>div{gap:.25em;padding-block:.9em;display:grid}.dl>div:first-child{padding-top:0}.dl>div:last-child{padding-bottom:0}.dl>div+div{border-top:1px dotted color-mix(in srgb, var(--purple) 32%, transparent)}@media (width>=560px){.dl>div{grid-template-columns:6.2em minmax(0,1fr);align-items:baseline;column-gap:1.3em}.dl dt{text-align:right;padding-top:.3em}}.dl dt{font-family:var(--mono);letter-spacing:.11em;color:var(--purple);opacity:.9;font-size:.7rem}.dl dd{margin:0;font-size:1rem}.worklist{color:var(--ink-soft);margin-top:.45em;padding-left:1.25em;font-size:.9rem;list-style:outside}.naisho{border:1px dashed var(--line-strong);background:color-mix(in srgb, var(--bg-2) 55%, transparent);border-radius:16px;max-width:34em;margin-top:.15em;transition:background-color .25s;position:relative}.naisho:hover,.naisho[open]{background:color-mix(in srgb, var(--bg-2) 85%, transparent)}.naisho:before{content:"";background:inherit;border:inherit;border-width:0 0 1px 1px;width:10px;height:10px;position:absolute;top:1.05em;left:-6px;transform:rotate(45deg)}@media (width<=559px){.naisho:before{border-width:1px 0 0 1px;top:-6px;left:1.2em}}.naisho__sum{cursor:pointer;color:var(--ink-soft);letter-spacing:.04em;user-select:none;border-radius:inherit;align-items:center;gap:.55em;padding:.55em .95em;font-size:.92rem;list-style:none;display:flex}.naisho__sum::-webkit-details-marker{display:none}.naisho__sum:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.naisho__sum:before{content:"";border:solid var(--purple);width:.42em;height:.42em;transition:transform .3s var(--ease-snap);border-width:0 2px 2px 0;flex:none;transform:rotate(-45deg)}.naisho[open]>.naisho__sum:before{transform:rotate(45deg)}.naisho__body{padding:.1em 1em .9em}.naisho__list{gap:.55em;padding:0;font-size:.95rem;list-style:none;display:grid}.naisho__note{margin-top:.3em}.hitokoto{color:var(--purple-ink);font-weight:700}.alist{gap:.55em;display:grid}.alist>li{grid-template-columns:7.2em minmax(0,1fr);align-items:start;gap:.8em;display:grid}.alist__date{font-family:var(--mono);color:var(--purple-ink);letter-spacing:.03em;padding-top:.2em;font-size:.78rem;font-weight:700}.alist__body{flex-wrap:wrap;align-items:baseline;gap:.35em .7em;min-width:0;display:flex}.alist__title{line-height:1.65}.alist__detail{color:var(--ink-soft);flex-basis:100%;font-size:.82rem;line-height:1.65}.alist__meta{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.3em .55em;font-size:.76rem;display:flex}.tlteam{font-family:var(--mono);color:#9c1d61;background:#f472b624;border:1px solid #f472b64d;border-radius:999px;align-items:baseline;gap:.4em;padding:.1em .7em;font-size:.72rem;display:inline-flex}.tlteam small{font-family:var(--round);letter-spacing:.04em;opacity:.85;font-size:.62rem;font-weight:700}html[data-resolved=dark] .tlteam{color:var(--pink)}html[data-resolved=dark] .tlteam small{color:var(--ink)}.achievement-group+.achievement-group{margin-top:1.6em}.achievement-group .block__h{margin-bottom:.55em}@media (width<=560px){.alist>li{grid-template-columns:1fr;gap:.1em}}.tl{gap:clamp(18px,3vw,28px);display:grid}.tlstage{gap:10px;display:grid}@media (width>=820px){.tlstage{grid-template-columns:186px minmax(0,1fr);align-items:start;gap:0 26px}.tlstage__label{top:calc(var(--hdr-h) + 14px);position:sticky}}.tlstage__label{background:var(--panel);border:1px solid var(--line);box-shadow:var(--panel-shadow);border-radius:16px;align-self:start;padding:.7em 1em}.tlstage__label .n{font-size:1.02rem;font-weight:700}.tlstage__label .r{font-family:var(--mono);letter-spacing:.05em;color:var(--purple-ink);font-size:.68rem;display:block}.tlstage__label .note{color:var(--ink-soft);margin-top:.3em;font-size:.76rem;line-height:1.6;display:block}.tllist{padding-left:26px;position:relative}.tllist:before{content:"";background:linear-gradient(180deg, var(--purple), var(--pink));opacity:.55;border-radius:2px;width:2px;position:absolute;top:.9em;bottom:.9em;left:6px}.tlitem{padding:.55em 0 .75em;position:relative}.tlitem:before{content:"";background:var(--bg);border:3px solid var(--pink);border-radius:50%;width:12px;height:12px;position:absolute;top:1.1em;left:-25px}.tlitem[data-init=true]:before{border-color:var(--purple)}.tlitem__date{font-family:var(--mono);color:var(--purple-ink);letter-spacing:.04em;font-size:.8rem;font-weight:700}.tlitem__title{margin-top:.1em;font-size:1rem;line-height:1.75}.tlitem__detail{color:var(--ink-soft);margin-top:.3em;font-size:.84rem;line-height:1.75}.tlitem__meta{flex-wrap:wrap;align-items:center;gap:.45em;margin-top:.45em;font-size:.76rem;display:flex}.usegroups{gap:.75em;display:grid}.usegroup{grid-template-columns:minmax(11em,15em) minmax(0,1fr);align-items:start;gap:.8em;display:grid}.usegroup__h{color:var(--purple-ink);padding-top:.38em;font-size:.84rem;font-weight:700}.usegroup__body{flex-wrap:wrap;align-items:center;gap:.4em .9em;display:flex}.usegroup__link{font-size:.84rem}.techchips{align-items:center}.techchip{text-align:left;align-items:baseline;column-gap:.35em;max-width:100%;line-height:1.55;display:inline-flex}.techchip--noted{border-radius:14px}.techchip__main{white-space:nowrap;align-items:baseline;gap:.35em;display:inline-flex}.techchip__name{font-weight:700}.techchip__hearts{color:var(--pink);letter-spacing:-.04em;font-size:.82rem}.techchip__feel,.techchip__note,.techrow__note{color:var(--ink-soft);font-size:.76rem}[data-note=card] .techchip--noted{grid-template-columns:minmax(min-content,1fr);row-gap:.05em;padding:.32em .9em .4em;display:inline-grid}[data-note=card] .techchip__note{white-space:normal;display:block}#stack .panel>.block__h:not(:first-child){margin-top:1.5em}@media (width<=680px){.usegroup{grid-template-columns:1fr;gap:.25em}}.deskgrid{gap:clamp(14px,2.4vw,20px);display:grid}@media (width>=820px){.deskgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.photo{border:1px solid var(--line);background:var(--chip-bg);border-radius:20px;overflow:hidden}.photo img{width:100%;height:auto;display:block}.desklinks{gap:.5em;margin-top:1.2em;font-size:.9rem;display:grid}.sns__contact{margin-bottom:1.1em;font-weight:700}.snslinks{flex-wrap:wrap;justify-content:center;gap:.7em;display:flex}.clink{color:var(--purple);background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--panel-shadow);transition:transform .22s var(--ease-snap), background-color .22s var(--ease-snap), color .22s var(--ease-snap);border-radius:999px;align-items:center;gap:.55em;padding:.65em 1.35em;font-weight:700;text-decoration:none;display:inline-flex}.clink:hover{background:linear-gradient(118deg, var(--purple), var(--pink));color:#fff;transform:translateY(-3px)}.clink small{font-family:var(--mono);opacity:.9;font-size:.74em;font-weight:400}.foot{text-align:center;padding:clamp(28px, 5vw, 48px) var(--gut) var(--fab-clear);border-top:1px solid var(--line)}.foot__name{color:var(--purple);font-size:1.1rem;font-weight:700}.foot__copy{font-family:var(--mono);color:var(--ink-soft);margin-top:.3em;font-size:.76rem}.foot__note{color:var(--ink-soft);margin-top:1.4em;font-size:.72rem;line-height:1.7}.lampglow{z-index:2;pointer-events:none;opacity:0;width:520px;height:520px;transition:opacity .5s var(--ease-snap);background:radial-gradient(circle,#ffd9a029 0%,#ffd9a00f 38%,#ffd9a000 70%);margin:-260px 0 0 -260px;position:fixed;top:0;left:0}html[data-resolved=dark] .lampglow.is-on{opacity:1}.toast{z-index:92;background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);box-shadow:var(--panel-shadow);opacity:0;pointer-events:none;transition:opacity .24s var(--ease-snap), transform .3s var(--ease-pop);border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:700;position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px)}.toast.is-on{opacity:1;transform:translate(-50%)}:root{--fab-clear:72px}.fab{z-index:90;color:#fff;background:var(--btn-grad);width:46px;height:46px;transition:transform .22s var(--ease-snap);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:900;display:grid;position:fixed;bottom:16px;box-shadow:0 10px 24px -10px #7c3aedf2}.navbtn{z-index:92;display:none;right:16px}.topbtn{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease-snap), transform .22s var(--ease-pop), visibility 0s linear .22s;right:16px;transform:translateY(8px)scale(.88)}.topbtn.is-in{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}.fab svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.fab:hover{transform:scale(1.1)}.help{right:16px;top:calc(var(--hdr-h) + 10px);z-index:91;width:min(370px,100vw - 32px);max-height:min(78vh, calc(100dvh - var(--hdr-h) - 26px));overscroll-behavior:contain;background:var(--bg);border:1px solid var(--line);color:var(--ink);transform-origin:100% 0;opacity:0;visibility:hidden;pointer-events:none;transition:transform .26s var(--ease-pop), opacity .2s var(--ease-snap), visibility 0s linear .26s;border-radius:20px;padding:18px 20px;font-size:.82rem;line-height:1.7;position:fixed;bottom:auto;overflow:auto;transform:scale(.88)translateY(-10px);box-shadow:0 26px 54px -26px #4c1d95b3}.help.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:transform .26s var(--ease-pop), opacity .2s var(--ease-snap), visibility 0s;transform:none}.help h2{color:var(--purple-ink);margin-bottom:.5em;font-size:.94rem;font-weight:700}.help h3{color:var(--ink);margin:1.1em 0 .4em;font-size:.8rem;font-weight:700}.help li{padding:.14em 0 .14em 1.3em;position:relative}.help li:before{content:"✦";color:var(--pink);opacity:.8;position:absolute;top:.14em;left:0}.help code,.help kbd{font-family:var(--mono);white-space:nowrap;background:var(--chip-bg);color:var(--purple);border:1px solid var(--line);border-radius:5px;padding:.05em .38em;font-size:.92em}.help__close{color:var(--ink-soft);margin-top:1em;font-size:.76rem}@media (width<=1200px){.nav{display:none}.navbtn{display:grid}.navmenu,.navscrim{display:block}.topbtn{right:72px}}@media (width<=680px){:root{--hdr-h:54px}.hdr__in{gap:8px;padding:6px 12px}.seg__b .lbl,html[data-theme] .hdr .theme-btn>.lbl{display:none}.seg__b{min-height:32px;padding:.34em .6em}.hdr .brand{font-size:1rem}}@media (width<=420px){.hdr__in{gap:6px;padding:6px 10px}.hdr .brand{gap:.3em;font-size:.92rem}.hdr__right{gap:5px}.hdrcat{width:30px;height:30px}.seg{padding:2px}.seg__b{min-width:32px;padding:.3em .45em}}
