:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{background:#efe8d8;place-items:center;min-height:100vh;padding:0;display:grid;overflow:hidden}.desktop,.desktop *{cursor:none!important}.crt-shell{box-sizing:border-box;background:linear-gradient(#d8cfbb 0%,#c9bea8 100%);border-radius:28px;width:min(1800px,100vw);min-height:98vh;padding:1.2rem 1.2rem .7rem;box-shadow:inset 0 2px 8px #ffffff80,inset 0 -5px 10px #69583c3d,0 14px 35px #54422659}.crt-bezel{background:#232223;border-radius:22px;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #4b4949,inset 0 14px 30px #ffffff17,inset 0 -18px 28px #00000061}.desktop{--screen-size-scale:1;--fisheye-scale-x:1.015;--fisheye-scale-y:1.035;--fisheye-perspective:2000px;--fisheye-vignette-opacity:.2;--fisheye-highlight-opacity:.2;--crt-hue-shift:3deg;--rg-shift:.8px;--cursor-hotspot-x:2px;--cursor-hotspot-y:0px;color:#111;isolation:isolate;min-height:86vh;transform:perspective(var(--fisheye-perspective)) scale(var(--screen-size-scale)) scaleX(var(--fisheye-scale-x)) scaleY(var(--fisheye-scale-y));transform-origin:50%;background-color:#7aa6d4;border-radius:20px;margin:4px;position:relative;overflow:hidden}.desktop-parallax-sky{z-index:0;border-radius:inherit;pointer-events:none;background-color:#7aa6d4;background-image:url(/sky.png);background-position:top;background-repeat:repeat-x;background-size:auto 100%;position:absolute;inset:0}.desktop-parallax-cloud,.desktop-parallax-grass{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.desktop-parallax-cloud{z-index:1}.desktop-parallax-grass{z-index:2}.desktop-parallax-track{will-change:background-position;backface-visibility:hidden;background-position:top;background-repeat:repeat-x;background-size:auto 100%;width:200%;height:100%}.desktop-parallax-track--cloud{background-image:url(/cloud.png)}.desktop-parallax-track--grass{background-image:url(/guanmu.png)}.crt-bezel,.window,.desktop-icon,.icon-badge,.window-btn{filter:drop-shadow(calc(var(--rg-shift) * -1) 0 0 #ff404073) drop-shadow(var(--rg-shift) 0 0 #48ff7e66)}.crt-cursor-image{pointer-events:none;z-index:2200;width:16px;height:16px;transform:translate(calc(-1 * var(--cursor-hotspot-x)), calc(-1 * var(--cursor-hotspot-y)));filter:drop-shadow(-1px 0 #ff4040bf)drop-shadow(1px 0 #48ff7ebf);background:url(/cursor-half.png) 50%/contain no-repeat;position:absolute;top:0;left:0}.screen-surface{box-sizing:border-box;z-index:10;filter:hue-rotate(var(--crt-hue-shift));padding:1.2rem 1.2rem calc(1.65rem + 34px);position:absolute;inset:0}.screen-surface:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at center, transparent 48%, rgb(0 0 0/var(--fisheye-vignette-opacity)) 100%), radial-gradient(ellipse at 72% 16%, rgb(255 255 255/var(--fisheye-highlight-opacity)) 0%, transparent 42%);z-index:1101;position:absolute;inset:0}.screen-surface:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:multiply;opacity:.58;z-index:1100;background:linear-gradient(#0000 0% 44%,#fff3 47%,#ffffff0f 49%,#0000 53% 100%) 0 -180%/100% 200%,repeating-linear-gradient(#fff0 0 2px,#12203026 2px 3px) 0 0/100% 100%;animation:2.8s step-end infinite crt-scan-jitter,.18s steps(2,jump-none) infinite crt-scan-flicker,3.9s cubic-bezier(.25,.6,.4,1) infinite crt-tear-line;position:absolute;inset:0}@keyframes crt-scan-jitter{0%,96%,to{filter:brightness();transform:translate(0,0)}20%{transform:translate(-.4px,.2px)}40%{transform:translate(.5px,-.2px)}72%{filter:brightness(1.08);transform:translate(-.2px,.2px)}}@keyframes crt-scan-flicker{0%,to{opacity:.54}25%{opacity:.6}50%{opacity:.52}75%{opacity:.62}}@keyframes crt-tear-line{0%,86%,to{background-position:0 -180%,0 0}90%{background-position:0 40%,0 0}93%{background-position:0 70%,0 0}96%{background-position:0 130%,0 0}}@media (prefers-reduced-motion:reduce){.screen-surface:after{animation:none}.window,.window--closing{animation:none!important}.work-project-card{transition:none}.work-project-card:hover{transform:none}}.desktop-icons{flex-direction:column;gap:.65rem;width:138px;display:flex;position:absolute;top:1rem;left:1rem}.desktop-icon{color:#08181d;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;width:100%;padding:.2rem;transition:background-color .15s;display:flex}.desktop-icon:hover{background:#fff3}.desktop-icon.active{background:#ffffff52}.icon-badge{text-align:center;background:0 0;border:none;place-items:center;min-width:44px;height:64px;padding:.2rem;display:grid}.icon-badge img{object-fit:contain;width:64px;height:64px;image-rendering:pixelated}.icon-label{text-align:center;color:#0b1d2d;-webkit-text-stroke:2px #ffffff8c;paint-order:stroke fill;text-shadow:0 1px #ffffff80;margin-top:.25rem;font-size:.84rem;font-weight:860;line-height:1.15}.sticky-note{color:#2d2208;cursor:move;touch-action:none;z-index:12;background:repeating-linear-gradient(90deg,#ffee9ab3 0 6px,#ffe781b3 6px 12px),linear-gradient(#ffe995 0 50%,#ffde79 50% 100%);border:0;width:min(380px,92vw);margin:0;padding:1.5rem 1.2rem 1.2rem;font-family:Consolas,Courier New,monospace;position:absolute;transform:rotate(-1deg);box-shadow:0 0 0 2px #f3d367,8px 8px #00000047}.sticky-note:before{content:"";background:repeating-linear-gradient(90deg,#f0e1c0e0 0 7px,#e1d2b2e0 7px 14px);border:2px solid #665842bf;width:118px;height:24px;position:absolute;top:-16px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:inset 0 0 0 1px #ffffff40,0 2px #0000001f}.sticky-note h1{letter-spacing:.03em;text-transform:uppercase;margin-bottom:.6rem;font-size:1.2rem;font-weight:900}.sticky-note p+p{margin-top:.35rem}.window{width:min(620px,100vw - 24px);image-rendering:pixelated;transform-origin:12px 12px;background:#cfcfcf;border:0;border-radius:0;flex-direction:column;min-width:360px;min-height:190px;animation:.16s cubic-bezier(.2,.85,.25,1.15) window-pop-in;display:flex;position:fixed;box-shadow:0 0 0 2px #444065,8px 8px #00000059}.window--maximized{flex-direction:column;width:auto;max-width:none;display:flex;position:absolute;inset:0 0 34px;box-shadow:0 0 0 2px #444065}.window--closing{pointer-events:none;animation:.16s cubic-bezier(.65,0,.8,.25) forwards window-pop-out}@keyframes window-pop-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes window-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.82)}}.window--maximized .window-header{cursor:default}.window--maximized .window-body{flex:1;overflow:auto}.window-header{box-sizing:border-box;color:#f8f8ff;cursor:move;-webkit-user-select:none;user-select:none;background:#6092ad;border-bottom:2px solid #111;justify-content:space-between;align-items:center;gap:.6rem;width:100%;height:32px;padding:0 .4rem;display:flex;position:relative;overflow:hidden}.window-header:before{content:"";pointer-events:none;background:linear-gradient(#86c9b8,#86c9b8) 0 0/100% 3px no-repeat,linear-gradient(#86c9b8,#86c9b8) 0 0/3px 100% no-repeat;position:absolute;inset:0}.window-header>*{z-index:1;position:relative}.window-header>div:first-child{flex:0 68%;min-width:0}.window-header h2{letter-spacing:.03em;text-transform:uppercase;text-shadow:1px 1px #0b0c2f;text-overflow:ellipsis;white-space:nowrap;font-family:Consolas,Courier New,monospace;font-size:.95rem;font-weight:900;line-height:1;overflow:hidden}.window-body{color:#1d1d1d;background:radial-gradient(circle,#cdbeae6b 0 2px,#0000 2.4px) 0 0/24px 24px,linear-gradient(#f1e5db 0%,#eee1d7 100%);border:2px solid #272727;flex:1;min-height:160px;margin:.4rem;padding:.95rem;font-family:Consolas,Courier New,monospace;overflow:auto;box-shadow:inset 0 0 0 2px #fff}.window-resize-handle{cursor:nwse-resize;background:linear-gradient(135deg,#0000 0 48%,#777 50% 54%,#0000 56%) 8px 8px/8px 8px no-repeat,linear-gradient(135deg,#0000 0 48%,#777 50% 54%,#0000 56%) 4px 8px/12px 12px no-repeat,linear-gradient(135deg,#0000 0 48%,#f4f4f4 50% 54%,#0000 56%) 6px 6px/10px 10px no-repeat;border:0;width:16px;height:16px;padding:0;position:absolute;bottom:4px;right:4px}.window-controls{flex:none;gap:.24rem;display:flex}.window-btn{color:#111;cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-family:Consolas,Courier New,monospace;font-size:0;font-weight:900;line-height:1;display:grid}.window-btn:active{box-shadow:none;transform:none}.window-btn:before{line-height:0;display:block}.minimize-btn{order:1}.minimize-btn:before{content:url(/min_button_up28.png)}.minimize-btn:active:before{content:url(/min_button_down28.png)}.maximize-btn{order:2}.maximize-btn:before{content:url(/max_button_up28.png)}.maximize-btn:active:before{content:url(/max_button_down28.png)}.close-btn{order:3}.close-btn:before{content:url(/close_button_up28.png)}.close-btn:active:before{content:url(/close_button_down28.png)}.window-subtitle{color:#535353;margin-bottom:.5rem;font-size:.8rem}.work-projects-layout{gap:.75rem;display:grid}.work-projects-timeline-layout{grid-template-columns:240px minmax(0,1fr);gap:.75rem 1rem;display:grid;position:relative}.window--maximized .work-projects-timeline-layout{padding-left:1.25rem;padding-right:1.25rem}.window--maximized .work-projects-timeline-layout:before{left:1.5rem}.work-project-card{transform-origin:100%;background:#f8f8f8;border:2px solid #444065;min-height:168px;padding:.65rem;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:inset 0 0 0 2px #fff}.work-project-card:hover{z-index:2;transform:scale(1.035);box-shadow:inset 0 0 0 2px #fff,5px 5px #00000038}.work-projects-timeline-layout:before{content:"";border-left:2px dashed #627c91;position:absolute;top:.25rem;bottom:.25rem;left:.25rem}.work-project-timepoint{color:#313a45;padding-left:1rem;position:relative}.work-project-dot{background:#86c9b8;width:10px;height:10px;position:absolute;top:.25rem;left:0;box-shadow:0 0 0 2px #444065}.work-project-timepoint p{white-space:nowrap;margin-bottom:.25rem;font-size:.92rem;font-weight:900}.work-project-timepoint strong{white-space:nowrap;width:100%;font-size:.96rem;font-weight:900;line-height:1.25;display:block}.work-project-timepoint small{clear:both;color:#58636b;white-space:nowrap;width:100%;margin-top:.2rem;font-size:.88rem;line-height:1.25;display:block}.work-project-main{grid-template-columns:minmax(220px,48%) minmax(0,1fr);gap:.75rem;display:grid}.window--maximized .work-project-main{grid-template-columns:minmax(220px,42%) minmax(0,1fr)}.work-project-image{aspect-ratio:16/9;color:#34434a;background:#b9c4c9;border:2px inset #efefef;place-items:center;min-height:128px;font-size:.72rem;font-weight:900;display:grid;overflow:hidden}.work-project-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.work-project-image--fulldome img{object-position:center 38%}.work-project-copy{min-width:0}.work-project-copy h3{margin-bottom:.3rem;font-size:1.08rem;font-weight:900}.work-project-role{color:#58636b;margin-bottom:.45rem;font-size:.86rem;font-weight:900}.work-project-copy p{font-size:.92rem;line-height:1.55}.work-project-tags{flex-wrap:wrap;gap:.35rem;margin-top:.65rem;display:flex}.work-project-tags span{color:#26383f;background:#dfe9e6;border:1px solid #444065;padding:.18rem .38rem;font-size:.76rem;font-weight:900;line-height:1.1}.portfolio-workspace{grid-template-columns:168px minmax(0,1fr);gap:.75rem;min-height:220px;display:grid}.portfolio-sidebar{background:#d8d8d8;border:2px solid #272727;flex-direction:column;gap:.35rem;padding:.45rem;display:flex;box-shadow:inset 0 0 0 2px #fff}.portfolio-nav-item{color:#111;text-align:left;cursor:pointer;background:silver;border:2px outset #efefef;min-height:32px;padding:.35rem .45rem;font-family:Consolas,Courier New,monospace;font-size:.8rem;font-weight:900}.portfolio-nav-item.active{background:#aeb6c4;border-style:inset}.portfolio-page{background:#f9f9f9;border:2px inset #efefef;min-width:0;padding:.7rem .8rem}.portfolio-page h3{margin-bottom:.55rem;font-size:1.05rem;font-weight:900}.portfolio-page p{line-height:1.55}.portfolio-page ul{margin-top:.75rem;padding-left:1.1rem}.portfolio-page li+li{margin-top:.35rem}.taskbar{z-index:1202;background:silver;border-top:2px solid #f5f5f5;align-items:center;gap:.25rem;height:34px;padding:.1rem .32rem;display:flex;position:absolute;bottom:0;left:0;right:0}.crt-brand-strip{color:#5f5441;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#cfc4b0 0%,#c2b59d 100%);border-radius:14px;justify-content:space-between;align-items:center;height:38px;margin-top:.7rem;padding:0 .9rem;font-size:.74rem;display:flex}.brand-name{font-weight:700}.brand-led{background:#66ce58;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #66ce58d9}.start-btn{text-align:left;cursor:pointer;background:silver;border:2px outset #efefef;align-items:center;gap:.18rem;min-width:64px;height:26px;padding:0 .42rem;font-size:.76rem;font-weight:700;line-height:1;display:flex}.start-btn img{width:auto;height:18px;image-rendering:pixelated;flex:none}.start-btn:active{border-style:inset}.task-items{flex:1;gap:.24rem;display:flex;overflow-x:auto}.task-item{text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:silver;border:2px outset #efefef;align-items:center;min-width:126px;max-width:190px;height:26px;padding:0 .42rem;font-size:.72rem;line-height:1;display:flex;overflow:hidden}.task-item.active{background:#aeb6c4;border-style:inset}.task-time{border:2px inset #efefef;place-items:center;min-width:64px;height:26px;font-size:.72rem;display:grid}@media (width<=900px){#app{padding:.35rem}.crt-shell{border-radius:16px;padding:.6rem .6rem .45rem}.crt-bezel{border-radius:12px;padding:8px}.desktop{border-radius:8px;min-height:84vh}.screen-surface{padding:1rem 1rem calc(1.4rem + 34px)}.desktop-icons{flex-flow:wrap;width:100%;max-width:none;margin-bottom:1rem;position:static}.desktop-icon{width:calc(50% - .5rem)}.sticky-note{width:100%;margin-top:.5rem}.window{width:calc(100vw - 24px);height:auto!important;top:12px!important;left:12px!important}.window.window--maximized{width:auto;bottom:34px;right:0;top:0!important;left:0!important}.portfolio-workspace{grid-template-columns:1fr}.portfolio-sidebar{flex-direction:row;overflow-x:auto}.portfolio-nav-item{flex:0 0 136px}.work-projects-timeline-layout,.work-project-main{grid-template-columns:1fr}.work-projects-timeline-layout:before{bottom:.25rem}.task-item{min-width:140px}}