:root{--teal:#008080;--silver:#c0c0c0;--navy:#000080;--white:#fff;--black:#000;--gray:#808080;--light:#dfdfdf;--shadow:#404040;--task:30px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Tahoma,Tahoma,"PingFang SC",sans-serif;font-size:12px;color:#000;background:var(--teal);letter-spacing:0}button,a{font:inherit;color:inherit}.hidden{display:none!important}.desktop{position:relative;width:100%;height:calc(100% - var(--task));overflow:hidden;background-color:var(--teal);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:4px 4px}.wallpaper-mark{position:absolute;right:4vw;bottom:5vh;color:rgba(255,255,255,.09);text-align:right;user-select:none}.wallpaper-mark span{display:block;font:bold clamp(80px,16vw,230px)/.8 Arial}.wallpaper-mark small{font:bold 12px Arial;letter-spacing:4px}.desktop-icons{position:absolute;z-index:2;top:14px;left:10px;display:grid;grid-template-columns:82px;grid-auto-rows:82px;gap:5px}.desktop-icon{width:80px;height:80px;padding:4px;border:1px solid transparent;background:transparent;color:#fff;text-shadow:1px 1px #000;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:default}.desktop-icon:hover,.desktop-icon.selected{border:1px dotted #fff;background:rgba(0,0,128,.28)}.desktop-icon>span:last-child{line-height:1.15;max-width:78px}.pixel-icon{position:relative;display:block;width:38px;height:34px;flex:0 0 34px;filter:drop-shadow(1px 1px 0 #004b4b)}.computer{height:29px;border:3px outset #ddd;background:#d6d6d6}.computer:before{content:"";position:absolute;inset:3px 4px 7px;background:#000080;border:2px inset #fff}.computer:after{content:"";position:absolute;width:18px;height:4px;background:#c0c0c0;border:2px outset #eee;left:7px;bottom:-8px}.folder{width:39px;height:27px;margin-top:7px;background:#ffff64;border:2px outset #fff263}.folder:before{content:"";position:absolute;width:18px;height:7px;background:#ffff64;left:0;top:-8px;border:2px outset #fff263}.folder.project:after{content:"";position:absolute;inset:5px;background:#fff;border:1px solid #808080}.control{border-radius:50%;background:#d4d4d4;border:3px outset #fff}.control:before,.control:after,.control i,.control b{content:"";position:absolute;background:#000080}.control:before{width:5px;height:24px;left:14px;top:2px}.control:after{height:5px;width:24px;top:12px;left:4px}.control i{inset:9px;border-radius:50%;background:#c0c0c0;border:2px inset #fff;z-index:2}.trophy{font:bold 32px/34px Georgia;color:#ffff00;text-align:center;text-shadow:1px 1px #804000}.mail{width:38px;height:27px;margin-top:5px;background:#fff;border:2px outset #ddd}.mail:before,.mail:after{content:"";position:absolute;top:1px;width:24px;height:2px;background:#000080;transform-origin:left}.mail:before{left:2px;transform:rotate(32deg)}.mail:after{right:-1px;transform:rotate(148deg)}.info{width:32px;height:32px;border-radius:50%;background:#fff;color:#000080;text-align:center;font:bold italic 27px/31px Georgia;border:2px outset #ddd}.window{position:absolute;z-index:5;left:var(--x);top:var(--y);width:var(--w);height:var(--h);min-width:280px;min-height:180px;padding:3px;background:var(--silver);border:2px outset #fff;box-shadow:2px 2px 0 #000;display:flex;flex-direction:column}.window.active-window{z-index:10}.window.maximized{left:0!important;top:0!important;width:100%!important;height:100%!important}.titlebar{height:22px;flex:0 0 22px;padding:2px 3px;display:flex;align-items:center;gap:5px;background:#7f7f7f;color:#d7d7d7;user-select:none}.active-window>.titlebar{background:linear-gradient(90deg,#000080,#1084d0);color:#fff}.titlebar strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-icon{width:15px;height:15px;display:inline-block;flex:0 0 15px;background:#fff;border:1px outset #ddd}.folder-mini{background:#ffff66}.text-mini{background:repeating-linear-gradient(#fff 0 2px,#000080 3px 4px)}.trophy-mini{color:#ff0;background:#008080;font-size:11px}.mail-mini{background:#fff}.window-actions{display:flex;gap:2px;margin-left:auto}.window-actions button{display:grid;place-items:center;width:18px;height:17px;padding:0;background:var(--silver);color:#000;border:2px outset #fff;font:bold 13px/10px Arial}.window-actions button:active,.win-button:active,.start-button.active{border-style:inset}.menubar{height:26px;flex:0 0 26px;display:flex;align-items:center;padding:2px}.menubar button{border:0;background:transparent;padding:3px 8px}.menubar button:active{border:1px inset #fff;padding:2px 7px}.addressbar{display:flex;gap:5px;align-items:center;padding:3px;border-top:1px solid #fff;border-bottom:1px solid #808080}.addressbar>span{padding:0 4px}.addressbar>div{flex:1;background:#fff;border:2px inset #fff;padding:3px}.window-body{flex:1;min-height:0;overflow:auto;background:var(--light);border:2px inset #fff}.statusbar{height:24px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding-top:3px}.statusbar span{border:1px inset #fff;padding:3px 5px;overflow:hidden;white-space:nowrap}.resume-body{padding:18px;background:#f4f4f0}.resume-header{display:flex;gap:18px;align-items:center;padding-bottom:17px;border-bottom:2px solid #000080}.avatar{width:90px;height:90px;display:grid;place-items:center;background:#000080;color:#fff;border:3px inset #fff;box-shadow:inset 0 0 0 5px #008080;font:bold 25px Arial}.system-label{font:10px monospace;color:#000080;margin:0 0 5px}.resume-header h1{font-size:32px;margin:0 0 6px}.resume-header h2{font-size:16px;font-weight:normal;margin:0}.quick-info{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#808080;border:1px solid #808080;margin:16px 0}.quick-info span{background:#fff;padding:9px}.quick-info b{display:block;color:#000080;font-size:10px;margin-bottom:4px}.resume-body fieldset{border:2px groove #fff;margin:0;padding:8px 12px}.resume-body fieldset p{line-height:1.8;margin:5px 0}.resume-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.win-button{display:inline-block;min-width:86px;padding:6px 12px;text-align:center;text-decoration:none;background:var(--silver);border:2px outset #fff}.win-button.primary{outline:1px solid #000;outline-offset:1px}.document-body{padding:22px;background:#fff}.document-body>h2{font-size:24px;color:#000080;border-bottom:3px double #808080;padding-bottom:9px;margin:0 0 18px}.cv-entry{display:grid;grid-template-columns:95px 1fr;gap:18px;margin-bottom:30px}.entry-date{font:bold 12px/1.5 monospace;color:#000080;border-right:1px solid #aaa}.cv-entry h3{font-size:17px;margin:0 0 5px}.cv-entry h4{font-size:13px;color:#008080;margin:0 0 10px}.cv-entry ul{padding-left:18px;line-height:1.75;margin:0}.explorer-body{display:grid;grid-template-columns:180px 1fr;background:#fff}.explorer-side{padding:15px;background:linear-gradient(#fff,#d5e9e9);border-right:1px solid #808080}.explorer-side strong{display:block;color:#000080;font-size:17px;border-bottom:1px solid #808080;padding-bottom:8px}.explorer-side p{line-height:1.6;color:#555}.folder-art{font-size:55px;text-align:center;margin-top:25px}.project-grid{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));grid-auto-rows:125px;gap:16px}.project-grid button{background:transparent;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.project-grid button:hover{border:1px dotted #000080;background:#e4f0f0}.file-icon{width:44px;height:53px;padding-top:8px;background:#fff;border:2px outset #ddd;color:#000080;font-size:24px}.project-grid small{color:#777}.notepad{flex:1;overflow:auto;background:#fff;border:2px inset #fff;padding:18px;font:13px/1.75 "Courier New","PingFang SC",monospace;white-space:normal}.notepad h2{font-size:19px;margin:0 0 16px}.notepad h3{font-size:13px;margin:20px 0 5px}.notepad ul{padding-left:20px}.skills-body{padding:16px}.skill-panel{border:2px inset #fff;background:#fff}.skill-panel article{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:14px;border-bottom:1px dotted #808080}.skill-panel article:last-child{border:0}.skill-panel article>span{font-size:30px;text-align:center;color:#000080}.skill-panel h3{margin:0 0 5px;color:#000080}.skill-panel p{margin:0;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:9px 6px 6px}.honors-body ol{list-style:none;padding:0;margin:0}.honors-body li{display:grid;grid-template-columns:65px 1fr;gap:12px;padding:12px 4px;border-bottom:1px dotted #aaa}.honors-body time{font:bold 13px monospace;color:#000080}.honors-body b,.honors-body span{display:block}.honors-body span{color:#666;margin-top:5px}.contact-body{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:20px}.big-mail{font-size:58px;color:#000080}.contact-body h2{font-size:22px;margin:0}.contact-body p{color:#555}.contact-body fieldset{display:flex;flex-direction:column;gap:8px;border:2px groove #fff}.about-body{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:24px}.about-logo{font:bold italic 55px/1 Arial;color:#000080}.about-logo span{display:block;font-size:25px;color:#008080}.about-body h2{margin:0 0 6px}.taskbar{position:fixed;z-index:100;left:0;right:0;bottom:0;height:var(--task);padding:3px;display:flex;gap:3px;background:var(--silver);border-top:2px outset #fff}.start-button{height:24px;padding:1px 6px;display:flex;align-items:center;gap:4px;background:var(--silver);border:2px outset #fff}.windows-mark{width:16px;height:16px;display:grid;grid-template-columns:1fr 1fr;gap:1px;transform:skewY(-8deg)}.windows-mark i:nth-child(1){background:#f00}.windows-mark i:nth-child(2){background:#0a0}.windows-mark i:nth-child(3){background:#00f}.windows-mark i:nth-child(4){background:#ff0}.task-divider{border-left:1px solid #808080;border-right:1px solid #fff;margin:1px 2px}.task-items{display:flex;gap:3px;flex:1;min-width:0;overflow:hidden}.task-item{height:24px;width:min(170px,20vw);min-width:70px;background:var(--silver);border:2px outset #fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item.active{border-style:inset;background:repeating-linear-gradient(45deg,#fff 0 1px,#ddd 1px 3px);font-weight:bold}.tray{height:24px;display:flex;align-items:center;gap:8px;padding:0 8px;border:2px inset #fff}.start-menu{position:fixed;z-index:99;left:2px;bottom:30px;width:250px;height:330px;padding:3px;background:var(--silver);border:2px outset #fff;display:grid;grid-template-columns:32px 1fr;box-shadow:2px 2px #000}.start-brand{writing-mode:vertical-rl;transform:rotate(180deg);background:#808080;color:#c0c0c0;padding:8px 5px;font-size:17px}.start-brand span{color:#fff}.start-items{display:flex;flex-direction:column;padding:4px}.start-items button{flex:1;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left}.start-items button:hover{background:#000080;color:#fff}.start-items hr{width:100%;border:0;border-top:1px solid #808080;border-bottom:1px solid #fff}.start-ico{font-size:20px;width:25px;text-align:center}
@media(max-width:760px){:root{--task:42px}.desktop{height:calc(100% - var(--task));overflow:auto}.wallpaper-mark{position:fixed;right:-3vw;bottom:10vh}.desktop-icons{position:relative;top:12px;left:8px;grid-template-columns:repeat(2,86px);grid-auto-rows:88px;width:180px}.desktop-icon{width:84px;height:84px}.window{position:fixed;left:4px!important;top:4px!important;width:calc(100% - 8px)!important;height:calc(100% - var(--task) - 8px)!important;min-width:0;min-height:0}.window.maximized{left:0!important;top:0!important;width:100%!important;height:calc(100% - var(--task))!important}.menubar{overflow:hidden}.menubar button{padding-left:6px;padding-right:6px}.resume-body{padding:13px}.resume-header{align-items:flex-start}.avatar{width:66px;height:66px;font-size:19px;flex:0 0 66px}.resume-header h1{font-size:25px}.resume-header h2{font-size:13px}.quick-info{grid-template-columns:1fr}.resume-buttons{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}.resume-buttons .primary{grid-column:1/-1}.explorer-body{grid-template-columns:1fr}.explorer-side{display:none}.project-grid{padding:12px;gap:8px}.cv-entry{grid-template-columns:1fr;gap:8px}.entry-date{border:0;border-bottom:1px solid #aaa;padding-bottom:5px}.document-body{padding:15px}.contact-body,.about-body{grid-template-columns:60px 1fr;padding:14px}.big-mail{font-size:42px}.about-logo{font-size:35px}.taskbar{height:var(--task);padding:6px 4px}.start-button,.task-item,.tray{height:29px}.start-menu{bottom:42px;width:min(300px,88vw);height:380px}.task-item{width:34vw}.speaker{display:none}.tray{padding:0 6px}.window-actions button{width:24px;height:20px}.titlebar{height:26px;flex-basis:26px}.desktop-icon>span:last-child{font-size:13px}.dialog-window{height:auto!important;max-height:calc(100% - var(--task) - 8px)!important;top:15vh!important}.project-view{top:4px!important}}
@media(max-width:390px){.desktop-icons{grid-template-columns:repeat(2,80px)}.desktop-icon{width:78px}.quick-info span{padding:7px}.resume-body fieldset p{font-size:11px}.project-grid{grid-template-columns:1fr 1fr;grid-auto-rows:115px}.skill-panel article{grid-template-columns:42px 1fr;padding:10px}.skill-panel article>span{font-size:24px}.skills-body{padding:10px}.statusbar{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}