@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700;800&display=swap";:root{--black:oklch(.16 0 0);--white:oklch(.97 .018 85);--grey-100:oklch(.915 .025 80);--grey-300:oklch(.82 .03 75);--grey-600:oklch(.42 .02 70);--acid:oklch(.92 .21 125);--acid-700:oklch(.62 .15 125);--warm:oklch(.66 .18 35);--bg:var(--white);--surface:var(--white);--surface-alt:var(--grey-100);--fg:var(--black);--fg-muted:var(--grey-600);--line:var(--black);--grid-line:var(--grey-100);--accent:var(--acid);--accent-2:var(--warm);--on-warm:var(--white);--on-accent:var(--black);--inverse-bg:var(--black);--inverse-fg:var(--acid);--scrim:oklch(.16 0 0 / .82);--night:oklch(.12 0 0 / .86);--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--font-display:var(--font-mono);--font-body:var(--font-mono);--fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:18px;--fs-xl:26px;--fs-2xl:40px;--fs-3xl:64px;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-black:800;--lh-tight:1.1;--lh-body:1.55;--ls-display:-.04em;--ls-label:.02em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--border:2px;--border-thin:1px;--grid:40px;--radius:6px;--radius-lg:10px;--radius-round:50%;--stage-w:1600px;--stage-h:900px;--wall-h:720px;--shadow-1:3px 3px 0 var(--black);--shadow-2:4px 4px 0 var(--black);--shadow-3:6px 6px 0 var(--black);--shadow-accent:10px 10px 0 var(--acid);--outline:var(--border) solid var(--line);--grid-bg:linear-gradient(var(--grid-line) 1px,transparent 1px) 0 0/var(--grid) var(--grid),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px) 0 0/var(--grid) var(--grid);--dur-snap:.12s;--dur-ui:.3s;--dur-scene:.64s;--beat:4s;--ease-snap:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.22,1,.36,1);--ease-bounce:cubic-bezier(.3,1.35,.5,1);--hover-shift:translate(-4px,-4px);--press-shift:translate(3px,3px)}@keyframes ff-pop{0%{opacity:0;transform:translate(6px,6px)}to{opacity:1;transform:none}}@keyframes ff-blink{50%{opacity:0}}.ff-btn{transition:transform var(--dur-snap) var(--ease-snap),box-shadow var(--dur-snap) var(--ease-snap)}.ff-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-3)!important}.ff-btn:active{transform:var(--press-shift);box-shadow:0 0 0 var(--black)!important}.ff-btn:focus-visible,.ff-lift:focus-visible,.ff-task:focus-visible{outline:2px dashed var(--black);outline-offset:4px}.ff-lift{transition:transform var(--dur-snap) var(--ease-snap)}.ff-lift:hover{transform:var(--hover-shift)}.ff-lift:active{transform:var(--press-shift)}.ff-close:hover{background:var(--black)!important;color:var(--acid)!important}.ff-task .ff-strike{transform:scaleX(0);transform-origin:0 50%;transition:transform var(--dur-ui) var(--ease-out)}.ff-task[aria-pressed=true] .ff-strike{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.ff-btn,.ff-lift,.ff-task .ff-strike{transition:none}}.ff-room{font-family:var(--f-body);color:var(--ink);box-sizing:border-box;-webkit-tap-highlight-color:transparent}.ff-room *,.ff-room *:before,.ff-room *:after{box-sizing:border-box}.ff-room .stage{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;overflow:hidden;background:radial-gradient(var(--wall-2) 2px,transparent 2.4px) 0 0/36px 36px,var(--wall)}.ff-room .stage>*{position:absolute}.ff-room .floor{left:0;top:720px;width:1600px;height:180px;background:repeating-linear-gradient(90deg,var(--floor) 0 196px,var(--floor-2) 196px 200px);box-shadow:inset 0 14px #46230a1f}.ff-room .baseboard{left:-10px;top:704px;width:1620px;height:22px;background:var(--paper);border-radius:8px;box-shadow:var(--clay-s)}.ff-room .rug{left:140px;top:738px;width:340px;height:86px;border-radius:50%;background:var(--mint);box-shadow:var(--clay),inset 0 0 0 12px oklch(.8 .1 160)}.ff-room .toy{position:absolute;cursor:pointer;transition:transform var(--t-mid) var(--boing);transform-origin:50% 100%;outline:none}.ff-room .toy>*{position:absolute}.ff-room .toy:hover{transform:translateY(-5px) scale(1.03)}.ff-room .toy:active{transform:scale(1.06,.9);transition-duration:90ms}.ff-room .toy:focus-visible{outline:3px dashed var(--teal-2);outline-offset:8px;border-radius:14px}.ff-room .win-frame{inset:0;background:var(--paper);border-radius:115px 115px 20px 20px;box-shadow:var(--clay-l);padding:16px}.ff-room .sky{position:relative;width:100%;height:100%;border-radius:100px 100px 8px 8px;overflow:hidden;box-shadow:inset 0 8px 14px #00000024}.ff-room .sky>*{position:absolute}.ff-room .sky-day,.ff-room .sky-night{inset:0;transition:opacity var(--t-slow) var(--ease)}.ff-room .sky-day{background:linear-gradient(180deg,oklch(.82 .08 230),oklch(.93 .06 80))}.ff-room .sky-night{background:linear-gradient(180deg,oklch(.27 .08 275),oklch(.42 .1 300));opacity:0}.ff-room .night .sky-night{opacity:1}.ff-room .night .sky-day{opacity:0}.ff-room .sun{left:112px;top:44px;width:62px;height:62px;border-radius:50%;background:var(--butter);box-shadow:var(--clay-s),0 0 0 12px oklch(.96 .08 95/.5);transition:transform var(--t-slow) var(--ease)}.ff-room .night .sun{transform:translateY(330px)}.ff-room .moon{left:36px;top:46px;width:54px;height:54px;border-radius:50%;box-shadow:14px 8px 0 0 oklch(.95 .06 95);transform:translateY(-220px);transition:transform var(--t-slow) var(--boing) .15s}.ff-room .night .moon{transform:none}.ff-room .star{width:5px;height:5px;border-radius:50%;background:#fff8dc;opacity:0;transition:opacity var(--t-slow)}.ff-room .night .star{opacity:1;animation:ffr-twinkle 2s ease-in-out infinite alternate}.ff-room .cloud{left:-100px;width:84px;height:26px;border-radius:20px;background:#fff;box-shadow:var(--clay-s);animation:ffr-drift 32s linear infinite;transition:opacity var(--t-slow)}.ff-room .cloud:before{content:"";position:absolute;left:18px;top:-16px;width:38px;height:38px;border-radius:50%;background:#fff}.ff-room .cloud.c2{width:60px;animation-delay:-16s}.ff-room .night .cloud{opacity:.2}.ff-room .mull-v{left:50%;top:0;bottom:0;width:12px;margin-left:-6px;background:var(--paper);box-shadow:var(--clay-s)}.ff-room .mull-h{left:0;right:0;top:54%;height:12px;background:var(--paper);box-shadow:var(--clay-s)}.ff-room .sill{background:var(--paper);border-radius:12px;box-shadow:var(--clay)}.ff-room .rod{height:12px;border-radius:99px;background:var(--wood-2);box-shadow:var(--clay-s)}.ff-room .curtain{pointer-events:none;border-radius:16px 16px 34px 34px;background:repeating-linear-gradient(90deg,var(--pink) 0 16px,oklch(.77 .11 5) 16px 20px);box-shadow:var(--clay);transform-origin:50% 0;animation:ffr-sway 8s ease-in-out infinite alternate}.ff-room .curtain.r{animation-delay:-4s}.ff-room .win-toy:hover~.curtain{animation-duration:.9s}.ff-room .sign-str{top:0;width:3px;height:44px;background:var(--wood-2);border-radius:2px;transform-origin:50% 0}.ff-room .sign-nail{left:111px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--ink-2)}.ff-room .sign{left:0;top:36px;width:234px;height:62px;border-radius:var(--r-m);background:var(--teal);box-shadow:var(--clay);display:flex;align-items:center;justify-content:center;gap:1px;font:26px var(--f-display);color:var(--paper);transform-origin:50% -36px}.ff-room .sign-toy:hover .sign{animation:ffr-swing 1.2s var(--ease)}.ff-room .sign span{display:inline-block}.ff-room .sign.hop span{animation:ffr-hop .5s var(--boing) both}.ff-room .frame{position:absolute;cursor:grab;touch-action:none;transition:transform .55s var(--boing);transform-origin:50% 0;z-index:5}.ff-room .frame.dragging{cursor:grabbing;transition:transform .12s linear;z-index:40}.ff-room .frame:not(.dragging):hover .frame-box{animation:ffr-swing 1.3s var(--ease)}.ff-room .frame-box{position:absolute;inset:0;border:14px solid var(--c);border-radius:var(--r-m);background:var(--paper);box-shadow:var(--clay);padding:8px;transform-origin:50% -20px}.ff-room .photo{width:100%;height:100%;border-radius:8px;background:repeating-linear-gradient(45deg,var(--wall-2) 0 8px,var(--wall) 8px 16px);display:grid;place-items:center;font:600 11px ui-monospace,Menlo,monospace;color:var(--ink-2);letter-spacing:.04em}.ff-room .frame-str{position:absolute;left:50%;top:-34px;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:34px solid transparent;margin-left:-30px}.ff-room .frame-str:before,.ff-room .frame-str:after{content:"";position:absolute;top:0;width:2.5px;height:44px;background:var(--wood-2);transform-origin:50% 0}.ff-room .frame-str:before{left:-1px;transform:rotate(42deg)}.ff-room .frame-str:after{left:-1px;transform:rotate(-42deg)}.ff-room .frame-nail{position:absolute;left:50%;top:-40px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--ink-2)}.ff-room .shelf-board{left:100px;top:420px;width:400px;height:24px;border-radius:12px;background:var(--wood);box-shadow:var(--clay)}.ff-room .bracket{top:440px;width:22px;height:40px;border-radius:0 0 12px 12px;background:var(--wood-2)}.ff-room .book{border-radius:9px 9px 5px 5px;background:var(--c);box-shadow:var(--clay-s);display:flex;align-items:center;justify-content:center}.ff-room .book:before,.ff-room .book:after{content:"";position:absolute;left:0;right:0;height:7px;background:rgba(255,255,255,.26)}.ff-room .book:before{top:14px}.ff-room .book:after{bottom:14px}.ff-room .book span{position:static;writing-mode:vertical-rl;transform:rotate(180deg);font:700 15px var(--f-body);letter-spacing:.08em;color:var(--paper);white-space:nowrap}.ff-room .book.toy:hover{transform:translateY(-20px) rotate(-3deg)}.ff-room .bookend{left:314px;top:350px;width:36px;height:70px;border-radius:10px 10px 4px 4px;background:var(--butter);box-shadow:var(--clay-s)}.ff-room .tag{padding:6px 14px;background:var(--paper);border-radius:8px;font:700 14px var(--f-body);letter-spacing:.04em;box-shadow:var(--clay-s);transform-origin:50% -14px;animation:ffr-sway 4s ease-in-out infinite alternate}.ff-room .tag:before{content:"";position:absolute;left:50%;top:-14px;width:2px;height:14px;background:var(--wood-2)}.ff-room .sticky .paper{inset:0;background:var(--c);border-radius:6px 6px 6px 20px;transform:rotate(var(--r));box-shadow:var(--clay-s);padding:16px 12px 10px;transition:transform var(--t-mid) var(--boing)}.ff-room .sticky .paper:after{content:"";position:absolute;right:0;bottom:0;width:16px;height:16px;border-radius:0 0 6px;background:linear-gradient(315deg,rgba(255,255,255,0) 50%,rgba(70,35,10,.18) 50%);transition:width var(--t-mid) var(--boing),height var(--t-mid) var(--boing)}.ff-room .sticky:hover .paper{transform:rotate(calc(var(--r) * -1))}.ff-room .sticky:hover .paper:after{width:30px;height:30px}.ff-room .pin{left:50%;top:-6px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--berry);box-shadow:var(--clay-s);z-index:2}.ff-room .s-label{display:block;font:800 10px var(--f-body);letter-spacing:.14em;opacity:.6;margin-bottom:6px}.ff-room .s-task{margin:0;font:500 13px/1.35 var(--f-body)}.ff-room .s-task.done{text-decoration:line-through;opacity:.5}.ff-room .desk-top{left:820px;top:560px;width:570px;height:30px;border-radius:14px;background:var(--wood);box-shadow:var(--clay);z-index:2}.ff-room .desk-leg{top:584px;width:32px;height:140px;border-radius:0 0 12px 12px;background:var(--wood-2)}.ff-room .drawer{left:1160px;top:588px;width:190px;height:56px;border-radius:0 0 16px 16px;background:var(--wood);box-shadow:var(--clay-s)}.ff-room .drawer:after{content:"";position:absolute;left:50%;top:22px;width:30px;height:12px;margin-left:-15px;border-radius:99px;background:var(--butter);box-shadow:var(--clay-s)}.ff-room .lamp{z-index:3}.ff-room .lamp-base{left:22px;top:140px;width:76px;height:20px;border-radius:99px;background:var(--teal-2);box-shadow:var(--clay-s)}.ff-room .lamp-arm{left:54px;top:44px;width:12px;height:100px;border-radius:99px;background:var(--teal);transform:rotate(8deg);transform-origin:50% 100%}.ff-room .lamp-bulb{left:42px;top:46px;width:32px;height:22px;border-radius:0 0 20px 20px;background:var(--paper);transition:background var(--t-mid),box-shadow var(--t-mid)}.ff-room .lamp.on .lamp-bulb{background:oklch(.97 .1 95);box-shadow:0 0 30px 14px oklch(.93 .14 95/.85)}.ff-room .lamp-shade{left:8px;top:0;width:104px;height:58px;border-radius:52px 52px 14px 14px;background:var(--butter);box-shadow:var(--clay);rotate:-6deg;transform-origin:50% 100%}.ff-room .lamp:hover .lamp-shade{animation:ffr-wobble .6s var(--ease)}.ff-room .laptop{z-index:3}.ff-room .lap-lid{left:15px;top:0;width:160px;height:108px;border-radius:16px;background:var(--lilac);box-shadow:var(--clay)}.ff-room .lap-screen{position:absolute;inset:10px 10px 12px;border-radius:9px;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:600 13px var(--f-body);color:var(--paper);transition:box-shadow var(--t-slow)}.ff-room .dark .lap-screen{box-shadow:0 0 40px 6px oklch(.75 .1 195/.7)}.ff-room .lap-folder{position:relative;width:40px;height:28px;border-radius:6px;background:var(--butter)}.ff-room .lap-folder:before{content:"";position:absolute;left:0;top:-6px;width:18px;height:10px;border-radius:4px 4px 0 0;background:var(--butter)}.ff-room .laptop:hover .lap-folder{animation:ffr-hop .5s var(--boing)}.ff-room .lap-cursor{display:inline-block;width:7px;height:13px;margin-left:3px;vertical-align:-2px;background:var(--mint);animation:ffr-blink 1s steps(1) infinite}.ff-room .lap-base{left:0;top:106px;width:190px;height:16px;border-radius:4px 4px 12px 12px;background:oklch(.74 .08 300);box-shadow:var(--clay-s)}.ff-room .mug{z-index:3}.ff-room .mug-body{left:0;top:8px;width:48px;height:52px;border-radius:6px 6px 18px 18px;background:var(--teal);box-shadow:var(--clay-s)}.ff-room .mug-handle{left:36px;top:18px;width:26px;height:28px;border-radius:50%;border:8px solid var(--teal-2)}.ff-room .mug-rim{left:0;top:2px;width:48px;height:14px;border-radius:50%;background:var(--teal-2)}.ff-room .mug-coffee{left:5px;top:4px;width:38px;height:9px;border-radius:50%;background:oklch(.42 .06 50);transition:transform var(--t-mid) var(--boing),opacity var(--t-mid)}.ff-room .steam{left:var(--x);top:-30px;width:9px;height:26px;border-radius:99px;background:rgba(255,255,255,.85);filter:blur(2px);opacity:0;animation:ffr-steam 2s ease-in infinite;animation-delay:var(--d);pointer-events:none}.ff-room .mug.cold .steam{animation:none}.ff-room .puff{left:var(--x);top:-20px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.9);filter:blur(2px);animation:ffr-puff .9s var(--ease) forwards;pointer-events:none}.ff-room .radio{z-index:3}.ff-room .radio-body{left:0;top:0;width:110px;height:76px;border-radius:22px;background:var(--peach);box-shadow:var(--clay)}.ff-room .playing .radio-body{animation:ffr-bop .714s ease-in-out infinite}.ff-room .antenna{left:84px;top:-44px;width:5px;height:50px;border-radius:99px;background:var(--ink-2);transform:rotate(22deg);transform-origin:50% 100%}.ff-room .antenna:after{content:"";position:absolute;left:-4px;top:-8px;width:13px;height:13px;border-radius:50%;background:var(--berry)}.ff-room .speaker{left:12px;top:16px;width:44px;height:44px;border-radius:50%;background:radial-gradient(var(--rust) 2.2px,transparent 2.6px) 0 0/8px 8px,oklch(.75 .11 50);box-shadow:inset 0 3px #0000001f}.ff-room .display{left:64px;top:14px;width:36px;height:24px;border-radius:6px;background:var(--ink);display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:4px;overflow:hidden}.ff-room .display i{width:4px;height:3px;border-radius:2px;background:var(--mint)}.ff-room .playing .display i{animation:ffr-eq .5s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.13s)}.ff-room .knob{left:72px;top:46px;width:20px;height:20px;border-radius:50%;background:var(--butter);box-shadow:var(--clay-s)}.ff-room .knob:after{content:"";position:absolute;left:8px;top:2px;width:4px;height:7px;border-radius:2px;background:var(--ink-2)}.ff-room .playing .knob{animation:ffr-spin 2.856s linear infinite}.ff-room .note{left:var(--x);top:-10px;font:20px var(--f-body);color:var(--teal-2);opacity:0;animation:ffr-note 2.856s ease-out infinite;animation-delay:var(--d);pointer-events:none}.ff-room .clock-face{inset:0;border-radius:50%;background:var(--paper);border:12px solid var(--teal);box-shadow:var(--clay-l)}.ff-room .tick{left:50%;top:50%;width:8px;height:16px;margin:-8px 0 0 -4px;border-radius:99px;background:var(--wall-2)}.ff-room .hand{left:50%;bottom:50%;border-radius:99px;transform-origin:50% 100%;transition:transform .35s var(--boing)}.ff-room .spinning .hand{transition:transform 1.4s var(--boing)}.ff-room .hand.h{width:8px;height:32px;margin-left:-4px;background:var(--ink)}.ff-room .hand.m{width:6px;height:46px;margin-left:-3px;background:var(--ink)}.ff-room .hand.s{width:3px;height:50px;margin-left:-1.5px;background:var(--berry)}.ff-room .hub{left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--berry)}.ff-room .guitar{z-index:3}.ff-room .g-rot{position:absolute;inset:0;transform:rotate(-9deg);transform-origin:50% 100%}.ff-room .g-rot>*{position:absolute}.ff-room .g-head{left:56px;top:0;width:38px;height:56px;border-radius:12px;background:var(--wood-2);box-shadow:var(--clay-s)}.ff-room .g-head:before,.ff-room .g-head:after{content:"";position:absolute;top:10px;width:10px;height:36px;background:radial-gradient(circle,var(--butter) 4px,transparent 4.5px) 0 0/10px 12px}.ff-room .g-head:before{left:-8px}.ff-room .g-head:after{right:-8px}.ff-room .g-neck{left:61px;top:48px;width:28px;height:200px;background:var(--wood);box-shadow:inset -4px 0 #46230a26}.ff-room .g-top{left:25px;top:198px;width:100px;height:104px;border-radius:50%;background:var(--rust);box-shadow:var(--clay)}.ff-room .g-bot{left:4px;top:258px;width:142px;height:142px;border-radius:50%;background:var(--rust);box-shadow:var(--clay-l)}.ff-room .g-hole{left:51px;top:270px;width:48px;height:48px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 6px var(--butter)}.ff-room .g-bridge{left:48px;top:350px;width:54px;height:12px;border-radius:5px;background:var(--wood-2)}.ff-room .g-strings{left:61px;top:12px;width:28px;height:346px;display:flex;justify-content:space-around}.ff-room .g-strings span{position:relative;width:4.6px;height:100%}.ff-room .g-strings i{position:absolute;left:50%;top:0;width:1.6px;height:100%;margin-left:-.8px;background:oklch(.93 .02 85)}.ff-room .g-strings i.buzz{animation:ffr-buzz .5s linear}.ff-room .cat{z-index:4}.ff-room .cushion{left:0;top:120px;width:220px;height:54px;border-radius:50%;background:var(--pink);box-shadow:var(--clay-l)}.ff-room .cat-body{left:48px;top:46px;width:134px;height:94px;border-radius:70px 70px 34px 34px;background:var(--cat);box-shadow:var(--clay);transform-origin:50% 100%;animation:ffr-breathe 4s ease-in-out infinite}.ff-room .cat-tail{left:160px;top:104px;width:70px;height:22px;border-radius:99px;background:var(--cat);transform-origin:8px 50%;animation:ffr-tail 4s ease-in-out infinite alternate}.ff-room .happy .cat-tail{animation-duration:.5s}.ff-room .happy .cat-body{animation:ffr-purr .09s linear infinite alternate}.ff-room .cat-head{left:28px;top:0;width:104px;height:86px;border-radius:50% 50% 46% 46%;background:var(--cat);box-shadow:var(--clay);z-index:2}.ff-room .cat-head>*{position:absolute}.ff-room .ear{top:-10px;width:30px;height:30px;border-radius:7px;background:var(--cat);transform:rotate(45deg);z-index:-1}.ff-room .ear:after{content:"";position:absolute;inset:7px;border-radius:4px;background:var(--pink)}.ff-room .ear.l{left:10px}.ff-room .ear.r{right:10px}.ff-room .cat-toy:hover .ear.r{animation:ffr-twitch .4s var(--ease)}.ff-room .eye{top:30px;width:20px;height:22px;border-radius:50%;background:var(--paper);overflow:hidden;transition:transform var(--t-fast)}.ff-room .eye i{position:absolute;left:4.5px;top:4.5px;width:11px;height:13px;border-radius:50%;background:var(--ink)}.ff-room .eye.l{left:24px}.ff-room .eye.r{left:60px}.ff-room .happy .eye{background:none;height:12px;top:34px;border-top:4px solid var(--paper);border-radius:50% 50% 0 0}.ff-room .happy .eye i{display:none}.ff-room .muzzle{left:36px;top:48px;width:32px;height:22px;border-radius:50%;background:oklch(.9 .03 80)}.ff-room .nose{left:46px;top:46px;width:12px;height:8px;border-radius:50% 50% 60% 60%;background:var(--pink)}.ff-room .blush{top:52px;width:16px;height:9px;border-radius:50%;background:var(--pink);opacity:0;transition:opacity var(--t-mid)}.ff-room .happy .blush{opacity:.9}.ff-room .paw{top:126px;width:28px;height:16px;border-radius:99px;background:oklch(.9 .03 80);z-index:3}.ff-room .heart{left:var(--x);top:0;font:22px var(--f-body);color:var(--berry);animation:ffr-heart 1.2s var(--ease) forwards;pointer-events:none;z-index:5}.ff-room .bubble{left:120px;top:-46px;padding:6px 14px;border-radius:16px 16px 16px 4px;background:var(--paper);box-shadow:var(--clay-s);font:16px var(--f-display);white-space:nowrap;animation:ffr-pop .4s var(--boing) both;z-index:6}.ff-room .plant{z-index:3}.ff-room .pot{left:26px;top:142px;width:88px;height:78px;border-radius:8px 8px 30px 30px;background:var(--rust);box-shadow:var(--clay)}.ff-room .pot-rim{left:16px;top:132px;width:108px;height:20px;border-radius:10px;background:oklch(.7 .13 42);box-shadow:var(--clay-s);z-index:2}.ff-room .leaf{top:auto;bottom:80px;left:calc(70px - var(--w) / 2);width:var(--w);height:var(--h);border-radius:50%/70% 70% 30% 30%;background:var(--g);box-shadow:var(--clay-s);transform:rotate(var(--a));transform-origin:50% 100%;animation:ffr-leaf 4s ease-in-out infinite alternate;animation-delay:var(--d)}.ff-room .leaf:after{content:"";position:absolute;left:50%;bottom:0;width:3px;height:78%;margin-left:-1.5px;border-radius:2px;background:rgba(0,0,0,.14)}.ff-room .plant:hover .leaf,.ff-room .plant.rustle .leaf{animation:ffr-rustle .5s ease-in-out 2}.ff-room .darkness{inset:0;pointer-events:none;z-index:50;background:oklch(.2 .05 275/.76);opacity:0;transition:opacity var(--t-slow) var(--ease);-webkit-mask-image:radial-gradient(circle at 905px 540px,transparent 90px,#000 390px),radial-gradient(circle at 1070px 492px,transparent 40px,#000 170px);-webkit-mask-composite:source-in;mask-image:radial-gradient(circle at 905px 540px,transparent 90px,#000 390px),radial-gradient(circle at 1070px 492px,transparent 40px,#000 170px);mask-composite:intersect}.ff-room .dark .darkness{opacity:1}.ff-room .glow{left:605px;top:240px;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:51;background:radial-gradient(oklch(.93 .13 90/.45),transparent 62%);mix-blend-mode:screen;opacity:0;transition:opacity var(--t-slow)}.ff-room .dark .glow{opacity:1}.ff-room .hint{position:fixed;left:0;top:0;z-index:90;pointer-events:none;background:var(--ink);color:var(--paper);font:600 14px var(--f-body);padding:8px 14px;border-radius:99px;box-shadow:0 8px 18px #00000040;opacity:0;scale:.5;transition:opacity .15s,scale .35s var(--boing);white-space:nowrap}.ff-room .hint.show{opacity:1;scale:1}@media (hover: none){.ff-room .hint{display:none}}.ff-room .chip{position:fixed;bottom:18px;z-index:80;display:flex;align-items:center;gap:10px;background:var(--paper);color:var(--ink);font:600 15px var(--f-body);padding:10px 12px 10px 18px;border-radius:99px;box-shadow:var(--clay);border:none;transition:transform var(--t-mid) var(--boing),opacity var(--t-mid)}.ff-room .chip.intro{left:18px;max-width:calc(100vw - 150px);animation:ffr-pop .6s var(--boing) .8s both}.ff-room .chip.intro.gone{animation:none;opacity:0;transform:translateY(30px) scale(.8);pointer-events:none}.ff-room .chip.sound{right:18px;cursor:pointer;padding:10px 18px}.ff-room .chip.sound:hover{transform:translateY(-3px)}.ff-room .chip.sound:active{transform:scale(1.06,.9)}.ff-room .x{all:unset;cursor:pointer;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--wall-2);font-size:12px}.ff-room .modal-wrap{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;overflow:auto}.ff-room .backdrop{position:fixed;inset:0;background:oklch(.25 .04 50/.5);backdrop-filter:blur(3px);animation:ffr-fade .3s both}.ff-room .modal-wrap.closing .backdrop{animation:ffr-fade .26s reverse both}.ff-room .modal{position:relative}.ff-room .close{all:unset;position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:15px;cursor:pointer;box-shadow:var(--clay-s);transition:transform var(--t-mid) var(--boing);z-index:3}.ff-room .close:hover{transform:rotate(90deg) scale(1.08)}.ff-room .close:focus-visible,.ff-room .cbtn:focus-visible,.ff-room .task-btn:focus-visible{outline:3px dashed var(--teal-2);outline-offset:3px}.ff-room .cbtn{all:unset;cursor:pointer;background:var(--paper);color:var(--ink);font:700 16px var(--f-body);padding:12px 20px;border-radius:99px;box-shadow:var(--clay-s);transition:transform var(--t-mid) var(--boing)}.ff-room .cbtn:hover{transform:translateY(-3px)}.ff-room .cbtn:active{transform:scale(1.06,.9);transition-duration:90ms}.ff-room .cbtn.primary{background:var(--teal);color:var(--paper)}.ff-room .modal-bar{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;color:var(--paper);font:700 15px var(--f-body)}.ff-room .book-open{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);width:min(860px,92vw);min-height:440px;background:var(--paper);border-radius:var(--r-l);box-shadow:var(--clay-l),0 0 0 12px var(--c);perspective:1400px}.ff-room .page{padding:48px 40px}.ff-room .page.left{display:flex;flex-direction:column;justify-content:center;gap:12px;border-right:3px dashed var(--wall-2);animation:ffr-fade .4s both}.ff-room .pg-kicker{font:800 13px var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--teal-2)}.ff-room .pg-date{font:34px/1.1 var(--f-display);color:var(--c)}.ff-room .pg-title{margin:0;font:700 26px/1.2 var(--f-body);text-wrap:balance}.ff-room .page.right{transform-origin:0 50%;animation:ffr-flip .6s var(--ease) both}.ff-room .page.right ul{margin:0;padding:0 0 0 20px;display:grid;gap:14px;font:500 17px/1.5 var(--f-body)}.ff-room .page.right li::marker{color:var(--c)}.ff-room .sticky-big{width:min(420px,88vw);min-height:400px;padding:44px 36px 40px;border-radius:10px 10px 10px 40px;background:var(--c);box-shadow:var(--clay-l)}.ff-room .sticky-big .s-label{font-size:13px;margin-bottom:18px}.ff-room .task-btn{all:unset;cursor:pointer;display:flex;align-items:center;gap:14px;width:100%;padding:10px 0;font:600 21px var(--f-body)}.ff-room .task-btn .box{flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.6);box-shadow:var(--clay-s);display:grid;place-items:center;font-size:15px;transition:transform var(--t-mid) var(--boing)}.ff-room .task-btn.done .box{background:var(--ink);color:var(--paper);transform:rotate(-8deg)}.ff-room .task-btn .txt{position:relative}.ff-room .task-btn .txt:after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:3px;border-radius:2px;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--t-mid) var(--ease)}.ff-room .task-btn.done .txt{opacity:.55}.ff-room .task-btn.done .txt:after{transform:scaleX(1)}.ff-room .task-btn:hover .box{transform:scale(1.15)}.ff-room .app-win{width:min(660px,92vw);background:var(--paper);border-radius:var(--r-l);box-shadow:var(--clay-l);overflow:hidden}.ff-room .app-bar{display:flex;align-items:center;gap:10px;padding:18px 24px;background:var(--lilac);font:18px var(--f-display)}.ff-room .app-body{padding:30px 32px 34px;display:grid;gap:14px}.ff-room .proj-date{justify-self:start;padding:4px 12px;border-radius:99px;background:var(--berry);color:var(--paper);font:700 13px var(--f-body);letter-spacing:.06em}.ff-room .proj-title{margin:0;font:26px/1.2 var(--f-display);text-wrap:balance}.ff-room .app-body ul{margin:0;padding-left:20px;display:grid;gap:10px;font:500 17px/1.5 var(--f-body)}@media (max-width: 640px){.ff-room .book-open{grid-template-columns:1fr}.ff-room .page{padding:32px 26px}.ff-room .page.left{border-right:none;border-bottom:3px dashed var(--wall-2)}.ff-room .pg-date{font-size:26px}.ff-room .pg-title{font-size:21px}.ff-room .page.right ul,.ff-room .app-body ul{font-size:15px}}@media (prefers-reduced-motion: reduce){.ff-room *,.ff-room *:before,.ff-room *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.ff-room{--k:var(--black);--w:var(--white);--r-s:var(--radius);--r-m:var(--radius);--r-l:var(--radius-lg);--g1:var(--grey-100);--g2:var(--grey-300);--wall:var(--w);--wall-2:var(--g1);--floor:var(--g1);--floor-2:var(--g2);--wood:var(--w);--wood-2:var(--k);--ink:var(--k);--ink-2:var(--grey-600);--paper:var(--w);--cocoa:var(--k);--teal:var(--acid);--teal-2:var(--k);--pink:var(--w);--butter:var(--acid);--mint:var(--g1);--lilac:var(--w);--peach:var(--w);--sky:var(--g1);--berry:var(--k);--plum:var(--k);--moss:var(--k);--rust:var(--w);--navy:var(--k);--cat:var(--k);--clay-s:3px 3px 0 var(--k);--clay:4px 4px 0 var(--k);--clay-l:6px 6px 0 var(--k);--boing:var(--ease-snap);--t-fast:var(--dur-snap);--t-mid:var(--dur-snap);--t-slow:var(--dur-ui);--ease:var(--ease-out);--f-display:var(--font-mono);--f-body:var(--font-mono)}.ff-room .stage{background:linear-gradient(var(--g1) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--g1) 1px,transparent 1px) 0 0/40px 40px,var(--w)}.ff-room .floor{background:linear-gradient(90deg,var(--k) 2px,transparent 2px) 0 0/80px 100%,var(--g1);box-shadow:inset 0 3px 0 var(--k)}.ff-room .baseboard{border-radius:0;box-shadow:none;background:var(--k);height:6px;top:716px}.ff-room .rug{border-radius:0;box-shadow:none;background:var(--acid);outline:2px solid var(--k);height:50px;top:760px}.ff-room .stage :is(.win-frame,.sill,.sign,.frame-box,.book,.sticky .paper,.desk-top,.drawer,.desk-leg,.lamp-shade,.lamp-base,.lamp-arm,.lap-lid,.lap-base,.mug-body,.mug-handle,.radio-body,.speaker,.knob,.clock-face,.g-top,.g-bot,.g-head,.g-neck,.cushion,.cat-body,.cat-head,.pot,.pot-rim,.shelf-board,.bracket,.bookend,.tag,.curtain,.leaf,.sun,.cloud){outline:2px solid var(--k);outline-offset:-2px;border-radius:0!important}.ff-room .toy:hover{transform:translate(-4px,-4px)}.ff-room .toy:active{transform:translate(3px,3px)}.ff-room .toy:focus-visible{outline:2px solid var(--k);outline-offset:6px;background:color-mix(in oklch,var(--acid) 30%,transparent)}.ff-room .win-frame,.ff-room .sky{border-radius:0}.ff-room .sky{box-shadow:inset 0 0 0 2px var(--k)}.ff-room .sky-day{background:var(--w)}.ff-room .sky-night{background:var(--k)}.ff-room .sun{background:var(--acid);box-shadow:none;border-radius:50%!important}.ff-room .moon{box-shadow:14px 8px 0 0 var(--acid)}.ff-room .cloud{box-shadow:none}.ff-room .cloud:before{display:none}.ff-room .mull-v,.ff-room .mull-h{background:var(--k);box-shadow:none;width:4px;margin-left:-2px}.ff-room .mull-h{height:4px;width:auto;margin:0}.ff-room .rod{background:var(--k);border-radius:0;box-shadow:none;height:4px}.ff-room .curtain{background:repeating-linear-gradient(90deg,var(--w) 0 8px,var(--k) 8px 10px);box-shadow:none;animation:none}.ff-room .sign{background:var(--k);color:var(--acid);font:800 30px var(--f-display);letter-spacing:-.04em;text-transform:uppercase}.ff-room .sign-str{background:var(--k);width:2px}.ff-room .sign-nail,.ff-room .frame-nail{border-radius:0;background:var(--k)}.ff-room .frame-box{border-width:2px;padding:10px}.ff-room .photo{border-radius:0;background:repeating-linear-gradient(45deg,var(--g1) 0 1px,transparent 1px 10px),var(--w);outline:1px solid var(--k)}.ff-room .frame-str:before,.ff-room .frame-str:after{background:var(--k);width:1.5px}.ff-room .book{background:var(--w)!important;box-shadow:none}.ff-room .book:before,.ff-room .book:after{display:none}.ff-room .book span{font:700 13px var(--f-display);letter-spacing:.02em;color:var(--k);text-transform:uppercase}.ff-room .bookend{background:var(--acid)}.ff-room .tag{background:var(--acid);font:700 12px var(--f-body);text-transform:uppercase;animation:none;box-shadow:none}.ff-room .tag:before{background:var(--k)}.ff-room .sticky .paper{background:var(--w);box-shadow:var(--clay-s)}.ff-room .sticky .paper:after{display:none}.ff-room .pin{border-radius:0;background:var(--k);width:10px;height:10px;margin-left:-5px;box-shadow:none}.ff-room .s-label{font:800 10px var(--f-body);opacity:1}.ff-room .s-task{font:500 11.5px/1.4 var(--f-body)}.ff-room .lamp-arm{background:var(--k)}.ff-room .lamp.on .lamp-bulb{background:var(--acid);box-shadow:0 0 0 6px var(--acid)}.ff-room .lap-screen{border-radius:0;font:700 12px var(--f-display);color:var(--acid)}.ff-room .lap-folder,.ff-room .lap-folder:before{border-radius:0;background:var(--acid)}.ff-room .mug-handle{border-color:var(--k)}.ff-room .mug-rim{border-radius:0;background:var(--k)}.ff-room .mug-coffee{border-radius:0;background:var(--acid)}.ff-room .steam,.ff-room .puff{background:var(--k);filter:none;border-radius:0;width:3px}.ff-room .puff{width:14px;height:14px}.ff-room .display{border-radius:0}.ff-room .display i{border-radius:0;background:var(--acid)}.ff-room .antenna{background:var(--k)}.ff-room .antenna:after{border-radius:0;background:var(--acid)}.ff-room .speaker{background:repeating-linear-gradient(0deg,var(--k) 0 2px,transparent 2px 6px),var(--w)}.ff-room .clock-face{border:2px solid var(--k);box-shadow:var(--clay-l);border-radius:50%!important}.ff-room .tick{border-radius:0;background:var(--k);width:2px;margin-left:-1px}.ff-room .hand{border-radius:0}.ff-room .hand.s,.ff-room .hub{background:var(--acid);outline:1px solid var(--k)}.ff-room .g-hole{box-shadow:0 0 0 6px var(--acid);border-radius:50%!important}.ff-room .g-top,.ff-room .g-bot{border-radius:50%!important}.ff-room .g-strings i{background:var(--k);width:1px}.ff-room .cushion{background:var(--acid);height:36px;top:136px}.ff-room .cat-body{border-radius:0!important;height:80px;top:58px}.ff-room .cat-head{background:var(--k)}.ff-room .cat-head>.ear{border-radius:0}.ff-room .ear:after{background:var(--acid);border-radius:0}.ff-room .eye{background:var(--acid);border-radius:0}.ff-room .eye i{border-radius:0;width:6px;left:7px}.ff-room .happy .eye{border-top-color:var(--acid);border-radius:0;background:none}.ff-room .muzzle,.ff-room .blush{display:none}.ff-room .nose{background:var(--acid);border-radius:0;left:46px;top:52px}.ff-room .cat-tail{border-radius:0}.ff-room .paw{background:var(--w);border-radius:0;outline:2px solid var(--k)}.ff-room .heart{font-size:0}.ff-room .heart:after{content:"PRR";font:800 14px var(--f-display);color:var(--k);background:var(--acid);padding:2px 4px}.ff-room .bubble{border-radius:0;background:var(--k);color:var(--acid);box-shadow:none;font:800 15px var(--f-display);text-transform:uppercase}.ff-room .leaf{background:var(--w)!important;box-shadow:none}.ff-room .leaf:after{background:var(--k);width:2px}.ff-room .note{color:var(--k);font-weight:800}.ff-room .darkness{background:oklch(.12 0 0/.86)}.ff-room .glow{background:radial-gradient(color-mix(in oklch,var(--acid) 40%,transparent),transparent 60%)}.ff-room .hint{background:var(--acid);color:var(--k);border-radius:0;font:700 13px var(--f-body);text-transform:uppercase;box-shadow:3px 3px 0 var(--k);outline:2px solid var(--k);scale:1;transition:opacity 0s}.ff-room .hint:before{content:"\2192  "}.ff-room .chip{border-radius:0;box-shadow:4px 4px 0 var(--acid);outline:2px solid var(--k);font:500 13px var(--f-body);text-transform:uppercase}.ff-room .x{border-radius:0;background:var(--k);color:var(--acid)}.ff-room .backdrop{background:oklch(.16 0 0/.82);backdrop-filter:none}.ff-room .close{border-radius:0;background:var(--acid);color:var(--k);outline:2px solid var(--k);box-shadow:none}.ff-room .close:hover{transform:none;background:var(--k);color:var(--acid)}.ff-room .cbtn{border-radius:0;outline:2px solid var(--k);box-shadow:4px 4px 0 var(--k);font:700 14px var(--f-body);text-transform:uppercase}.ff-room .cbtn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--k)}.ff-room .cbtn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--k)}.ff-room .cbtn.primary{background:var(--acid);color:var(--k)}.ff-room .modal-bar{font:700 14px var(--f-body)}.ff-room .book-open{border-radius:0;outline:2px solid var(--k);box-shadow:10px 10px 0 var(--acid)}.ff-room .page.left{border-right:2px solid var(--k)}.ff-room .pg-kicker{color:var(--k);background:var(--acid);align-self:flex-start;padding:2px 8px}.ff-room .pg-date{font:800 40px/1 var(--f-display);color:var(--k);letter-spacing:-.04em}.ff-room .pg-title{font:500 22px/1.25 var(--f-body)}.ff-room .page.right ul{font:400 15px/1.55 var(--f-body);list-style:square}.ff-room .page.right li::marker{color:var(--k)}.ff-room .sticky-big{border-radius:0;background:var(--acid);outline:2px solid var(--k);box-shadow:10px 10px 0 var(--w)}.ff-room .sticky-big .s-label{font:800 16px var(--f-body)}.ff-room .task-btn{font:500 18px var(--f-body)}.ff-room .task-btn .box{border-radius:0;box-shadow:none;outline:2px solid var(--k);background:var(--w)}.ff-room .task-btn.done .box{transform:none}.ff-room .task-btn .txt:after{height:2px}.ff-room .app-win{border-radius:0;outline:2px solid var(--k);box-shadow:10px 10px 0 var(--acid)}.ff-room .app-bar{background:var(--k);color:var(--acid);font:700 15px var(--f-display);text-transform:uppercase}.ff-room .proj-date{border-radius:0;background:var(--k);color:var(--acid)}.ff-room .proj-title{font:800 26px/1.15 var(--f-display);letter-spacing:-.03em}.ff-room .app-body ul{font:400 15px/1.55 var(--f-body)}.ff-room .stage .toy :is(.clock-face,.g-top,.g-bot,.g-hole,.knob),.ff-room .stage .sky .sun{border-radius:50%!important}.ff-room .lap-base{background:var(--k)}.ff-room .pot-rim{background:var(--acid)}.ff-room .pot{background:var(--w)}.ff-room{--boing:var(--ease-bounce);--t-mid:.22s}.ff-room .stage.stage.stage :is(.win-frame,.sill,.sign,.frame-box,.book,.desk-top,.drawer,.desk-leg,.lamp-shade,.lamp-base,.lamp-arm,.lap-lid,.lap-base,.mug-body,.mug-handle,.radio-body,.speaker,.knob,.clock-face,.g-top,.g-bot,.g-head,.g-neck,.cushion,.cat-body,.cat-head,.pot,.pot-rim,.shelf-board,.bracket,.bookend,.tag,.curtain,.leaf,.sun,.cloud),.ff-room .stage.stage.stage .sticky .paper{border-radius:var(--radius)!important}.ff-room .stage.stage.stage .toy :is(.clock-face,.g-top,.g-bot,.g-hole,.knob),.ff-room .stage.stage.stage .sky .sun{border-radius:50%!important}.ff-room .stage.stage.stage .win-frame{border-radius:110px 110px 6px 6px!important}.ff-room .sky{border-radius:96px 96px 2px 2px}.ff-room .stage.stage.stage .cat-body{border-radius:62px 62px 10px 10px!important}.ff-room .stage.stage.stage .cat-head{border-radius:50%!important}.ff-room .stage.stage.stage .lamp-shade{border-radius:50px 50px 6px 6px!important}.ff-room .stage.stage.stage .mug-body{border-radius:4px 4px 14px 14px!important}.ff-room .mug-handle{border-radius:50%}.ff-room .cushion,.ff-room .mug-body,.ff-room .g-top,.ff-room .g-bot,.ff-room .bookend,.ff-room .rug{background:var(--warm)}.ff-room .hint,.ff-room .chip,.ff-room .cbtn,.ff-room .close,.ff-room .sticky-big{border-radius:var(--radius)}.ff-room .book-open,.ff-room .app-win{border-radius:var(--radius-lg)}.ff-room .toy:hover{transform:translate(-4px,-5px)}.ff-room .book.tone-ink{background:var(--k)!important}.ff-room .book.tone-ink span{color:var(--w)}.ff-room .book.tone-paper{background:var(--w)!important}.ff-room .book.tone-paper span{color:var(--k)}.ff-room .book.tone-acid{background:var(--acid)!important}.ff-room .book.tone-acid span{color:var(--k)}.ff-room .book.tone-warm{background:var(--warm)!important}.ff-room .book.tone-warm span{color:var(--w)}.ff-room .sticky.tone-acid .paper,.ff-room .sticky-big.tone-acid{background:var(--acid);color:var(--k)}.ff-room .sticky.tone-warm .paper,.ff-room .sticky-big.tone-warm{background:var(--warm);color:var(--w)}.ff-room .sticky.tone-paper .paper,.ff-room .sticky-big.tone-paper{background:var(--w);color:var(--k)}.ff-room .sticky-big.tone-warm .task-btn,.ff-room .sticky-big.tone-warm .s-label{color:var(--w)}.ff-room .sticky-big.tone-warm .task-btn .txt:after{background:var(--w)}.ff-room .sticky-big.tone-acid .task-btn .box{background:color-mix(in oklch,var(--acid) 45%,white)}.ff-room .sticky-big.tone-warm .task-btn .box{background:color-mix(in oklch,var(--warm) 55%,white);outline-color:var(--w)}.ff-room .sticky-big.tone-warm .task-btn.done .box{background:var(--k)}.ff-room .sticky-big.tone-acid{box-shadow:10px 10px 0 color-mix(in oklch,var(--acid) 45%,white)}.ff-room .sticky-big.tone-warm{box-shadow:10px 10px 0 color-mix(in oklch,var(--warm) 55%,white)}@keyframes ffr-twinkle{to{opacity:.35;transform:scale(.5)}}@keyframes ffr-drift{to{transform:translate(330px)}}@keyframes ffr-sway{0%{rotate:-1.4deg}to{rotate:1.4deg}}@keyframes ffr-swing{0%{rotate:0deg}20%{rotate:6deg}45%{rotate:-4deg}70%{rotate:2deg}to{rotate:0deg}}@keyframes ffr-wobble{0%{rotate:-6deg}30%{rotate:-18deg}60%{rotate:2deg}to{rotate:-6deg}}@keyframes ffr-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-12px) scale(1.1,.92)}}@keyframes ffr-blink{50%{opacity:0}}@keyframes ffr-steam{0%{transform:translateY(0) scaleX(1);opacity:0}25%{opacity:.8}to{transform:translateY(-34px) scaleX(1.6);opacity:0}}@keyframes ffr-puff{0%{transform:translateY(0) scale(.4);opacity:1}to{transform:translateY(-70px) scale(2.2);opacity:0}}@keyframes ffr-bop{0%,to{transform:scale(1)}50%{transform:scale(1.04,.95)}}@keyframes ffr-eq{0%{height:3px}to{height:16px}}@keyframes ffr-spin{to{transform:rotate(360deg)}}@keyframes ffr-note{0%{transform:translate(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translate(18px,-70px) scale(1.2) rotate(14deg);opacity:0}}@keyframes ffr-buzz{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(1.4px)}20%,40%,60%,80%{transform:translate(-1.4px)}}@keyframes ffr-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.04)}}@keyframes ffr-tail{0%{rotate:-12deg}to{rotate:-42deg}}@keyframes ffr-purr{0%{transform:translate(-.6px) scaleY(1.02)}to{transform:translate(.6px) scaleY(1)}}@keyframes ffr-twitch{40%{rotate:20deg}}@keyframes ffr-heart{0%{transform:translateY(0) scale(.3);opacity:0}25%{opacity:1;transform:translateY(-20px) scale(1.2)}to{transform:translateY(-80px) scale(.9);opacity:0}}@keyframes ffr-pop{0%{opacity:0;transform:scale(.4) translateY(10px)}to{opacity:1;transform:none}}@keyframes ffr-leaf{0%{rotate:-2deg}to{rotate:3deg}}@keyframes ffr-rustle{0%,to{rotate:0deg}25%{rotate:-9deg}75%{rotate:9deg}}@keyframes ffr-fade{0%{opacity:0}}@keyframes ffr-flip{0%{transform:rotateY(calc(var(--dir) * -75deg));opacity:0}to{transform:none;opacity:1}}.ff-desk{position:fixed;inset:0;z-index:150;overflow:hidden;font-family:var(--font-mono);color:var(--d-fg);background:var(--d-bg);-webkit-font-smoothing:antialiased}.ff-desk *,.ff-desk *:before,.ff-desk *:after{box-sizing:border-box}.ff-desk{--d-bg:oklch(.14 .01 125);--d-fg:var(--acid);--d-dim:oklch(.72 .13 125);--d-win:oklch(.17 .012 125);--d-line:var(--acid);--d-bar:var(--acid);--d-bar-fg:var(--black);--d-shadow:6px 6px 0 oklch(.4 .1 125);--d-grid:oklch(.22 .03 125);--d-hi:var(--warm);--d-glow:0 0 6px oklch(.92 .21 125 / .55);--d-sel:oklch(.92 .21 125 / .14)}.ff-desk a{color:inherit}.dk-wall{position:absolute;inset:0;background:linear-gradient(var(--d-grid) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--d-grid) 1px,transparent 1px) 0 0/40px 40px;display:grid;place-items:center;pointer-events:none}.dk-mark{font:800 clamp(64px,14vw,220px)/1 var(--font-mono);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px var(--d-grid);user-select:none}.dk-menu{position:absolute;left:0;right:0;top:0;height:36px;z-index:5000;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--d-bar);color:var(--d-bar-fg);font:700 13px var(--font-mono);text-transform:uppercase}.dk-menu-r{display:flex;gap:16px;align-items:center}.dk-menu-btn{all:unset;cursor:pointer;padding:3px 8px;outline:2px solid currentColor;outline-offset:-2px;border-radius:var(--radius)}.dk-icon{position:absolute;width:108px;display:grid;justify-items:center;gap:8px;padding:8px 4px;cursor:pointer;touch-action:none;user-select:none;border-radius:var(--radius);transition:transform var(--dur-snap) var(--ease-snap)}.dk-icon:hover{transform:translate(-2px,-3px)}.dk-icon:active{transform:translate(2px,2px)}.dk-icon:focus-visible,.dk-file:focus-visible,.dk-btn:focus-visible,.dk-door:focus-visible,.dk-key:focus-visible,.dk-task:focus-visible{outline:2px dashed var(--d-fg);outline-offset:3px}.dk-icon span,.dk-file span{font:700 12px/1.25 var(--font-mono);text-align:center;padding:2px 5px;border-radius:3px;background:var(--d-bg);text-shadow:var(--d-glow);white-space:nowrap}.dk-icon:hover span{background:var(--d-sel)}.dk-glyph{position:relative;width:56px;height:48px;flex:none}.dk-glyph>*{position:absolute;display:block}.g-folder i{left:2px;top:4px;width:24px;height:10px;border-radius:4px 4px 0 0;background:var(--d-hi);outline:2px solid var(--d-line);outline-offset:-2px}.g-folder b{left:2px;top:12px;width:52px;height:34px;border-radius:var(--radius);background:var(--d-hi);outline:2px solid var(--d-line);outline-offset:-2px;box-shadow:3px 3px 0 var(--d-line)}.g-app b{left:6px;top:2px;width:44px;height:44px;border-radius:10px;background:var(--d-fg);box-shadow:3px 3px 0 var(--d-hi)}.g-app i{left:18px;top:14px;width:20px;height:20px;z-index:1;border:4px solid var(--d-bg);border-radius:50%}.g-text b{left:12px;top:0;width:34px;height:46px;border-radius:3px;background:var(--d-win);outline:2px solid var(--d-line);outline-offset:-2px;box-shadow:3px 3px 0 var(--d-line)}.g-text i{left:18px;top:10px;width:22px;height:20px;z-index:1;background:repeating-linear-gradient(var(--d-fg) 0 2px,transparent 2px 6px)}.g-disc b{left:4px;top:0;width:48px;height:48px;border-radius:50%;background:repeating-radial-gradient(circle,var(--d-bg) 0 2px,var(--d-fg) 2px 3px);outline:2px solid var(--d-line);outline-offset:-2px}.g-disc i{left:20px;top:16px;width:16px;height:16px;border-radius:50%;background:var(--d-hi);z-index:1;outline:2px solid var(--d-bg)}.g-grid b{left:6px;top:2px;width:44px;height:44px;background:conic-gradient(var(--d-fg) 25%,transparent 0 50%,var(--d-fg) 0 75%,transparent 0) 0 0/11px 11px;outline:2px solid var(--d-line);outline-offset:-2px;border-radius:3px}.g-keys b,.g-keys i{width:30px;height:28px;border-radius:5px;background:var(--d-win);outline:2px solid var(--d-line);outline-offset:-2px;box-shadow:0 5px 0 var(--d-line)}.g-keys b{left:2px;top:12px}.g-keys i{left:24px;top:4px;background:var(--d-hi)}.g-mail b{left:2px;top:8px;width:52px;height:36px;border-radius:3px;background:var(--d-win);outline:2px solid var(--d-line);outline-offset:-2px;box-shadow:3px 3px 0 var(--d-line)}.g-mail i{left:4px;top:10px;width:48px;height:20px;z-index:1;background:var(--d-hi);clip-path:polygon(0 0,100% 0,50% 100%)}.g-trash b{left:12px;top:10px;width:32px;height:36px;border-radius:0 0 6px 6px;background:repeating-linear-gradient(90deg,var(--d-win) 0 7px,var(--d-line) 7px 9px);outline:2px solid var(--d-line);outline-offset:-2px}.g-trash i{left:8px;top:2px;width:40px;height:8px;border-radius:3px;background:var(--d-line)}.dk-win{position:absolute;background:var(--d-win);outline:2px solid var(--d-line);outline-offset:-2px;border-radius:var(--radius-lg);box-shadow:var(--d-shadow);overflow:hidden;max-height:calc(100vh - 60px);display:flex;flex-direction:column}.dk-win:not(.is-top) .dk-bar{background:var(--d-win);color:var(--d-dim);border-bottom:2px solid var(--d-line)}.dk-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;background:var(--d-bar);color:var(--d-bar-fg);cursor:grab;touch-action:none;user-select:none}.dk-bar:active{cursor:grabbing}.dk-title{font:700 13px var(--font-mono);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-x{all:unset;cursor:pointer;flex:none;width:30px;height:30px;display:grid;place-items:center;font-size:13px;border-radius:var(--radius);background:var(--d-bar-fg);color:var(--d-bar)}.dk-win:not(.is-top) .dk-x{background:transparent;color:var(--d-dim);outline:2px solid var(--d-dim);outline-offset:-2px}.dk-x:hover{background:var(--d-hi)!important;color:var(--white)!important;outline:none!important}.dk-body{padding:22px;overflow:auto;text-shadow:var(--d-glow)}.dk-small{font:400 12px/1.4 var(--font-mono);color:var(--d-dim)}.dk-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--radius);outline:2px solid var(--d-line);outline-offset:-2px;box-shadow:3px 3px 0 var(--d-line);font:700 13px var(--font-mono);text-transform:uppercase;text-shadow:none;transition:transform var(--dur-snap) var(--ease-snap),box-shadow var(--dur-snap) var(--ease-snap)}.dk-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--d-line)}.dk-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--d-line)}.dk-btn.primary{background:var(--d-fg);color:var(--d-bg)}.dk-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.dk-folder{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.dk-file{all:unset;cursor:pointer;display:grid;justify-items:center;gap:8px;padding:10px 4px;border-radius:var(--radius)}.dk-file:hover{background:var(--d-sel)}.dk-file span{background:transparent}.dk-meta{display:flex;gap:6px;flex-wrap:wrap}.dk-chip{padding:3px 8px;border-radius:var(--radius);background:var(--d-hi);color:var(--white);font:700 12px var(--font-mono);text-transform:uppercase;text-shadow:none}.dk-chip.ghost{background:transparent;color:var(--d-fg);outline:2px solid var(--d-line);outline-offset:-2px}.dk-case h2{margin:14px 0 12px;font:800 26px/1.12 var(--font-mono);letter-spacing:-.03em;text-wrap:balance}.dk-case ul{margin:0;padding-left:18px;display:grid;gap:9px;font:400 14px/1.55 var(--font-mono);list-style:square}.dk-note p{margin:0 0 6px;font:400 15px/1.55 var(--font-mono)}.dk-caret{display:inline-block;width:9px;height:17px;background:var(--d-fg);vertical-align:-3px;animation:ff-blink 1s steps(1) infinite}.dk-todo{display:grid;gap:4px}.dk-task{all:unset;cursor:pointer;display:flex;gap:10px;align-items:center;padding:6px 0;font:500 15px var(--font-mono)}.dk-box{white-space:pre;font-weight:800}.dk-box:before{content:"["}.dk-box:after{content:"]"}.dk-task.done .dk-tt{text-decoration:line-through;text-decoration-thickness:2px;opacity:.55}.dk-player{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.dk-disc{position:relative;width:120px;height:120px;border-radius:50%;background:repeating-radial-gradient(circle,var(--d-bg) 0 3px,var(--d-fg) 3px 4px);outline:2px solid var(--d-line);outline-offset:-2px;animation:dk-spin 2.86s linear infinite;animation-play-state:paused}.dk-player.on .dk-disc{animation-play-state:running}.dk-disc i{position:absolute;inset:38px;border-radius:50%;background:var(--d-hi);outline:3px solid var(--d-bg)}.dk-disc i:after{content:"";position:absolute;inset:18px;border-radius:50%;background:var(--d-bg)}.dk-pl-r{display:grid;gap:8px;justify-items:start}.dk-now{font:700 12px var(--font-mono);text-transform:uppercase;color:var(--d-dim)}.dk-track{font:800 22px/1 var(--font-mono);letter-spacing:-.02em}.dk-eq{display:flex;gap:3px;align-items:flex-end;height:28px}.dk-eq i{width:6px;height:4px;background:var(--d-fg)}.dk-player.on .dk-eq i{animation:dk-eq .42s ease-in-out infinite alternate}.dk-gh{display:grid;gap:16px}.dk-grid{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:4px}.dk-grid i{aspect-ratio:1;border-radius:2px;outline:1px solid var(--d-grid);animation:dk-pop .3s var(--ease-out) both}.dk-grid .l0{background:transparent}.dk-grid .l1{background:oklch(.92 .21 125 / .25)}.dk-grid .l2{background:oklch(.92 .21 125 / .5)}.dk-grid .l3{background:oklch(.92 .21 125 / .78)}.dk-grid .l4{background:var(--acid);box-shadow:0 0 6px var(--acid)}.dk-gh-f{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.dk-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px 12px;padding-bottom:6px}.dk-key{all:unset;cursor:pointer;text-align:center;padding:16px 8px;border-radius:8px;background:var(--d-win);outline:2px solid var(--d-line);outline-offset:-2px;box-shadow:0 6px 0 var(--d-line);font:700 14px var(--font-mono);text-shadow:var(--d-glow);transition:transform 70ms,box-shadow 70ms;animation:dk-drop .45s var(--ease-bounce) both}.dk-key:nth-child(3n+2){background:var(--d-hi);color:var(--white);text-shadow:none}.dk-key:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--d-line)}.dk-key.down{transform:translateY(6px);box-shadow:0 0 0 var(--d-line)}.dk-hi{display:grid;gap:14px}.dk-hi label{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:start;font:700 14px var(--font-mono)}.dk-hi label span{padding-top:9px}.dk-hi input,.dk-hi textarea{all:unset;box-sizing:border-box;width:100%;padding:8px 10px;border-radius:var(--radius);outline:2px solid var(--d-line);outline-offset:-2px;font:400 15px/1.5 var(--font-mono);color:var(--d-fg);caret-color:var(--d-hi);background:transparent;white-space:pre-wrap}.dk-hi input:focus,.dk-hi textarea:focus{outline-width:3px;outline-color:var(--d-hi)}.dk-hi ::placeholder{color:var(--d-dim);opacity:.8}.dk-door{all:unset;cursor:pointer;position:absolute;right:24px;bottom:24px;z-index:4000;display:grid;justify-items:center;gap:10px;perspective:400px}.dk-exit{padding:5px 12px;border-radius:4px;background:var(--warm);color:var(--white);font:800 15px var(--font-mono);letter-spacing:.12em;outline:2px solid var(--d-line);outline-offset:-2px;box-shadow:0 0 18px oklch(.66 .18 35 / .7);animation:dk-flicker 5s steps(1) infinite}.dk-frame{position:relative;width:84px;height:136px;border-radius:6px 6px 0 0;background:var(--black);outline:2px solid var(--d-line);outline-offset:-2px;overflow:visible}.dk-frame:before{content:"";position:absolute;inset:4px 4px 0;background:linear-gradient(var(--acid),var(--white));opacity:0;transition:opacity var(--dur-ui)}.dk-leaf{position:absolute;inset:4px 4px 0;border-radius:3px 3px 0 0;background:var(--d-win);outline:2px solid var(--d-line);outline-offset:-2px;transform-origin:0 50%;transition:transform var(--dur-ui) var(--ease-bounce);box-shadow:inset 0 0 0 10px var(--d-win),inset 0 0 0 12px var(--d-line)}.dk-leaf i{position:absolute;right:10px;top:62px;width:10px;height:10px;border-radius:50%;background:var(--d-hi)}.dk-door:hover .dk-leaf{transform:rotateY(-38deg)}.dk-door:hover .dk-frame:before{opacity:1}.dk-door:active .dk-leaf{transform:rotateY(-70deg)}.dk-boot{position:absolute;inset:0;z-index:6000;background:var(--d-bg);padding:72px clamp(20px,8vw,120px);font:500 15px/1.8 var(--font-mono);color:var(--d-fg);text-shadow:var(--d-glow);cursor:pointer}.dk-crt{position:absolute;inset:0;z-index:7000;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);animation:dk-roll 7s linear infinite}.dk-crt:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.42));animation:dk-flick .12s steps(2) infinite}@keyframes dk-spin{to{transform:rotate(360deg)}}@keyframes dk-eq{0%{height:4px}to{height:28px}}@keyframes dk-pop{0%{opacity:0;transform:scale(.3)}}@keyframes dk-drop{0%{opacity:0;transform:translateY(-24px)}}@keyframes dk-flicker{0%,to{opacity:1}42%{opacity:.4}43%{opacity:1}71%{opacity:.6}72%{opacity:1}}@keyframes dk-flick{50%{opacity:.86}}@keyframes dk-roll{to{background-position:0 300px}}@media (max-width:560px){.dk-player{grid-template-columns:1fr;justify-items:center}.dk-body{padding:16px}.dk-case h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.ff-desk *,.dk-crt,.dk-crt:after{animation:none!important;transition:none!important}}html,body{margin:0;height:100%;background:var(--black)}*{box-sizing:border-box}.ff-app{position:fixed;inset:0}.viewport{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewport.pan{display:block;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.viewport.pan::-webkit-scrollbar{display:none}.holder{position:relative;flex:none;overflow:hidden}.holder.fit{border-radius:var(--radius-lg);outline:2px solid var(--acid)}