@font-face{font-family:Chicago;src:url(../fonts/ChicagoFLF.woff2) format("woff2"),url(../fonts/ChicagoFLF.woff) format("woff");font-display:swap}@font-face{font-family:Geneva;src:url(../fonts/Geneva.ttf) format("truetype");font-display:swap}@font-face{font-family:Monaco;src:url(../fonts/monaco.woff2) format("woff2"),url(../fonts/monaco.woff) format("woff");font-display:swap}@font-face{font-family:FindersKeepers;src:url(../fonts/FindersKeepers.woff2) format("woff2"),url(../fonts/FindersKeepers.woff) format("woff");font-display:swap}:root{--case: #d6cdb8;--case-light: #e8e1cf;--case-lighter: #f2ecdd;--case-mid: #c4b9a0;--case-dark: #a99d82;--case-darker: #877c63;--case-shadow: #6c6249;--bezel: #b3a98e;--bezel-dark: #8a8068;--bezel-inner: #2a2a26;--screen: #e8e7d6;--screen-dim: #d8d7c4;--ink: #16160f;--ink-soft: #3a3a30;--hl: #2b2b8c;--hl-text: #f3f2e6;--glow: rgba(150, 235, 170, .16);--font-ui: "Chicago", "Geneva", system-ui, sans-serif;--font-body: "Geneva", "Chicago", system-ui, sans-serif;--font-mono: "Monaco", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:#14120e;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:default;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:default;border:none;background:none;color:inherit}.room{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;background:radial-gradient(120% 90% at 50% 18%,#3a342a,#241f18 38%,#15120d 72%,#0c0a07),#0c0a07;perspective:1800px;overflow:hidden}.room:after{content:"";position:absolute;left:50%;bottom:0;width:200%;height:34%;transform:translate(-50%);background:linear-gradient(to bottom,transparent 0%,rgba(58,44,28,.35) 40%,rgba(40,28,16,.7) 100%);pointer-events:none}.stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--fit, 1));transform-origin:center center;transition:transform .18s ease-out;will-change:transform}.tilt{transform:rotateX(var(--tiltX, 0deg)) rotateY(var(--tiltY, 0deg));transform-style:preserve-3d;transition:transform .25s ease-out}.mac{position:relative;width:740px;height:880px;border-radius:58px 58px 36px 36px/70px 70px 40px 40px;background:linear-gradient(150deg,var(--case-lighter) 0%,var(--case) 34%,var(--case-mid) 78%,var(--case-dark) 100%);box-shadow:inset 0 5px 1px #fffaeb99,inset 6px 0 14px #fffaeb52,inset -10px 0 22px #786c548c,inset 0 -16px 30px #6e624999,0 50px 70px -30px #000c,0 16px 30px -10px #0000008c;padding:42px 46px 0}.mac:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:44px 44px 26px 26px/54px 54px 30px 30px;border:1px solid rgba(255,250,235,.18);box-shadow:inset 0 0 0 1px #6e62492e;pointer-events:none}.screen-surround{position:relative;width:100%;border-radius:26px;background:linear-gradient(155deg,var(--bezel) 0%,var(--bezel-dark) 100%);padding:26px 30px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 3px 6px #6e6249b3,inset 0 -2px 2px #fffaeb40,inset 4px 0 8px #6e624973,inset -4px 0 8px #6e624973}.screen-frame{position:relative;display:inline-block;border-radius:16px;background:linear-gradient(160deg,#34332d,#1c1c18 60%,#121210);padding:14px;box-shadow:inset 0 2px 4px #000c,inset 0 0 0 1px #0009,0 1px #fffaeb40}.power-led{position:absolute;left:22px;bottom:6px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b6ffb0,#34c24a 55%,#0c5a1c);box-shadow:0 0 7px 1px #46e66ed9,inset 0 0 2px #0006}.power-led.off{background:radial-gradient(circle at 35% 30%,#5a6b4f,#2c3a26);box-shadow:none}.glass{position:relative;width:560px;height:424px;border-radius:10px;overflow:hidden;background:#0a0a08;box-shadow:inset 0 0 18px 6px #000000e6,inset 0 0 60px 10px #00000080;isolation:isolate}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--screen);color:var(--ink);font-family:var(--font-body);filter:saturate(.92) brightness(1.02)}.crt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:radial-gradient(120% 120% at 50% 50%,transparent 58%,rgba(0,0,0,.18) 82%,rgba(0,0,0,.55) 100%);border-radius:10px}.crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:51;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.045) 0px,rgba(0,0,0,.045) 1px,transparent 2px,transparent 3px);mix-blend-mode:multiply;animation:scan-drift 8s linear infinite}@keyframes scan-drift{0%{background-position-y:0}to{background-position-y:6px}}.crt-phosphor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:52;background:var(--glow);mix-blend-mode:screen;opacity:.5}.crt-roll{position:absolute;left:0;right:0;height:38%;top:-38%;pointer-events:none;z-index:53;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.035),transparent);animation:roll 9s linear infinite}@keyframes roll{0%{transform:translateY(0)}to{transform:translateY(380%)}}.crt-glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:54;background:linear-gradient(133deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 12%,transparent 30%);border-radius:10px}.crt-flicker{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55;background:#ffffff03;animation:flicker .13s steps(2) infinite}@keyframes flicker{0%{opacity:.14}50%{opacity:.05}to{opacity:.12}}.faceplate{position:absolute;left:46px;right:46px;bottom:0;height:334px;display:flex;flex-direction:column;align-items:center;padding-top:26px}.brand{font-family:var(--font-ui);font-size:19px;letter-spacing:.5px;color:var(--case-shadow);text-shadow:0 1px 0 rgba(255,250,235,.55);display:flex;align-items:center;gap:9px}.brand .rainbow-apple{width:18px;height:21px}.drive{margin-top:auto;margin-bottom:64px;width:232px;height:16px;border-radius:4px;background:linear-gradient(to bottom,#2a2824,#423f38,#18160f);box-shadow:inset 0 2px 3px #000000d9,0 1px #fffaeb73;position:relative}.drive:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#6e6249;box-shadow:inset 0 1px 1px #0009}.vents{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:7px}.vents span{width:4px;height:26px;border-radius:2px;background:linear-gradient(to right,var(--case-dark),var(--case-darker));box-shadow:inset 1px 0 1px #0006,1px 0 #fffaeb4d}.knob{position:absolute;right:18px;bottom:150px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--case-light),var(--case-mid) 70%,var(--case-dark));box-shadow:inset 0 0 3px #0006,0 2px 3px #00000059}.knob:after{content:"";position:absolute;left:50%;top:4px;width:2px;height:9px;background:var(--case-shadow);transform:translate(-50%) rotate(20deg);border-radius:2px}.hint{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:0;right:0;padding:0 14px;text-align:center;font-family:var(--font-ui);font-size:12px;letter-spacing:1px;color:#dccdaa66;pointer-events:none;z-index:5}@media (max-width: 600px),(max-height: 560px){.hint{font-size:10px;letter-spacing:.5px;bottom:calc(6px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion: reduce){.crt-scanlines,.crt-roll,.crt-flicker,.stage,.tilt{animation:none!important;transition:none!important}}.intro-viewport{background:#0a0f0c;filter:none}.intro-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;cursor:pointer;text-align:center;padding:20px;background:radial-gradient(120% 95% at 50% 42%,#15291d,#0b110d 68%,#060807)}.intro-logo{width:40px;height:48px;filter:drop-shadow(0 0 7px rgba(120,240,160,.45))}.intro-title{font-family:var(--font-ui);font-size:34px;line-height:1;letter-spacing:1px;color:#d4efdb;text-shadow:0 0 9px rgba(120,240,160,.4)}.intro-sub{font-family:var(--font-body);font-size:13px;letter-spacing:.4px;color:#b9e6c6b8}.start-btn{margin-top:8px;font-family:var(--font-ui);font-size:18px;letter-spacing:2px;padding:9px 32px;color:#07120b;background:linear-gradient(#c6f0d0,#7fd596);border:2px solid #08130c;border-radius:7px;cursor:pointer;box-shadow:0 0 14px #78f0a080,inset 0 1px #ffffff8c;animation:start-pulse 1.7s ease-in-out infinite}.start-btn:active{transform:translateY(1px)}@keyframes start-pulse{0%,to{box-shadow:0 0 12px #78f0a066,inset 0 1px #ffffff8c}50%{box-shadow:0 0 22px #78f0a0bf,inset 0 1px #ffffff8c}}.intro-foot{font-family:var(--font-ui);font-size:11px;letter-spacing:1px;color:#96dcaa73;margin-top:2px}.stage.zooming{transition:transform .6s cubic-bezier(.5,.02,.25,1),opacity .6s ease-in;transform-origin:center center;transform:translate(-50%,-50%) scale(7);opacity:0;pointer-events:none}.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;background:#0a0a08;overflow:hidden;animation:fs-fade-in .28s ease both}@keyframes fs-fade-in{0%{opacity:0}to{opacity:1}}.glass.full{width:100%;height:100%;border-radius:0;box-shadow:inset 0 0 70px 14px #0000008c,inset 0 0 160px 30px #0000004d}@media (max-width: 600px){.intro-title{font-size:27px}.intro-sub{font-size:12px}.start-btn{font-size:16px;padding:9px 28px}}@media (max-height: 430px){.intro-screen{gap:8px}.intro-title{font-size:22px}.start-btn{margin-top:4px;padding:7px 24px}.intro-foot{display:none}}@media (prefers-reduced-motion: reduce){.stage.zooming{transition:none;transform:translate(-50%,-50%) scale(1);opacity:1}.start-btn,.fullscreen{animation:none}}.desktop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--screen-dim);background-image:linear-gradient(45deg,var(--ink-soft) 25%,transparent 25%,transparent 75%,var(--ink-soft) 75%),linear-gradient(45deg,var(--ink-soft) 25%,transparent 25%,transparent 75%,var(--ink-soft) 75%);background-size:4px 4px;background-position:0 0,2px 2px;background-blend-mode:soft-light;font-family:var(--font-ui);user-select:none;-webkit-user-select:none}.menubar{position:absolute;top:0;left:0;right:0;height:22px;background:var(--screen);border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 8px;gap:2px;z-index:9000;font-size:14px;box-shadow:0 1px #0000002e}.menu-item{padding:1px 9px;height:18px;display:flex;align-items:center;border-radius:3px;line-height:1}.menu-item.apple{padding:0 8px}.menu-item.apple svg{width:15px;height:18px;display:block}.menu-item:hover,.menu-item.open{background:var(--ink);color:var(--screen)}.menu-item.apple:hover,.menu-item.apple.open{background:var(--ink)}.menu-spacer{flex:1}.menu-clock{font-size:13px;padding:0 8px;letter-spacing:.5px}.dropdown{position:absolute;top:21px;background:var(--screen);border:1px solid var(--ink);box-shadow:3px 3px #00000073;min-width:168px;padding:3px 0;z-index:9500;font-size:14px}.dropdown-row{padding:3px 18px 3px 20px;display:flex;justify-content:space-between;gap:22px;white-space:nowrap}.dropdown-row:hover:not(.disabled){background:var(--ink);color:var(--screen)}.dropdown-row.disabled{color:#a7a596}.dropdown-sep{height:1px;margin:3px 0;background:repeating-linear-gradient(to right,var(--ink) 0 1px,transparent 1px 2px)}.icon{position:absolute;width:78px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px 2px;text-align:center}.icon .glyph{width:46px;height:42px;display:grid;place-items:center}.icon .glyph svg{width:100%;height:100%;display:block}.icon .label{font-size:13px;line-height:1.05;padding:0 3px;max-width:76px;background:var(--screen);border:1px solid transparent}.icon.selected .glyph{filter:none}.icon.selected .glyph svg{mix-blend-mode:normal}.icon.selected .glyph:after{content:""}.icon.selected .label{background:var(--ink);color:var(--screen);border-color:var(--ink)}.icon.selected .glyph{background:#14140c29;border-radius:4px}.window{position:absolute;background:var(--screen);border:1px solid var(--ink);box-shadow:2px 2px #00000059;display:flex;flex-direction:column;min-width:200px;min-height:120px}.titlebar{height:19px;flex:0 0 auto;border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 6px;gap:6px;background:repeating-linear-gradient(to bottom,var(--ink) 0 1px,var(--screen) 1px 2px);cursor:grab}.window.dragging .titlebar{cursor:grabbing}.window.inactive .titlebar{background:var(--screen)}.title-text{font-size:14px;background:var(--screen);padding:0 8px;margin:0 auto;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-box{width:13px;height:13px;border:1px solid var(--ink);background:var(--screen);flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;padding:0;color:var(--ink)}.window.inactive .close-box{border-color:#9a9684;visibility:hidden}.close-box .x{width:7px;height:7px;display:block;pointer-events:none}.close-box .x line{stroke:currentColor;stroke-width:1.6;stroke-linecap:square}.close-box:hover{background:var(--ink);color:var(--screen)}.zoom-box{width:13px;height:13px;border:1px solid var(--ink);background:var(--screen);flex:0 0 auto;position:relative}.window.inactive .zoom-box{visibility:hidden}.zoom-box:before{content:"";position:absolute;top:1px;left:1px;right:1px;height:3px;border-bottom:1px solid var(--ink)}.window-body{flex:1 1 auto;overflow:auto;background:var(--screen);position:relative}.window-body::-webkit-scrollbar{width:15px;height:15px}.window-body::-webkit-scrollbar-track{background-color:var(--screen);background-image:radial-gradient(var(--ink-soft) .5px,transparent .6px);background-size:2px 2px;border-left:1px solid var(--ink)}.window-body::-webkit-scrollbar-thumb{background:var(--screen);border:1px solid var(--ink);box-shadow:inset 0 0 0 1px var(--screen),inset 0 0 0 2px var(--ink)}.window-body{scrollbar-width:thin}.resize-grip{position:absolute;right:0;bottom:0;width:15px;height:15px;cursor:nwse-resize;background:var(--screen);border-left:1px solid var(--ink);border-top:1px solid var(--ink);z-index:3}.resize-grip:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:repeating-linear-gradient(135deg,var(--ink) 0 1px,transparent 1px 3px)}.app{padding:16px 18px;font-family:var(--font-body);font-size:13px;line-height:1.5;color:var(--ink)}.app h1{font-family:var(--font-ui);font-size:18px;line-height:1.2;margin-bottom:10px}.app h2{font-family:var(--font-ui);font-size:14px;margin:18px 0 6px;border-bottom:1px solid var(--ink);padding-bottom:3px}.app p{margin-bottom:10px}.app a{color:var(--ink);text-decoration:underline}.app a:hover{background:var(--ink);color:var(--screen);text-decoration:none}.facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0;font-family:var(--font-ui);font-size:12px}.facts div span{color:var(--ink-soft)}.card{border:1px solid var(--ink);padding:10px 12px;margin-bottom:12px;background:var(--screen)}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-family:var(--font-ui)}.card-head .name{font-size:15px}.card-head .year{font-size:12px;color:var(--ink-soft)}.card .blurb{margin:6px 0 8px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-family:var(--font-ui);font-size:11px;border:1px solid var(--ink);padding:1px 7px;border-radius:9px;background:var(--screen)}.skill-group{margin-bottom:14px}.skill-group ul{list-style:none;display:flex;flex-wrap:wrap;gap:5px}.btn{font-family:var(--font-ui);font-size:13px;border:1px solid var(--ink);border-radius:12px;padding:4px 16px;background:var(--screen);box-shadow:1px 1px 0 var(--ink);display:inline-block;text-decoration:none;color:var(--ink)}.btn:hover{background:var(--ink);color:var(--screen)}.btn:active{box-shadow:none;transform:translate(1px,1px)}.btn.default{box-shadow:1px 1px 0 var(--ink),inset 0 0 0 1px var(--screen),inset 0 0 0 2px var(--ink);border-width:2px;font-weight:700}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.contact-list{list-style:none;margin:12px 0}.contact-list li{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dotted var(--ink-soft)}.contact-list .k{font-family:var(--font-ui);font-size:12px;width:78px;flex:0 0 auto}.terminal{background:#0c0c08;color:#cfe8c2;font-family:var(--font-mono);font-size:13px;line-height:1.45;height:100%;padding:10px 12px;overflow:auto;text-shadow:0 0 4px rgba(150,235,170,.5)}.terminal .line{white-space:pre-wrap;word-break:break-word}.terminal .prompt-row{display:flex;gap:6px}.terminal .prompt{color:#8fe0a0;flex:0 0 auto}.terminal input{background:transparent;border:none;outline:none;color:inherit;font-family:inherit;font-size:inherit;flex:1;caret-color:#cfe8c2;text-shadow:inherit}.about-mac{text-align:center;padding:22px 26px 26px;font-family:var(--font-ui)}.about-mac .big-apple{width:54px;height:64px;margin:0 auto 8px}.about-mac .sys{font-size:16px;margin-bottom:2px}.about-mac .role{font-size:13px;font-family:var(--font-body);margin-bottom:14px;color:var(--ink-soft)}.about-mac .mem{font-family:var(--font-body);font-size:12px;border-top:1px solid var(--ink);padding-top:10px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:2px 14px}.about-mac .mem b{font-family:var(--font-ui)}.footnote{font-family:var(--font-ui);font-size:11px;color:var(--ink-soft);margin-top:8px}.tube{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center}.tube.on{animation:crt-on .62s cubic-bezier(.2,.8,.3,1) forwards}.tube.off{animation:crt-off .5s cubic-bezier(.6,0,.7,.2) forwards}@keyframes crt-on{0%{transform:scaleY(.006) scaleX(.92);filter:brightness(7);opacity:0}26%{transform:scaleY(.012) scaleX(1);filter:brightness(7);opacity:1}55%{transform:scaleY(1) scaleX(1);filter:brightness(2.4)}to{transform:scaleY(1) scaleX(1);filter:brightness(1);opacity:1}}@keyframes crt-off{0%{transform:scaleY(1) scaleX(1);filter:brightness(1);opacity:1}45%{transform:scaleY(1) scaleX(1);filter:brightness(3.5)}72%{transform:scaleY(.01) scaleX(1);filter:brightness(8);opacity:1}to{transform:scaleY(.004) scaleX(.18);filter:brightness(9);opacity:0}}.screen-dead{position:absolute;top:0;right:0;bottom:0;left:0;background:#07070a;display:grid;place-items:center;cursor:pointer}.screen-dead .residue{width:6px;height:6px;border-radius:50%;background:#bedcc880;box-shadow:0 0 10px 3px #96ebaa59;animation:residue-fade 2.6s ease-out forwards}@keyframes residue-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)}}.screen-dead .wake{position:absolute;bottom:16px;font-family:var(--font-ui);font-size:11px;letter-spacing:1px;color:#96ebaa47}.boot{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--screen-dim);display:grid;place-items:center;font-family:var(--font-ui);color:var(--ink);cursor:default}.boot .happy{width:76px;height:76px;animation:happy-pop .3s ease-out}@keyframes happy-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.welcome{display:flex;flex-direction:column;align-items:center;gap:18px}.welcome-box{background:var(--screen);border:1px solid var(--ink);box-shadow:2px 2px #00000059;padding:16px 30px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:260px}.welcome-box .wtitle{font-size:15px;display:flex;align-items:center;gap:8px}.welcome-box .wtitle .mini-apple{width:14px;height:17px}.progress{width:200px;height:12px;border:1px solid var(--ink);background:var(--screen);padding:1px}.progress .fill{height:100%;background:repeating-linear-gradient(135deg,var(--ink) 0 3px,transparent 3px 6px);background-color:var(--ink-soft);width:0;animation:fill 1.5s linear forwards}@keyframes fill{0%{width:0}to{width:100%}}.boot .extensions{font-family:var(--font-body);font-size:11px;color:var(--ink-soft);height:14px}.win-open{animation:win-open .13s ease-out}@keyframes win-open{0%{transform:scale(.92);opacity:.4}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.tube.on,.tube.off,.boot .happy,.progress .fill,.win-open,.screen-dead .residue{animation-duration:1ms!important}}