.layers:after{content:"";z-index:3;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.layer{z-index:1;visibility:hidden;clip-path:circle(0% at var(--ox) var(--oy));transition:clip-path .75s cubic-bezier(.65,0,.25,1),visibility 0s linear .75s;position:absolute;inset:0;overflow:hidden}.layer.is-active{z-index:2;visibility:visible;clip-path:circle(150% at var(--ox) var(--oy));transition:clip-path .75s cubic-bezier(.65,0,.25,1)}.world:not([data-world=home]) .layer:not(.is-active){transition:clip-path 0s linear .75s,visibility 0s linear .75s}.halftone{background-image:radial-gradient(circle, var(--dot) 0 1.8px, transparent 2.3px);background-size:12px 12px;animation:6s linear infinite halftone-drift;position:absolute;inset:-24px}@keyframes halftone-drift{to{transform:translate(12px,12px)}}.halftone-home{--dot:#00000080;animation:6s linear infinite halftone-drift,.8s .2s backwards fade-in;-webkit-mask-image:linear-gradient(125deg,#000 0%,#0009 22%,#0000 48%);mask-image:linear-gradient(125deg,#000 0%,#0009 22%,#0000 48%)}.halftone-github{--dot:#e6001299;-webkit-mask-image:linear-gradient(300deg,#000 0%,#0000 42%);mask-image:linear-gradient(300deg,#000 0%,#0000 42%)}.halftone-notion{--dot:#00000038;-webkit-mask-image:linear-gradient(35deg,#000 0%,#0000 45%);mask-image:linear-gradient(35deg,#000 0%,#0000 45%)}.halftone-bilibili{--dot:#fff3;-webkit-mask-image:linear-gradient(145deg,#000 0%,#0000 40%);mask-image:linear-gradient(145deg,#000 0%,#0000 40%)}@keyframes slap{0%{opacity:0;transform:rotate(-14deg)scale(1.6)}}.layer-home{background:#e60012;position:absolute;inset:0;overflow:hidden;container-type:size}.world:not([data-world=home]) .layer-home{visibility:hidden;transition:visibility 0s linear .75s}.p5-rays-anchor{translate:var(--mx,72cqw) var(--my,32cqh);transition:translate 1.2s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.p5-rays{opacity:.9;width:300vmax;height:300vmax;animation:140s linear infinite p5-spin,1.1s cubic-bezier(.16,1,.3,1) .1s backwards rays-in;position:absolute;top:-150vmax;left:-150vmax;-webkit-mask-image:radial-gradient(circle,#0000 3vmax,#000 34vmax);mask-image:radial-gradient(circle,#0000 3vmax,#000 34vmax)}@keyframes rays-in{0%{opacity:0;rotate:-70deg;scale:.3}to{rotate:none;scale:1}}@keyframes p5-spin{to{transform:rotate(360deg)}}.p5-slab{transform-origin:0 100%;width:80vw;height:68vh;animation:p5-sway 4.6s ease-in-out infinite alternate, slab-in .6s var(--snap) .12s backwards;position:absolute;bottom:-10vh;left:-6vw}.p5-slab-edge,.p5-slab-body{clip-path:polygon(0 28%,16% 21%,12% 13%,40% 10%,37% 3%,66% 6%,100% 0,86% 30%,95% 36%,82% 100%,0 100%);position:absolute;inset:0}.p5-slab-edge{animation:edge-peel .4s var(--snap) .6s backwards;background:#fff;transform:translate(-1.4vw,-2.2vh)rotate(-1.5deg)}.p5-slab-body{background:#000}@keyframes slab-in{0%{translate:-70vw 40vh;rotate:-14deg}to{translate:0;rotate:none}}@keyframes edge-peel{0%{translate:1.4vw 2.2vh}to{translate:0}}@keyframes p5-sway{0%{transform:rotate(-1.2deg)translateY(.6vh)}to{transform:rotate(.8deg)translateY(-.4vh)}}.home-mask{width:min(34vw,28rem);animation:mask-float 3.4s ease-in-out infinite alternate, mask-stamp .6s var(--snap) .5s backwards;position:absolute;top:10vh;right:7vw}.home-mask svg{width:100%;height:auto;display:block}.home-mask-shadow{color:#000;animation:.35s cubic-bezier(.2,.8,.2,1) .95s backwards shadow-drop;position:absolute;inset:0;transform:translate(4%,8%)}.home-mask-face{color:#fff;position:relative}@keyframes mask-stamp{0%{opacity:0;translate:8vw -12vh;rotate:-35deg;scale:2.2}to{opacity:1;translate:0;rotate:none;scale:1}}@keyframes shadow-drop{0%{translate:-4% -8%}to{translate:0}}@keyframes mask-float{0%{transform:rotate(-10deg)translateY(0)}to{transform:rotate(-6deg)translateY(-1.6vh)}}@media (max-width:767px){.home-mask{width:24vw;top:4vh;right:3vw}}.layer-github,.layer-bilibili{--card-fg:#fff;--chip-bg:#fff;--chip-fg:#000}.layer-notion{--card-fg:#000;--chip-bg:#000;--chip-fg:#fff}.persona{width:min(29rem,38vw);color:var(--card-fg);position:absolute;top:9vh;right:6vw}.persona-role{color:#fff;letter-spacing:.06em;clip-path:polygon(0 0,100% 0,93% 100%,0 100%);background:#e60012;align-items:center;gap:.5em;padding:.3em 1.2em .35em .8em;font-size:1.05rem;font-weight:900;display:inline-flex;transform:rotate(-3deg)}.persona-mask{width:2.1em;height:auto}.persona-essence{margin-top:.55em;font-size:clamp(1.6rem,2.6vw,2.6rem);font-weight:900;line-height:1.22}.persona-accent{background:var(--chip-bg);color:var(--chip-fg);margin-inline:.06em;padding-inline:.08em;display:inline-block;transform:rotate(-5deg)}.persona-story{color:color-mix(in srgb, var(--card-fg) 82%, transparent);gap:.45rem;margin-top:1rem;font-size:.95rem;line-height:1.7;display:grid}.persona-story li{padding-left:1.2em;position:relative}.persona-story li:before{content:"";clip-path:polygon(35% 0,100% 0,65% 100%,0 100%);background:#e60012;width:.62em;height:.5em;position:absolute;top:.62em;left:0}.persona-rows{grid-template-columns:auto 1fr;align-items:baseline;gap:.4rem .8rem;margin-top:1rem;font-size:.9rem;line-height:1.55;display:grid}.persona-row{display:contents}.persona-row-head{color:#fff;white-space:nowrap;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);background:#e60012;justify-self:start;padding:.05em .5em;font-weight:900}.layer-notion .persona-row-head{color:#e60012;font-variant-numeric:tabular-nums;clip-path:none;background:0 0;justify-self:end;padding:0;font-size:1.35em;font-stretch:75%;line-height:1}.persona-row-body{color:color-mix(in srgb, var(--card-fg) 85%, transparent)}.persona-stats{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.persona-stat{background:var(--chip-bg);color:var(--chip-fg);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);transform:rotate(calc(-2deg + var(--n) * 2deg));flex-direction:column-reverse;padding:.35em .85em .45em;display:flex}.persona-stat-value{font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,2.2vw,2.1rem);font-weight:900;font-stretch:75%;line-height:1}.persona-stat-label{margin-top:.2em;font-size:.75rem;font-weight:700}.layer.is-active .persona-role{animation:slap .45s var(--snap) .18s backwards}.layer.is-active .persona-essence{animation:.5s cubic-bezier(.65,0,.25,1) .3s backwards wipe}.layer.is-active .persona-story,.layer.is-active .persona-rows{animation:.5s .5s backwards fade-in}.layer.is-active .persona-stat{animation:slap .45s var(--snap) calc(.55s + var(--n) * 80ms) backwards}@keyframes wipe{0%{clip-path:inset(-20% 100% -20% -10%)}to{clip-path:inset(-20% -10%)}}@media (max-width:767px){.persona{width:auto;top:34vh;left:6vw;right:6vw}.persona-story,.persona-rows,.persona-stats{display:none}.persona-essence{font-size:1.5rem}}.layer-github{background:#000}.gh-activity{transform-origin:0;margin:0;position:absolute;top:62vh;left:2vw;right:-4vw;transform:rotate(-6deg)}.gh-grid{grid-template-rows:repeat(7,auto);grid-auto-columns:1fr;grid-auto-flow:column;gap:.3vw;display:grid}.gh-cell{aspect-ratio:1}.gh-pad{visibility:hidden}.gh-l0{background:#ffffff12}.gh-l1{background:#4d0006}.gh-l2{background:#8f000b}.gh-l3{background:#e60012}.gh-l4{background:#fff}.layer-github.is-active .gh-cell{animation:gh-cell-in .5s var(--snap) calc(var(--w) * 16ms) backwards}@keyframes gh-cell-in{0%{transform:scale(0)}}.gh-caption{justify-content:space-between;gap:1rem;margin-top:.9rem;font-size:.8rem;font-weight:700;display:flex}.gh-caption span{color:#000;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);background:#fff;padding:.1em .6em}.gh-caption span:nth-child(2){color:#fff;background:#e60012}.layer-notion{background:#fff}.nt-map{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:1.2vw;display:grid;position:absolute;top:60vh;left:26vw;right:3vw;transform:rotate(-4deg)}.nt-group{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.nt-label{color:#000000b8;white-space:nowrap;transform:rotate(var(--r));background:#fff;border:2px solid #0000008c;padding:.2em .6em .25em;font-size:clamp(.7rem,.95vw,.95rem);font-weight:700;display:inline-block}.nt-label-group{color:#fff;background:#e60012;border-color:#e60012;font-size:clamp(.8rem,1.1vw,1.1rem);font-weight:900}.layer-notion.is-active .nt-label{animation:nt-snap .7s var(--snap) calc(.12s + var(--o) * 22ms) backwards}@keyframes nt-snap{0%{transform:translate(var(--sx), var(--sy)) rotate(var(--sr))}}@media (max-width:767px){.nt-map{grid-template-columns:repeat(4,minmax(0,1fr));left:4vw;right:4vw}}.layer-bilibili{background:#000}.bl-timeline{transform-origin:0;position:absolute;top:62vh;left:4vw;right:-2vw;transform:rotate(-4deg)}.bl-ruler{background-image:repeating-linear-gradient(90deg,#ffffff59 0 1px,#0000 1px 2%);background-position:bottom;background-repeat:repeat-x;background-size:100% 40%;border-bottom:2px solid #ffffff4d;height:1.4rem;margin-left:3rem;position:relative}.bl-timecode{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#e60012;padding:.1em .55em;font-size:1rem;font-weight:800;position:absolute;bottom:calc(100% + .35rem);left:0}.bl-track{height:clamp(44px,7.5vh,76px);margin-top:6px;display:flex}.bl-track-name{color:#000;background:#fff;flex:none;place-items:center;width:2.6rem;margin-right:.4rem;font-size:.8rem;font-weight:900;display:grid}.bl-lane{background:#ffffff0f;flex:1;position:relative}.bl-clip{transform-origin:0;background:#e60012;position:absolute;top:0;bottom:0;overflow:hidden}.layer-bilibili.is-active .bl-clip{animation:bl-clip-in .5s var(--snap) calc(.2s + var(--c) * 90ms) backwards}@keyframes bl-clip-in{0%{transform:scaleX(0)}}.bl-thumbs{height:100%;display:flex}.bl-thumb{aspect-ratio:16/9;isolation:isolate;background:#e60012;border-right:2px solid #000;flex:none;height:100%;position:relative}.bl-thumb img{object-fit:cover;filter:grayscale()contrast(1.35)brightness(.95);mix-blend-mode:multiply}.bl-clip-title{color:#fff;white-space:nowrap;background:#000;padding:.05em .45em;font-size:.8rem;font-weight:800;position:absolute;top:6px;left:6px}.bl-clip-title b{color:#e60012;margin-left:.4em}.bl-wave{align-items:center;gap:2px;padding-inline:2px;display:flex}.bl-wave span{background:#ffffff8c;flex:1;min-height:2px}.bl-playhead{background:#fff;width:2px;position:absolute;top:-.5rem;bottom:0;left:3rem}.bl-playhead:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#e60012;width:14px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)}.layer-bilibili.is-active .bl-playhead{animation:16s linear infinite bl-play}@keyframes bl-play{to{left:100%}}