@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--paper: #ece5d3;--paper-dim: #e0d7c1;--ink: #16140f;--ink-soft: #2b2620;--grey: #6e6759;--red: #d8382c;--red-glow: #ff4a38;--blue: #7fb8ec;--acid: #c6f24e;--char: #12100d;--char-soft: #1b1814;--font-display: "Anton", "Arial Narrow", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--font-body: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--grain-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--char);color:var(--paper);font-family:var(--font-body);font-size:16px;line-height:1.55;overflow-x:clip}html.is-loading{overflow:hidden}::selection{background:var(--acid);color:var(--ink)}img{max-width:100%;display:block}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:500;padding:.7rem 1rem;color:var(--ink);background:var(--acid);border:2px solid var(--ink);border-radius:3px;font-family:var(--font-mono);font-weight:700;transform:translateY(-180%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}.no-js{width:min(42rem,calc(100% - 2rem));min-height:100svh;margin:auto;padding:4rem 0;display:grid;align-content:center;gap:1rem}.no-js img{border-radius:50%;border:3px solid var(--paper)}.no-js h1{margin:0;font:400 clamp(2.8rem,10vw,6rem)/.95 var(--font-display)}.no-js p{max-width:58ch}.no-js-kicker,.no-js nav{font-family:var(--font-mono)}.no-js nav{display:flex;flex-wrap:wrap;gap:1rem}:focus-visible{outline:2px dashed var(--acid);outline-offset:3px;border-radius:2px}.grain-overlay{position:fixed;inset:-50%;width:200%;height:200%;background-image:var(--grain-url);opacity:.05;pointer-events:none;z-index:90;animation:grain-shift .9s steps(2) infinite}@keyframes grain-shift{0%{transform:translate(0)}50%{transform:translate(1.2%,-.8%)}to{transform:translate(-.9%,1.1%)}}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);font-weight:400}.kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.section-paper{background:var(--paper);color:var(--ink)}.section-char{background:var(--char);color:var(--paper)}.ink-rule{height:3px;background:currentColor;border:none;border-radius:2px;opacity:.9;transform:rotate(-.4deg)}.torn-edge{display:block;width:100%;height:clamp(28px,5vw,64px);margin-bottom:-1px}.btn-ink{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-mono);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;padding:.9em 1.5em;background:var(--acid);color:var(--ink);border:3px solid var(--ink);border-radius:3px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-.6deg);transition:transform .16s ease,box-shadow .16s ease,background .16s ease;text-decoration:none}.btn-ink:hover{transform:translate(-2px,-2px) rotate(-.6deg);box-shadow:8px 8px 0 var(--ink)}.btn-ink:active{transform:translate(2px,2px) rotate(-.6deg);box-shadow:2px 2px 0 var(--ink)}.btn-ghost{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:.55em 1em;border:2px solid currentColor;border-radius:3px;transition:background .15s ease,color .15s ease;text-decoration:none;display:inline-block}.btn-ghost:hover{background:var(--acid);color:var(--ink);border-color:var(--ink)}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:200;border-radius:50%;will-change:transform}.cursor-dot{width:7px;height:7px;background:var(--acid);margin:-3.5px 0 0 -3.5px}.cursor-ring{width:38px;height:38px;margin:-19px 0 0 -19px;border:2px solid var(--acid);display:flex;align-items:center;justify-content:center;transition:width .18s ease,height .18s ease,margin .18s ease,background-color .18s ease,border-color .18s ease}.cursor-ring span{font-family:var(--font-mono);font-size:.55rem;font-weight:700;letter-spacing:.1em;color:var(--ink);opacity:0;transition:opacity .15s ease;white-space:nowrap}.cursor-ring.is-active{width:64px;height:64px;margin:-32px 0 0 -32px;background:var(--acid);border-color:var(--ink)}.cursor-ring.is-active span{opacity:1}html.has-cursor,html.has-cursor *{cursor:none!important}.loader{position:fixed;inset:0;z-index:300;background:#0d0b09;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.6rem}.loader:after{content:"";position:absolute;inset:0;background-image:var(--grain-url);opacity:.09;pointer-events:none}.loader-hair{width:min(46vw,340px);overflow:visible}.loader-hair path{fill:none;stroke:var(--paper);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.loader-line{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.28em;color:var(--grey);min-height:1.2em;text-align:center}.loader-line em{color:var(--acid);font-style:normal}.loader-skip{position:absolute;bottom:2rem;right:2rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;color:var(--grey);border-bottom:1px dashed var(--grey);padding-bottom:2px}.loader-skip:hover{color:var(--paper);border-color:var(--paper)}.nav{position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;justify-content:space-between;padding:.7rem clamp(.9rem,3vw,2rem);mix-blend-mode:normal;transition:transform .3s ease}.nav-inner{display:flex;align-items:center;gap:.55rem;text-decoration:none}.nav-face{width:34px;height:34px;border-radius:50%;border:2px solid var(--paper);object-fit:cover;background:var(--red);transform:rotate(-4deg)}.nav-name{font-family:var(--font-mono);font-weight:700;font-size:.78rem;letter-spacing:.14em}.nav-links{display:flex;align-items:center;gap:.35rem;background:color-mix(in srgb,var(--char) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--paper) 22%,transparent);border-radius:999px;padding:.3rem .45rem}.nav-links a{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:.4em .85em;border-radius:999px;transition:background .15s ease,color .15s ease}.nav-links a:hover{background:var(--paper);color:var(--ink)}.nav-links a[aria-current=page]{background:var(--acid);color:var(--ink)}.nav-sound{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;border:1px solid color-mix(in srgb,var(--paper) 35%,transparent);border-radius:999px;padding:.42em .9em;margin-left:.4rem;color:var(--paper);background:color-mix(in srgb,var(--char) 72%,transparent)}.nav-sound[aria-pressed=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}@media(max-width:640px){.nav{gap:.35rem;padding-inline:.55rem}.nav-inner{flex:0 0 auto}.nav-links{min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{padding:.4em .55em;font-size:.6rem}.nav-name{display:none}.nav-sound{flex:0 0 auto;margin-left:.1rem}}.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--char)}.hero-scene{position:absolute;inset:-6%;will-change:transform}.hero-scene picture{display:contents}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:brightness(.92) saturate(.94)}@media(max-width:760px){.hero-scene img{object-position:40% 46%}.hero-glow-red{left:34%;top:46%}.hero-glow-blue{left:58%;top:47%}.hero-scanlines{left:30%;top:42%}}.hero-vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(10,8,6,.78) 100%),linear-gradient(to top,rgba(10,8,6,.85),transparent 30%);pointer-events:none}.hero-glow-red{position:absolute;left:47%;top:44%;width:34vmin;height:26vmin;background:radial-gradient(closest-side,rgba(255,74,56,.5),rgba(216,56,44,.18) 55%,transparent 75%);mix-blend-mode:screen;filter:blur(6px);animation:glow-breathe 4.2s ease-in-out infinite;pointer-events:none}.hero-glow-blue{position:absolute;left:66%;top:45%;width:26vmin;height:22vmin;background:radial-gradient(closest-side,rgba(127,184,236,.34),transparent 72%);mix-blend-mode:screen;filter:blur(8px);animation:glow-breathe 5.1s ease-in-out infinite reverse;pointer-events:none}@keyframes glow-breathe{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.hero-scanlines{position:absolute;left:44%;top:40%;width:46vmin;height:30vmin;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.05) 0 1px,transparent 1px 4px);mix-blend-mode:overlay;pointer-events:none}.hero-cables{position:absolute;top:-2%;right:6%;width:clamp(120px,22vw,300px);height:auto;pointer-events:none;transform-origin:top center;will-change:transform}.hero-dust{position:absolute;inset:0;pointer-events:none}.hero-copy{position:relative;z-index:5;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 clamp(1.1rem,5vw,4.5rem) clamp(4.5rem,11vh,7rem);max-width:1100px}.hero-copy .kicker{color:var(--acid);margin-bottom:1rem}.hero-title{font-family:var(--font-display);font-size:clamp(2.6rem,8.5vw,7rem);line-height:.94;letter-spacing:.005em;margin:0 0 1rem;text-wrap:balance;color:var(--paper);text-shadow:4px 4px 0 rgba(0,0,0,.55)}.hero-title .dot{color:var(--red-glow)}.hero-sub{font-size:clamp(1rem,1.9vw,1.3rem);color:color-mix(in srgb,var(--paper) 82%,transparent);margin:0 0 1.8rem;max-width:34ch}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.hero-note{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;color:var(--grey);margin-top:1.4rem;max-width:46ch}.hero-cue{position:absolute;bottom:1.1rem;right:clamp(1rem,4vw,3rem);z-index:5;display:flex;align-items:center;gap:.6rem;color:var(--grey)}.hero-cue svg{animation:cue-bob 2.2s ease-in-out infinite}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.hero-cue span{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;writing-mode:vertical-rl}.apartment{position:relative;background:var(--paper);color:var(--ink)}.apartment-track{height:260vh;position:relative}.apartment-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column}.apartment-head{position:relative;z-index:6;padding:clamp(4.2rem,9vh,6rem) clamp(1.1rem,4vw,3rem) .6rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;pointer-events:none}.apartment-head h2{font-family:var(--font-display);font-size:clamp(1.9rem,4.6vw,3.8rem);margin:.2rem 0 0;line-height:1;transform:rotate(-.5deg)}.apartment-head .kicker{color:var(--red)}.apartment-head p{font-family:var(--font-mono);font-size:.7rem;color:var(--grey);max-width:30ch;text-align:right;margin:0}.apartment-stage{position:relative;flex:1;margin:.4rem clamp(.6rem,2.5vw,2rem) clamp(.9rem,3vh,2rem);border:4px solid var(--ink);border-radius:6px;overflow:hidden;background:var(--paper-dim);box-shadow:8px 10px #16140fe6}.pan-clip{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}.pan-clip.is-dragging{cursor:grabbing}.pan-world{position:absolute;inset:0;will-change:transform}.pan-world>img{position:absolute;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;max-width:none}.apartment-hint{position:absolute;bottom:.8rem;left:50%;transform:translate(-50%);z-index:7;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.24em;background:var(--ink);color:var(--paper);padding:.45em 1.1em;border-radius:999px;opacity:.85;pointer-events:none}.hotspot{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;z-index:5;border-radius:50%;display:grid;place-items:center}.hotspot-ring{position:absolute;inset:0;border:3px solid var(--ink);border-radius:50%;background:color-mix(in srgb,var(--acid) 78%,transparent);box-shadow:2px 3px #16140f8c;transition:transform .18s ease}.hotspot-dot{width:8px;height:8px;border-radius:50%;background:var(--ink)}.hotspot:hover .hotspot-ring,.hotspot:focus-visible .hotspot-ring{transform:scale(1.18) rotate(6deg)}.hotspot:after{content:"";position:absolute;inset:-3px;border:2px solid var(--ink);border-radius:50%;opacity:0;animation:hs-ping 2.8s ease-out infinite}@keyframes hs-ping{0%{transform:scale(.7);opacity:.7}55%,to{transform:scale(1.5);opacity:0}}.hotspot-tag{position:absolute;bottom:calc(100% + 12px);left:50%;width:max-content;max-width:240px;transform:translate(-50%) rotate(-1.2deg) translateY(4px);background:var(--paper);border:3px solid var(--ink);border-radius:3px;box-shadow:4px 5px #16140fd9;padding:.55em .8em;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;text-align:left}.hotspot-tag:after{content:"";position:absolute;top:100%;left:50%;width:3px;height:12px;background:var(--ink);transform:translate(-50%)}.hotspot:hover .hotspot-tag,.hotspot:focus-visible .hotspot-tag,.hotspot.is-open .hotspot-tag{opacity:1;transform:translate(-50%) rotate(-1.2deg) translateY(0)}.hotspot-tag b{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;color:var(--red)}.hotspot-tag span{font-family:var(--font-mono);font-size:.72rem;line-height:1.45;color:var(--ink)}.hotspot.flip .hotspot-tag{bottom:auto;top:calc(100% + 12px)}.hotspot.flip .hotspot-tag:after{top:auto;bottom:100%}.hotspot.tag-right .hotspot-tag{left:0;transform:translate(0) rotate(-1.2deg) translateY(4px)}.hotspot.tag-right .hotspot-tag:after{left:14px}.hotspot.tag-right:hover .hotspot-tag,.hotspot.tag-right:focus-visible .hotspot-tag,.hotspot.tag-right.is-open .hotspot-tag{transform:translate(0) rotate(-1.2deg) translateY(0)}.react-can{position:absolute;z-index:4;width:3.1%;left:20.5%;top:61%;transform-origin:50% 90%;transition:transform .9s cubic-bezier(.2,1.6,.35,1)}.hotspot[data-id=kitchen]:hover~.react-can,.hotspot[data-id=kitchen]:focus-visible~.react-can,.hotspot[data-id=kitchen].is-open~.react-can{transform:translate(170%) rotate(38deg)}.react-sock{position:absolute;z-index:4;width:3.4%;left:8.5%;top:79%;opacity:0;transform:translateY(24%) rotate(-30deg);transition:transform .7s cubic-bezier(.2,1.8,.3,1),opacity .25s ease}.hotspot[data-id=couch]:hover~.react-sock,.hotspot[data-id=couch]:focus-visible~.react-sock,.hotspot[data-id=couch].is-open~.react-sock{opacity:1;transform:translateY(-46%) rotate(14deg)}.react-note{position:absolute;z-index:4;width:2.6%;left:62.8%;top:30.5%;transform-origin:8% 8%;backface-visibility:hidden;transition:transform .55s cubic-bezier(.3,1.4,.4,1)}.hotspot[data-id=phone]:hover~.react-note,.hotspot[data-id=phone]:focus-visible~.react-note,.hotspot[data-id=phone].is-open~.react-note{transform:rotate(-24deg) skew(-6deg) translateY(14%)}.react-glare{position:absolute;z-index:4;left:56.5%;top:34.5%;width:17%;height:16%;pointer-events:none;opacity:0;background:repeating-linear-gradient(to bottom,rgba(198,242,78,.14) 0 2px,transparent 2px 5px),linear-gradient(100deg,#d8382c38,#7fb8ec38);mix-blend-mode:screen}.hotspot[data-id=computer]:hover~.react-glare,.hotspot[data-id=computer]:focus-visible~.react-glare,.hotspot[data-id=computer].is-open~.react-glare{opacity:1;animation:glitch-jump .32s steps(2) infinite}@keyframes glitch-jump{0%{transform:translate(0) skew(0);clip-path:inset(0 0 0 0)}25%{transform:translate(-6px,2px) skew(-3deg);clip-path:inset(8% 0 12% 0)}50%{transform:translate(5px,-3px) skew(2deg);clip-path:inset(2% 0 30% 0)}75%{transform:translate(-3px,1px) skew(-1deg);clip-path:inset(18% 0 4% 0)}to{transform:translate(0);clip-path:inset(0 0 0 0)}}.diary{position:relative;background:var(--char);color:var(--paper)}.diary-track{height:520vh;position:relative}.diary-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(.5rem,3vw,3rem);padding:clamp(3.6rem,8vh,5rem) clamp(1.1rem,4vw,3.4rem) clamp(2.4rem,6vh,4rem);will-change:transform;transform-origin:50% 60%}.diary-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 62%,rgba(236,229,211,.05) 62.2%,transparent 62.6%),radial-gradient(90% 70% at 50% 45%,rgba(236,229,211,.05),transparent 70%);pointer-events:none}.diary-left{position:relative;height:min(62vh,560px);perspective:900px}.diary-face{position:absolute;left:50%;top:50%;width:min(58%,300px);will-change:transform,opacity}.diary-face img{width:100%;filter:drop-shadow(6px 8px 0 rgba(0,0,0,.5))}.diary-tabs{position:absolute;inset:0;transform-style:preserve-3d;perspective:700px;pointer-events:none}.diary-tab{position:absolute;left:50%;top:50%;width:92px;height:60px;margin:-30px 0 0 -46px;background:var(--paper);border:2px solid var(--ink);border-radius:4px 4px 2px 2px;box-shadow:2px 3px #0000008c;will-change:transform,opacity}.diary-tab:before{content:"";position:absolute;left:8px;right:26%;top:9px;height:5px;background:var(--grey);border-radius:2px;opacity:.6}.diary-tab:after{content:"";position:absolute;left:8px;right:48%;top:20px;height:4px;background:var(--red);border-radius:2px;opacity:.5}.diary-chart{position:absolute;inset:0;z-index:3;overflow:visible;pointer-events:none}.diary-chart path{fill:none;stroke-linecap:round;stroke-linejoin:round}.diary-right{position:relative;min-height:16rem}.chapter{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;will-change:transform,opacity}.chapter .time{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.24em;color:var(--acid)}.chapter h3{font-family:var(--font-display);font-size:clamp(1.8rem,4.2vw,3.4rem);line-height:1;margin:.55rem 0 .8rem;transform:rotate(-.5deg)}.chapter p{color:color-mix(in srgb,var(--paper) 75%,transparent);max-width:42ch;margin:0;font-size:clamp(.95rem,1.4vw,1.1rem)}.chapter .lore{font-family:var(--font-mono);color:var(--red-glow);font-size:.8rem;letter-spacing:.1em;margin-top:.9rem}.diary-chips{display:flex;gap:.5rem;margin-top:1.1rem;flex-wrap:wrap}.chip{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;border:2px solid var(--paper);border-radius:3px;padding:.35em .7em;opacity:.75;will-change:transform}.chip.red{border-color:var(--red-glow);color:var(--red-glow)}.diary-progress{position:absolute;bottom:clamp(1rem,3vh,1.8rem);left:clamp(1.1rem,4vw,3.4rem);right:clamp(1.1rem,4vw,3.4rem);z-index:6;display:flex;align-items:center;gap:.8rem}.diary-progress .idx{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;color:var(--grey);min-width:9ch}.diary-ticks{display:flex;gap:6px;flex:1}.diary-ticks i{height:4px;flex:1;background:color-mix(in srgb,var(--paper) 18%,transparent);border-radius:2px;transition:background .2s ease}.diary-ticks i.on{background:var(--acid)}.diary-head{position:absolute;top:clamp(3.4rem,8vh,4.6rem);left:clamp(1.1rem,4vw,3.4rem);z-index:6}.diary-head .kicker{color:var(--red-glow)}.diary-stacked .chapter{position:relative;opacity:1;visibility:visible;padding:2.2rem 0;border-top:2px dashed color-mix(in srgb,var(--paper) 25%,transparent)}.diary-stacked .diary-right{min-height:0}.diary-stacked .diary-left{height:auto;perspective:none}@media(max-width:760px){.diary-stage{grid-template-columns:minmax(0,1fr);align-content:center;gap:.4rem;padding-top:4.6rem}.diary-left{height:32vh}.diary-face{width:min(40%,150px)}.diary-tab{width:64px;height:42px;margin:-21px 0 0 -32px}.chapter h3{font-size:clamp(1.5rem,7vw,2.1rem)}.chapter p{font-size:.9rem;max-width:34ch}.diary-right{min-height:12.5rem}.hero-title{font-size:clamp(2.4rem,11.5vw,4rem)}}.footer-fallback{position:absolute;inset:0;pointer-events:none;overflow:hidden}.footer-fallback i{position:absolute;display:block;opacity:.5}.footer-fallback .f-crumb{width:6px;height:5px;background:var(--grey);border-radius:40% 60% 55% 45%}.footer-fallback .f-pixel{width:4px;height:4px;background:var(--paper)}.footer-fallback .f-note{width:14px;height:13px;background:#d9cf8f;border:1px solid var(--ink)}.footer-fallback .f-tab{width:24px;height:15px;background:var(--paper);border:1.5px solid var(--ink);border-radius:3px 3px 1px 1px}.apartment-fallback-notes{display:none;margin:1rem clamp(1rem,4vw,3rem) 2rem;padding:0;list-style:none;gap:.75rem}.apartment-fallback-notes li{padding:.75rem;border:2px solid var(--ink);background:var(--paper-dim);font-family:var(--font-mono)}.apartment-fallback-notes strong{display:block;color:var(--red)}.format{position:relative;background:var(--paper);color:var(--ink)}.format-track{height:300vh;position:relative}.format-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.format-head{padding:0 clamp(1.1rem,4vw,3rem);margin-bottom:1.2rem}.format-head .kicker{color:var(--red)}.format-head h2{font-family:var(--font-display);font-size:clamp(1.9rem,4.6vw,3.6rem);margin:.2rem 0 0;transform:rotate(-.5deg)}.filmstrip-clip{overflow:hidden}.filmstrip{display:flex;gap:clamp(.8rem,2vw,1.6rem);padding:1.1rem clamp(1.1rem,4vw,3rem);width:max-content;will-change:transform;background:repeating-linear-gradient(to right,var(--ink) 0 14px,transparent 14px 34px) top / 100% 10px no-repeat,repeating-linear-gradient(to right,var(--ink) 0 14px,transparent 14px 34px) bottom / 100% 10px no-repeat,var(--ink-soft);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.frame{position:relative;flex:0 0 auto;width:clamp(230px,30vw,380px);background:var(--paper);border:3px solid var(--ink);border-radius:4px;padding:.9rem;box-shadow:5px 6px #000000a6;transform:rotate(.4deg)}.frame:nth-child(odd){transform:rotate(-.5deg)}.frame .fno{position:absolute;top:.45rem;right:.6rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;color:var(--grey)}.frame .tc{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;color:var(--red)}.frame h3{font-family:var(--font-display);font-size:clamp(1.15rem,1.9vw,1.6rem);margin:.25rem 0 .45rem;letter-spacing:.01em}.frame p{font-size:.85rem;color:var(--ink-soft);margin:0}.frame .frame-img{border:2px solid var(--ink);border-radius:2px;overflow:hidden;margin-bottom:.55rem;aspect-ratio:16 / 10;background:var(--paper-dim)}.frame .frame-img img{width:100%;height:100%;object-fit:cover}.frame.stamp-frame{display:flex;flex-direction:column;justify-content:center}.flash-stamp{display:inline-block;font-family:var(--font-mono);font-weight:700;font-size:.66rem;letter-spacing:.14em;color:var(--paper);background:var(--red);border:2px solid var(--ink);border-radius:3px;padding:.3em .7em;transform:rotate(-2deg);margin-top:.6rem;width:max-content}.waveform{width:100%;height:64px}.waveform rect{fill:var(--ink)}.footer{position:relative;background:var(--char);color:var(--paper);overflow:hidden}.footer-canvas{position:absolute;inset:0;width:100%;height:100%}.footer-inner{position:relative;z-index:4;padding:clamp(4.5rem,12vh,8rem) clamp(1.1rem,4vw,3rem) 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:92svh;justify-content:center;gap:1.2rem}.footer-big{font-family:var(--font-display);font-size:clamp(2.2rem,7.5vw,6.2rem);line-height:.98;margin:0;text-wrap:balance}.footer-big .b{color:var(--red-glow)}.footer-links{display:flex;gap:clamp(.6rem,2vw,1.4rem);flex-wrap:wrap;justify-content:center;margin-top:1.2rem}.footer-links a{font-family:var(--font-mono);font-weight:700;font-size:clamp(.8rem,1.5vw,1rem);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:3px solid var(--paper);border-radius:4px;padding:.7em 1.3em;transition:background .15s ease,color .15s ease,transform .15s ease;background:color-mix(in srgb,var(--char) 55%,transparent)}.footer-links a:hover{background:var(--acid);color:var(--ink);border-color:var(--acid);transform:rotate(-1deg) scale(1.04)}.footer-hint{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;color:var(--grey)}.footer-small{font-size:.72rem;color:var(--grey);max-width:56ch;margin:2rem auto 0}.footer-bar{position:relative;z-index:4;border-top:2px dashed color-mix(in srgb,var(--paper) 20%,transparent);padding:1rem clamp(1.1rem,4vw,3rem);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;color:var(--grey)}.footer-bar a{text-decoration:none;border-bottom:1px dashed var(--grey)}.footer-bar a:hover{color:var(--paper);border-color:var(--paper)}.footer-static-shapes{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain-overlay,.hero-cue svg,.hotspot:after{animation:none!important}.hero-glow-red,.hero-glow-blue{animation:none;opacity:.8}.react-can,.react-sock,.react-note,.react-glare,.hotspot-ring,.hotspot-tag{transition-duration:.01s!important}.apartment-track,.format-track{height:auto}.apartment-sticky,.format-sticky{position:relative;height:auto;min-height:100svh}.diary-track{height:auto}.diary-stage{position:relative;height:auto;min-height:0;display:block}.filmstrip-clip{overflow:visible}.filmstrip{width:auto;flex-wrap:wrap;transform:none!important}.frame{flex:1 1 min(100%,260px)}.apartment-fallback-notes{display:grid}}