:root{--font-ui: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Caveat", "Comic Sans MS", "Chalkboard SE", cursive;--color-bg: #f4f1ea;--color-fg: #2d2a26;--color-muted: #8a8580;--color-accent: #e07a5f;--color-accent-hover: #c96a52;--color-window-bg: #faf9f6;--color-window-border: #d4cfc7;--color-desktop-bg: #c9d6df;--color-selection: #e07a5f33;--color-success: #81b29a;--color-warning: #f2cc8f;--color-error: #e07a5f;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(45, 42, 38, .06);--shadow-md: 0 4px 12px rgba(45, 42, 38, .08);--shadow-lg: 0 8px 24px rgba(45, 42, 38, .12);--shadow-window: 0 12px 40px rgba(45, 42, 38, .15), 0 2px 8px rgba(45, 42, 38, .08);--shadow-inset: inset 0 2px 4px rgba(45, 42, 38, .06);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .24s;--duration-slow: .48s;--duration-cinematic: .8s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-ui);font-size:14px;line-height:1.5;color:var(--color-fg);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:var(--color-accent);text-decoration:none}::selection{background-color:var(--color-selection);color:var(--color-fg)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-window-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.cloud-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.cloud-layer__cloud{position:absolute;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;will-change:transform}.floating-platform{position:absolute;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);will-change:transform}.crt-hitbox{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.crt-hitbox__button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:none;cursor:pointer;padding:0;margin:0;outline:none;-webkit-tap-highlight-color:transparent;z-index:2}.crt-hitbox__button:focus,.crt-hitbox__button:focus-visible{outline:none;box-shadow:none}.crt-hitbox__button::-moz-focus-inner{border:0}.crt-hitbox__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;transition:opacity var(--duration-normal) var(--ease-out)}.crt-hitbox__illumination{fill:transparent;opacity:0;transition:fill var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}.crt-hitbox__scanlines{opacity:0;transition:opacity var(--duration-normal) var(--ease-out);fill:url(#scanline-pattern)}.crt-hitbox__reflection{fill:#ffffff14;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.crt-hitbox__bloom{fill:url(#crt-bloom-gradient);opacity:0;transition:opacity var(--duration-cinematic) var(--ease-in-out)}.crt-hitbox__overlay--awake .crt-hitbox__illumination{fill:#8cc8c81f;opacity:1}.crt-hitbox__overlay--awake .crt-hitbox__scanlines{opacity:.4}.crt-hitbox__overlay--awake .crt-hitbox__reflection{opacity:.35}.crt-hitbox__overlay--activating .crt-hitbox__illumination{fill:#a0dcdc40;opacity:1}.crt-hitbox__overlay--activating .crt-hitbox__scanlines{opacity:.7}.crt-hitbox__overlay--activating .crt-hitbox__reflection{opacity:.6}.crt-hitbox--transitioning .crt-hitbox__illumination{fill:rgba(140,200,200,calc(.12 + var(--crt-effect-progress, 0) * .18));opacity:1}.crt-hitbox--transitioning .crt-hitbox__scanlines{opacity:calc(.4 + var(--crt-effect-progress, 0) * .5)}.crt-hitbox--transitioning .crt-hitbox__reflection{opacity:calc(.35 + var(--crt-effect-progress, 0) * .3)}.crt-hitbox--transitioning .crt-hitbox__bloom{opacity:calc(var(--crt-effect-progress, 0) * .6)}.crt-hitbox--debug .crt-hitbox__overlay{background:#ff00004d;border:3px dashed #ff0000}.crt-hitbox--debug .crt-hitbox__button{background:#f003}@media(prefers-reduced-motion:reduce){.crt-hitbox__overlay,.crt-hitbox__illumination,.crt-hitbox__scanlines,.crt-hitbox__reflection,.crt-hitbox__bloom{transition:none!important}}.computer-hero{position:absolute;height:auto;transform:translate(-50%,-50%);will-change:transform}.computer-hero__image{display:block;width:100%;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.cloud-world{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;height:100vh;overflow:hidden;background:#9ec5d4;cursor:default;transform-origin:var(--crt-screen-center-x) var(--crt-screen-center-y);will-change:transform}.cloud-world__sky{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none}.cloud-world--transitioning{transition:none!important}@media(min-width:1440px){.computer-hero{width:clamp(280px,27vw,380px)}.floating-platform{width:clamp(340px,49vw,700px)}}@media(min-width:1280px)and (max-width:1439px){.computer-hero{width:clamp(240px,27vw,340px)}.floating-platform{width:clamp(300px,49vw,620px)}}@media(min-width:1024px)and (max-width:1279px){.computer-hero{width:clamp(200px,27vw,280px)}.floating-platform{width:clamp(260px,49vw,540px)}}@media(max-width:1023px){.computer-hero{width:clamp(160px,40vw,240px)}.floating-platform{width:clamp(220px,68vw,380px)}}@media(max-width:479px){.computer-hero{width:clamp(130px,42vw,200px)}.floating-platform{width:clamp(180px,76vw,300px)}}@media(prefers-reduced-motion:reduce){.cloud-layer__cloud,.floating-platform,.computer-hero,.cloud-world{will-change:auto;transition:none!important}}.desktop-background{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#1a2a2e;background-image:radial-gradient(ellipse at 20% 30%,rgba(40,70,75,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(30,55,60,.3) 0%,transparent 50%),linear-gradient(180deg,#1a2a2e,#142326);overflow:hidden;z-index:0}.desktop-background__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.35) 100%);opacity:.6}.desktop-background__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);opacity:.4;animation:scanline-flicker 8s linear infinite}@keyframes scanline-flicker{0%,to{opacity:.4}50%{opacity:.35}}.desktop-background__noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.desktop-background--reduced-motion .desktop-background__scanlines{animation:none;opacity:.35}@media(max-width:1023px){.desktop-background__scanlines{background-size:100% 6px}}@media(max-width:479px){.desktop-background__vignette{background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.4) 100%)}}.system-bar{position:fixed;top:0;left:0;right:0;height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:linear-gradient(180deg,#e8e0d8,#d4c8b8);border-bottom:1px solid #b8a898;box-shadow:0 1px 3px #0000001f,inset 0 1px #fff6;z-index:1000;font-family:Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;color:#3a3028;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-webkit-app-region:drag}.system-bar__left{display:flex;align-items:center;gap:4px;-webkit-app-region:drag}.system-bar__apple{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#3a3028;opacity:.9;flex-shrink:0;-webkit-app-region:no-drag}.system-bar__menus{display:flex;align-items:center;gap:2px;-webkit-app-region:no-drag}.system-bar__menu{position:relative}.system-bar__menu-trigger{display:flex;align-items:center;justify-content:center;height:20px;padding:0 10px;border:none;background:transparent;border-radius:4px;font:inherit;font-size:12px;font-weight:500;color:#3a3028;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);-webkit-app-region:no-drag}.system-bar__menu-trigger:hover,.system-bar__menu-trigger--open{background:#00000014;color:#1a1a1a}.system-bar__menu-trigger:focus-visible{outline:2px solid #c8b8a8;outline-offset:2px}.system-bar__menu-dropdown{position:absolute;top:100%;left:0;min-width:160px;margin-top:2px;padding:6px 0;background:#f0e8e0;border:1px solid #b8a898;border-radius:6px;box-shadow:0 4px 16px #00000026,0 1px 4px #0000001a;list-style:none;z-index:1001;animation:menu-appear .12s var(--ease-out)}@keyframes menu-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.system-bar__menu-item{display:block;width:100%;padding:6px 16px;border:none;background:transparent;font:inherit;font-size:12px;color:#3a3028;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.system-bar__menu-item:hover{background:#d4c8b8;color:#1a1a1a}.system-bar__menu-item:focus-visible{outline:2px solid #c8b8a8;outline-offset:-2px}.system-bar__menu-divider{height:1px;margin:6px 8px;background:#c8b8a8;opacity:.5}.system-bar__center{flex:1}.system-bar__right{display:flex;align-items:center;gap:16px;-webkit-app-region:no-drag}.system-bar__status{display:flex;align-items:center;gap:6px;color:#5a5048;font-size:10px}.system-bar__status-item{opacity:.7}.system-bar__time{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;color:#3a3028;letter-spacing:.01em}.system-bar--reduced-motion .system-bar__menu-dropdown{animation:none}@media(max-width:1023px){.system-bar{height:22px;padding:0 8px;font-size:11px}.system-bar__menu-trigger{padding:0 8px;font-size:11px}.system-bar__time{font-size:11px}}@media(max-width:479px){.system-bar{height:20px;padding:0 6px}.system-bar__menus{gap:0}.system-bar__menu-trigger{padding:0 6px;font-size:10px}.system-bar__status{display:none}}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:6px;width:80px;padding:10px 8px;border-radius:8px;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.desktop-icon:focus-visible{outline:2px solid #c8b8a8;outline-offset:2px;background-color:#c8b8a833;box-shadow:0 0 0 2px #c8b8a84d}.desktop-icon__image{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#e8e0d8;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform var(--duration-fast) var(--ease-out)}.desktop-icon__image svg{width:100%;height:100%}.desktop-icon__label{font-size:11px;font-weight:500;line-height:1.3;text-align:center;color:#f0e8e0;text-shadow:0 1px 2px rgba(0,0,0,.5);word-break:break-word;max-width:100%}.desktop-icon--hovered{background-color:#c8b8a826}.desktop-icon--hovered .desktop-icon__image{transform:scale(1.05)}.desktop-icon--pressed{transform:scale(.95);background-color:#c8b8a840}.desktop-icon--selected{background-color:#c8b8a833;box-shadow:inset 0 0 0 1px #c8b8a866,0 2px 8px #0003}.desktop-icon--selected .desktop-icon__image{color:#fff}.desktop-icon--disabled{cursor:default;opacity:.5}.desktop-icon--disabled .desktop-icon__label{color:#988878}.desktop-icon--disabled .desktop-icon__image{color:#887868;filter:none}.desktop-icon__badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:16px;padding:0 8px;margin-top:2px;border-radius:8px;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#5a5048;background:linear-gradient(180deg,#e8e0d8,#d4c8b8);border:1px solid #b8a898;box-shadow:inset 0 1px #fff6}.desktop-icon--reduced-motion{transition:none}@media(max-width:1023px){.desktop-icon{width:72px;padding:8px 6px;gap:4px}.desktop-icon__image{width:42px;height:42px}.desktop-icon__label{font-size:10px}}@media(max-width:479px){.desktop-icon{width:68px;padding:6px 5px}.desktop-icon__image{width:38px;height:38px}.desktop-icon__label{font-size:9px}}.desktop-window{position:fixed;display:flex;flex-direction:column;background:#1e2d30;border:1px solid #3a4a4d;border-radius:6px;box-shadow:0 4px 16px #0006,0 1px 4px #0000004d,inset 0 1px #ffffff0d;overflow:hidden;transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);z-index:10;min-width:320px;min-height:220px}.desktop-window--active{box-shadow:0 8px 24px #00000080,0 2px 8px #0006,inset 0 1px #ffffff14;border-color:#4a5a5d}.desktop-window--maximized{border-radius:0;top:24px!important;left:0!important;width:100vw!important;height:calc(100vh - 24px)!important}.desktop-window__titlebar{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 12px;background:linear-gradient(180deg,#e8e0d8,#d4c8b8);border-bottom:1px solid #b8a898;-webkit-user-select:none;user-select:none;cursor:default;-webkit-app-region:drag;box-shadow:inset 0 1px #ffffff4d}.desktop-window--active .desktop-window__titlebar{background:linear-gradient(180deg,#f0e8e0,#e0d8d0);border-bottom-color:#b8a898}.desktop-window__controls{display:flex;align-items:center;gap:6px;-webkit-app-region:no-drag}.desktop-window__control{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:none;background:transparent;color:transparent;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);-webkit-app-region:no-drag}.desktop-window__control:before{content:"";display:block;width:100%;height:100%;border-radius:50%;background:currentColor}.desktop-window__control--close{color:#e04a3a;border:1px solid #c03a2a}.desktop-window__control--minimize{color:#d8a03a;border:1px solid #b8802a}.desktop-window__control--maximize{color:#3aa04a;border:1px solid #2a803a}.desktop-window__control:hover{transform:scale(1.1)}.desktop-window__control:focus-visible{outline:2px solid #c8b8a8;outline-offset:2px}.desktop-window__control--close:hover{background:#e04a3a;color:#fff}.desktop-window__control--minimize:hover{background:#d8a03a;color:#fff}.desktop-window__control--maximize:hover{background:#3aa04a;color:#fff}.desktop-window__title{flex:1;text-align:center;font-size:12px;font-weight:500;color:#3a3028;letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 20px;-webkit-app-region:drag}.desktop-window__content{flex:1;overflow:auto;background:#182528;color:#d4c4b0;font-size:13px;line-height:1.6;padding:20px}.desktop-window__resize-handle{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.05) 50%);pointer-events:auto}.desktop-window__resize-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.desktop-window--reduced-motion{transition:none}@media(max-width:1023px){.desktop-window{min-width:280px;min-height:180px}.desktop-window__titlebar{height:26px;padding:0 10px}.desktop-window__control{width:12px;height:12px}.desktop-window__title{font-size:11px}.desktop-window__content{padding:16px;font-size:12px}}@media(max-width:479px){.desktop-window{min-width:100vw;min-height:calc(100vh - 24px);border-radius:0;left:0!important;top:24px!important;width:100vw!important;height:calc(100vh - 24px)!important}.desktop-window__resize-handle{display:none}}.crt-effects{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200;overflow:hidden}.crt-effects__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,calc(.06 * var(--crt-intensity, 1))) 2px,rgba(0,0,0,calc(.06 * var(--crt-intensity, 1))) 4px);opacity:.5;animation:scanline-flicker 10s ease-in-out infinite}@keyframes scanline-flicker{0%,to{opacity:.5}50%{opacity:.4}}.crt-effects__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,calc(.25 * var(--crt-intensity, 1))) 100%);pointer-events:none}.crt-effects__glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at center,rgba(60,100,105,calc(.03 * var(--crt-intensity, 1))) 0%,transparent 70%);pointer-events:none;opacity:.6}.crt-effects__curvature{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,calc(.02 * var(--crt-intensity, 1))) 0%,transparent 10%,transparent 90%,rgba(0,0,0,calc(.02 * var(--crt-intensity, 1))) 100%);pointer-events:none}.crt-effects--reduced-motion .crt-effects__scanlines{animation:none;opacity:.35}@media(max-width:1023px){.crt-effects__scanlines{background-size:100% 6px}}@media(max-width:479px){.crt-effects__vignette{background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,calc(.3 * var(--crt-intensity, 1))) 100%)}}.desktop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;font-family:Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.desktop__icons{position:fixed;top:40px;left:20px;display:grid;grid-template-columns:repeat(auto-fill,80px);gap:16px 12px;padding:8px;pointer-events:none;z-index:10}.desktop__icons>*{pointer-events:auto}.about-window{height:100%;display:flex;flex-direction:column}.about-window__header{padding:20px 20px 12px;border-bottom:1px solid #3a4a4d;flex-shrink:0}.about-window__name{margin:0 0 6px;font-size:18px;font-weight:600;color:#f0e8e0;letter-spacing:-.01em}.about-window__title{margin:0;font-size:12px;font-weight:400;color:#9a8a7a;line-height:1.4}.about-window__body{flex:1;overflow:auto;padding:20px}.about-window__intro{margin:0 0 16px;font-size:13px;line-height:1.7;color:#c8b8a8}.about-window__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.about-window__link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:500;color:#8a9a9d;background:#ffffff08;border:1px solid #3a4a4d;border-radius:4px;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.about-window__link:hover{background:#ffffff14;color:#c8b8a8;border-color:#4a5a5d}.about-window__link:focus-visible{outline:2px solid #c8b8a8;outline-offset:2px}.placeholder-window{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.placeholder-window__message{margin:0 0 12px;font-size:16px;font-weight:500;color:#c8b8a8}.placeholder-window__hint{margin:0;font-size:12px;color:#7a6a5a}@media(max-width:1023px){.desktop__icons{top:36px;left:16px;grid-template-columns:repeat(auto-fill,72px);gap:12px 10px}.about-window__name{font-size:16px}.about-window__title{font-size:11px}.about-window__intro{font-size:12px}}@media(max-width:479px){.desktop__icons{top:32px;left:12px;right:12px;grid-template-columns:repeat(auto-fill,64px);gap:10px 8px;padding:4px;justify-content:center}.about-window__header{padding:16px 16px 10px}.about-window__name{font-size:15px}.about-window__body{padding:16px}.about-window__intro{font-size:12px}.about-window__links{flex-direction:column;width:100%}.about-window__link{justify-content:center;width:100%}}.world-page{width:100vw;height:100dvh;height:100vh;overflow:hidden}