.avatar-wrap{position:relative;display:grid;place-items:center;flex:none;overflow:hidden}.avatar-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 34%}.avatar-wrap.small{width:48px;height:48px;border:2px solid #fff;border-radius:5px}.photo-fallback{display:none;width:100%;height:100%;place-items:center;color:#fff;font-weight:700;background:linear-gradient(145deg,#66a8d8,#244e7a)}.avatar-wrap img[hidden]+.photo-fallback{display:grid}.avatar-wrap.login-avatar .photo-fallback{font-size:42px}
.photo-placeholder img{width:100%;height:100%;object-fit:cover;object-position:center 34%}.photo-placeholder .photo-fallback{font-size:32px}
.file-item.selected{background:#d9edf9;border-color:#7fb4d5;box-shadow:inset 0 0 0 1px #ffffff}
.project-readme-file{display:flex;align-items:center;gap:10px;margin-top:20px;padding:8px;background:#f4f8fb;border:1px solid #d4e0e8}.project-readme-file>svg{width:36px;height:36px}.project-readme-file>span{display:flex;flex:1;flex-direction:column}.project-readme-file small{margin-top:3px;color:#718497}.project-readme-file .readme-open{margin:0}
:root{--wall-top:#061c46;--wall-mid:#0d4c99;--wall-light:#53a8e8;--aero-blue:#1f78bd;--ink:#203448;--muted:#607489;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);font-size:13px;font-synthesis:none;text-rendering:optimizeLegibility}
html body #desktop{background:#0b3c74 url("https://static.wikitide.net/windowswallpaperwiki/thumb/5/50/Img0_%28Windows_7%29.jpg/1600px-Img0_%28Windows_7%29.jpg?_=20191006073638") center/cover no-repeat}#desktop:before,#desktop:after{display:none}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#000}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:#0865a5}:focus-visible{outline:3px solid #f5bc39!important;outline-offset:2px}[hidden]{display:none!important}.sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:24px;height:24px;flex:none}
@keyframes appear{from{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bootPulse{50%{filter:drop-shadow(0 0 18px #7fd2ff)}}@keyframes beamShimmer{50%{opacity:.9}}@keyframes skillGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bootProgress{from{transform:translateX(-110%)}to{transform:translateX(275%)}}
#desktop{position:fixed;inset:0 0 42px;overflow:hidden;background:radial-gradient(ellipse at 52% 62%,rgba(214,247,255,.9),rgba(54,151,215,.45) 13%,transparent 40%),radial-gradient(ellipse at 50% 110%,rgba(23,145,220,.65),transparent 54%),linear-gradient(160deg,#09254b 0%,#0b3c74 35%,#1266a7 72%,#1780bd 100%)}
#desktop:before,#desktop:after{content:"";position:absolute;inset:0;pointer-events:none}#desktop:before{opacity:.68;background:repeating-conic-gradient(from 208deg at 50% 53%,rgba(195,238,255,.34) 0 1.8deg,transparent 1.8deg 7deg,rgba(81,176,234,.24) 7deg 9deg,transparent 9deg 16deg);-webkit-mask-image:radial-gradient(ellipse at 50% 54%,#000 0,transparent 69%);mask-image:radial-gradient(ellipse at 50% 54%,#000 0,transparent 69%);filter:blur(9px);animation:beamShimmer 9s ease-in-out infinite}#desktop:after{inset:27% 0 auto;height:min(54vw,540px);background:linear-gradient(135deg,#ffb34b,#ec684e) calc(50% - 6px) calc(50% - 6px)/46% 46% no-repeat,linear-gradient(45deg,#f8dc61,#7fca69) calc(50% + 6px) calc(50% - 6px)/46% 46% no-repeat,linear-gradient(45deg,#55c2dc,#3488d4) calc(50% - 6px) calc(50% + 6px)/46% 46% no-repeat,linear-gradient(135deg,#54a9e0,#ffd465) calc(50% + 6px) calc(50% + 6px)/46% 46% no-repeat;opacity:.42;filter:blur(24px) drop-shadow(0 0 45px rgba(177,235,255,.8));transform:rotate(-9deg) scale(.82);mask-image:radial-gradient(ellipse,#000 15%,transparent 72%)}
#icons{position:absolute;z-index:1;inset:8px auto 8px 7px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(auto-fill,88px);grid-auto-columns:88px;align-content:start}#icons.small-icons{grid-template-rows:repeat(auto-fill,68px);grid-auto-columns:68px}.desktop-icon{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:4px;color:#fff;text-align:center;text-shadow:0 1px 3px #07172c,0 0 4px #07172c;border:1px solid transparent;border-radius:3px;cursor:default}.desktop-icon svg{width:46px;height:46px;filter:drop-shadow(0 2px 3px #10273d)}.desktop-icon span{max-width:100%;overflow-wrap:anywhere}.desktop-icon:hover{background:rgba(150,213,255,.24);border-color:rgba(218,242,255,.45)}.desktop-icon.selected{background:rgba(83,160,228,.48);border-color:rgba(229,247,255,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}#selection{position:absolute;z-index:5;background:rgba(114,190,249,.27);border:1px solid #afe2ff;pointer-events:none}
.glass{background:linear-gradient(180deg,rgba(247,253,255,.66),rgba(139,197,235,.48) 46%,rgba(38,104,164,.72) 52%,rgba(71,136,190,.7));border:1px solid rgba(230,248,255,.72);box-shadow:inset 0 1px rgba(255,255,255,.8),0 -1px 12px rgba(3,28,55,.35);-webkit-backdrop-filter:blur(14px) saturate(1.35);backdrop-filter:blur(14px) saturate(1.35)}#taskbar{position:fixed;z-index:8000;inset:auto 0 0;height:42px;display:flex;align-items:center;gap:4px;padding:0 3px 0 61px;border-radius:0}#orb{position:absolute;z-index:2;left:5px;bottom:-5px;display:grid;place-items:center;width:52px;height:52px;padding:0;border:2px solid #fffe;border-radius:50%;background:radial-gradient(circle at 50% 24%,#c5f4ff,#3c9be8 49%,#07539a 74%,#082c5c);box-shadow:0 0 12px #5cc9ff,inset 0 -5px 8px #001b48b3}#orb svg{width:32px;height:32px}#orb:hover{filter:brightness(1.14);box-shadow:0 0 18px #9be2ff,inset 0 0 9px #fff}#pins,#tasks{display:flex;align-items:center;gap:3px;height:100%}#pins button,.task-button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;flex:none;width:42px;height:38px;padding:3px;color:#fff;background:#28588047;border:1px solid transparent;border-radius:4px;text-shadow:0 1px 3px #17314a}#pins button svg,.task-button svg{width:27px;height:27px;filter:drop-shadow(0 1px 2px #25445e)}#pins button:hover,.task-button:hover{background:#effaff70;border-color:#ffffffbf}.task-button{justify-content:flex-start;width:150px;overflow:hidden;white-space:nowrap}.task-button span{overflow:hidden;text-overflow:ellipsis}.task-button.active{background:#effaff8c;border-color:#ffffffdf;box-shadow:inset 0 0 8px #ffffff99}#tray{display:flex;align-items:center;gap:8px;height:100%;margin-left:auto;padding:0 5px;color:#fff;text-shadow:0 1px 3px #18344d}.tray-icon{width:16px;height:16px}#clock{display:flex;flex-direction:column;justify-content:center;min-width:76px;height:38px;padding:2px 5px;color:#fff;text-align:center;background:transparent;border:0;border-radius:3px}#clock small{font-size:10px}#clock:hover{background:#ecf9ff40}#peek{flex:none;width:12px;height:100%;padding:0;background:linear-gradient(90deg,#e6f8ff1f,#ffffff8f);border:0;border-left:1px solid #ffffffb3}
#start{position:fixed;z-index:8100;left:5px;bottom:42px;display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(170px,.8fr);gap:7px;width:min(480px,calc(100vw - 10px));height:min(520px,calc(100vh - 52px));padding:7px;border-radius:7px 7px 0 0;transform-origin:bottom left;animation:appear .15s ease-out}.start-left{display:flex;flex-direction:column;min-height:0;padding:8px;background:#fff;border:1px solid #8ea7bd;border-radius:3px}#plist{flex:1;min-height:0;margin:0;padding:0;overflow:auto;list-style:none}#plist li{margin:1px 0}#plist li button{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:5px;text-align:left;background:transparent;border:1px solid transparent;border-radius:3px}#plist li button:hover,#all:hover{background:linear-gradient(#eef8ff,#c9e5f8);border-color:#a6c7e2}#plist li button svg{width:30px;height:30px}#plist small{color:var(--muted)}#all{min-height:40px;padding:6px;font-weight:600;background:#fff;border:1px solid transparent;border-top-color:#ccd6df}#search{min-height:40px;margin-top:7px;padding:7px 9px;border:1px solid #829eb7;border-radius:3px}.no-matches{padding:14px 7px;color:var(--muted)}.start-right{display:flex;flex-direction:column;gap:2px;padding:8px;color:#fff;background:linear-gradient(160deg,#1a4979f0,#082852f5);border:1px solid #e1f3ff80;border-radius:3px}.start-user{display:flex;align-items:center;gap:9px;margin-bottom:9px;padding:2px 4px 10px;border-bottom:1px solid #ffffff40}.avatar-small{width:48px;height:48px;border:2px solid #fff;border-radius:5px}.start-right>button,.start-right>a{display:flex;align-items:center;min-height:38px;padding:5px 9px;color:#fff;text-decoration:none;text-align:left;background:transparent;border:1px solid transparent;border-radius:3px}.start-right>button:hover,.start-right>a:hover{background:#8ac7f44d;border-color:#ffffff59}.power-row{display:flex;margin-top:auto;padding-top:8px}.power-row button{min-height:40px;color:#fff;background:linear-gradient(#607a95,#263f5c);border:1px solid #a6bfd6}#shut{flex:1;border-radius:3px 0 0 3px}#shutArrow{width:42px;border-left:0;border-radius:0 3px 3px 0}
.popup{position:fixed;z-index:8200;right:8px;bottom:48px;width:250px;padding:12px;background:#f5fafeF7;border:1px solid #809bb3;border-radius:4px;box-shadow:0 5px 18px #0000004d;animation:appear .14s ease-out}.popup h2{margin:0 0 9px;text-align:center;font-size:15px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.calendar-grid b,.calendar-grid span{display:grid;place-items:center;min-height:29px}.calendar-grid i{min-height:29px}.calendar-grid .today{color:#fff;background:linear-gradient(#56ade9,#2378be);border-radius:3px}
#windows{position:absolute;z-index:2;inset:0;pointer-events:none}.win{position:absolute;display:flex;flex-direction:column;min-width:280px;min-height:180px;max-width:calc(100vw - 10px);max-height:calc(100vh - 50px);padding:0 7px 7px;overflow:hidden;pointer-events:auto;resize:both;color:#263747;background:#a4c9e9c7;border:1px solid #1f3e57c7;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffffbf,0 9px 30px #0000007a;backdrop-filter:blur(12px);animation:appear .16s ease-out;transition:opacity .16s,transform .19s}.win.active{background:#8dbee3dc}.win:not(.active){background:#c9d8e6e6}.win.minimized{opacity:0;transform:scale(.08)}.win.closing{opacity:0;transform:scale(.94)}.win.maximized{inset:0 0 42px!important;width:100%!important;height:auto!important;max-width:none;max-height:none;resize:none;border-radius:0}.titlebar{display:flex;align-items:center;gap:7px;flex:none;height:33px;margin:0 -7px;padding:0 7px;color:#142a3d;text-shadow:0 1px 3px #fff;user-select:none}.win:not(.active) .titlebar{color:#5d6c79}.window-icon{width:18px;height:18px}.window-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-controls{display:flex;align-self:flex-start}.window-controls button{width:40px;min-height:30px;padding:0;font-size:16px;color:#18364f;background:linear-gradient(#f3f8fb,#a9c0d4 55%,#8da9c2);border:1px solid #52718c;border-top:0;border-left:0}.window-controls .minimize{border-left:1px solid #52718c;border-radius:0 0 0 4px}.window-controls .close{width:45px;color:#fff;font-size:20px;background:linear-gradient(#f7b1a0,#d34a34 55%,#ac2b1a);border-radius:0 0 4px 0}.window-controls button:hover{filter:brightness(1.12)}.window-body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto;background:#fff;border:1px solid #6c879f}
.toolbar,.explorer-toolbar,.browser-toolbar,.notepad-toolbar,.recycle-toolbar{display:flex;align-items:center;gap:6px;min-height:44px;padding:5px 8px;background:linear-gradient(#f7fafc,#e1eaf1);border-bottom:1px solid #bdcbd7}.tool-button,.toolbar button,.explorer-toolbar button,.browser-toolbar button,.notepad-toolbar button,.recycle-toolbar button,.action-button,.readme-open{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:6px 11px;color:#23435b;text-decoration:none;background:linear-gradient(#fff,#dce8f1);border:1px solid #8ba5bb;border-radius:3px}.tool-button:hover,.toolbar button:hover,.explorer-toolbar button:hover,.browser-toolbar button:hover,.notepad-toolbar button:hover,.recycle-toolbar button:hover,.action-button:hover,.readme-open:hover{background:linear-gradient(#f5fcff,#bddcf0);border-color:#5089b4}.toolbar-spacer{flex:1}.resume-scroll{flex:1;overflow:auto;padding:20px;background:#eaf0f4}.resume-content{width:min(100%,760px);margin:0 auto;font-size:1em}.resume-sheet{padding:30px 36px;background:#fff;box-shadow:0 2px 11px #213b4f2b}.resume-header{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:2px solid #337eae}.resume-header h1,.project-heading h1,.system-header h1,.control-panel h1,.timeline-page>h1,.compose-form h1,.personalize h1{margin:3px 0 6px;font-size:25px;color:#1a4e73}.resume-header p{margin:4px 0}.resume-contact{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;color:#51687c;text-align:right}.eyebrow{margin:0 0 5px;color:#3c7da9;font-size:10px;font-weight:700;letter-spacing:1px}.resume-sheet section{margin-top:18px}.resume-sheet h2,.project-detail h2,.system-properties h2{margin:0 0 8px;padding-bottom:5px;color:#285c7e;font-size:15px;border-bottom:1px solid #cfdae3}.resume-sheet p{line-height:1.55}.resume-entry{margin:10px 0}.resume-footer{display:flex;justify-content:space-between;gap:8px;padding:8px 12px;color:#5d7183;font-size:11px;border-top:1px solid #d4dfe7}
.explorer-toolbar{flex-wrap:wrap}.explorer-toolbar button{min-width:38px;padding:4px 8px}.address{display:flex;align-items:center;gap:6px;flex:1;min-width:120px;min-height:34px;padding:3px 8px;color:#2e4e67;background:#fff;border:1px solid #acbdca}.address button{min-height:28px;padding:2px 5px;background:transparent;border:0}.address b{color:#8498a8}.view-switch{display:flex;gap:4px}.explorer-layout{display:flex;flex:1;min-height:0}.navigation-pane{display:flex;flex:none;flex-direction:column;gap:4px;width:175px;padding:12px 8px;background:#f0f5f8;border-right:1px solid #d1dce4}.navigation-pane strong{margin:7px 4px 2px;color:#53748c;font-size:11px}.navigation-pane button{min-height:40px;padding:5px 9px;text-align:left;background:transparent;border:1px solid transparent;border-radius:3px}.navigation-pane button:hover{background:#dcecf8;border-color:#b3d0e4}.explorer-files{display:flex;flex:1;align-content:flex-start;flex-wrap:wrap;gap:8px;min-width:0;padding:12px;overflow:auto}.file-item{display:grid;grid-template-columns:42px minmax(130px,1fr) minmax(120px,1.2fr);align-items:center;gap:8px;width:100%;min-height:56px;padding:5px 8px;text-align:left;background:transparent;border:1px solid transparent;border-radius:3px}.file-item:hover{background:#e8f4fd;border-color:#b7d4e9}.file-item small{display:block;margin-top:3px;color:#718497}.file-item>svg{width:36px;height:36px}.file-tagline{color:#5d7183}.explorer-files.large-view .file-item{grid-template-columns:1fr;justify-items:center;width:142px;min-height:126px;text-align:center}.explorer-files.large-view .file-tagline{display:none}.explorer-status{min-height:27px;padding:5px 10px;color:#64788a;border-top:1px solid #d6e0e7}.project-detail,.system-properties,.control-panel,.timeline-page,.personalize{padding:24px}.project-heading{position:relative;padding-bottom:14px;border-bottom:1px solid #d2dee7}.project-heading h1{margin-right:150px}.status-badge{display:inline-flex;align-items:center;min-height:27px;padding:3px 9px;color:#275c40;background:#e4f4e8;border:1px solid #b5d9be;border-radius:3px;font-size:11px}.project-heading .status-badge{position:absolute;top:18px;right:0}.project-tagline{color:#4e667b;font-size:15px}.project-detail section{margin-top:20px}.project-points{padding-left:20px;line-height:1.65}.project-points li{margin:5px 0}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag-list span{padding:5px 9px;color:#315d79;background:#eaf3f9;border:1px solid #c2d9e8;border-radius:3px}.project-actions{display:flex;flex-wrap:wrap;gap:9px}.action-button{min-height:42px;padding:9px 15px;color:#193e59;font-weight:600;box-shadow:inset 0 1px #ffffffcc}.readme-open{margin:20px 0 0}.system-header{display:flex;align-items:center;gap:19px;padding-bottom:20px;border-bottom:1px solid #d4dfe7}.photo-placeholder{display:grid;place-items:center;flex:none;width:104px;height:104px;background:linear-gradient(145deg,#d4ebf9,#8dbad7);border:3px solid #fff;box-shadow:0 1px 5px #819eb3}.photo-placeholder svg{width:66px;height:66px}.property-list{display:grid;grid-template-columns:100px 1fr;gap:10px 14px;margin:16px 0 22px}.property-list dt{color:#64798b}.property-list dd{margin:0}.text-link{display:inline-block;margin:4px 8px 4px 0;padding:4px 0;color:#0865a5;background:none;border:0;text-decoration:underline}.skill-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.skill-group{padding:14px;background:#f4f8fb;border:1px solid #d4e0e8;border-radius:3px}.skill-group h2{margin:0 0 12px;color:#315f7e;font-size:14px}.skill-row{margin:10px 0}.skill-row>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.skill-row b{color:#71879a;font-size:11px}.skill-track{height:8px;overflow:hidden;background:#dbe5ec;border:1px solid #cfdae2;border-radius:5px}.skill-track i{display:block;width:var(--skill-level);height:100%;background:linear-gradient(90deg,#58a6d7,#69bd8c);transform-origin:left;animation:skillGrow .65s ease-out both}
.timeline-page>h1{margin-bottom:20px}.timeline{position:relative;margin-left:5px;padding-left:24px;border-left:2px solid #a8c9df}.timeline-entry{position:relative;padding:0 0 24px 10px}.timeline-marker{position:absolute;top:0;left:-31px;width:14px;height:14px;background:#3c94c7;border:3px solid #d9effb;border-radius:50%;box-shadow:0 0 0 1px #77a9c7}.timeline-entry h2{margin:2px 0 4px;color:#285a79;font-size:18px}.timeline-entry h3{margin:0 0 5px;color:#415f75;font-size:14px}.timeline-entry ul{padding-left:19px;line-height:1.55}.mail-layout{display:grid;grid-template-columns:minmax(170px,.72fr) minmax(0,1.5fr);flex:1;min-height:0}.mail-sidebar{display:flex;flex-direction:column;gap:8px;padding:17px 13px;background:#eef4f8;border-right:1px solid #cbd8e1}.mail-brand{padding-bottom:12px;color:#2e6e9d;border-bottom:1px solid #d0dce5}.mail-sidebar> a{overflow-wrap:anywhere}.compose-form{display:flex;flex-direction:column;gap:13px;padding:22px;overflow:auto}.compose-form h1{font-size:21px}.compose-form label{display:flex;flex-direction:column;gap:5px;color:#536d81;font-weight:600}.compose-form input,.compose-form textarea{width:100%;min-height:40px;padding:8px;color:#243c50;background:#fff;border:1px solid #aabcc9;border-radius:2px}.compose-form textarea{min-height:145px;resize:vertical}.compose-form .action-button{align-self:flex-start}.notepad-toolbar{justify-content:space-between;color:#596f81}.notepad-editor{flex:1;width:100%;min-height:0;padding:12px;color:#243647;font:14px/1.55 Consolas,"Courier New",monospace;border:0;resize:none;user-select:text}.calc-display{min-height:70px;margin:12px;padding:10px;color:#213c50;text-align:right;font-size:27px;background:#f2f8f5;border:1px solid #a7b9c6}.calc-keys{display:grid;flex:1;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 12px 12px}.calc-keys button{min-height:42px;background:linear-gradient(#fff,#e0eaf0);border:1px solid #a5b7c5;border-radius:3px}.browser-toolbar input{flex:1;min-width:0;min-height:40px;padding:6px 9px;border:1px solid #aabcc9}.browser-page{flex:1;padding:clamp(22px,6vw,55px);background:linear-gradient(140deg,#fff,#edf5fa)}.browser-page h1{color:#27648d}.browser-page p{max-width:520px;line-height:1.65}.recycle-toolbar{justify-content:flex-end}.recycle-list{flex:1;padding:12px}.recycle-row{display:flex;align-items:center;gap:10px;min-height:54px;padding:6px;border-bottom:1px solid #e0e7ec}.recycle-row>span{flex:1}.recycle-row>svg{width:34px;height:34px}.recycle-row button{min-height:40px;padding:5px 10px;background:#f3f8fb;border:1px solid #b4c5d2;border-radius:3px}.empty-folder{margin:auto;color:#718497;text-align:center}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.palette-swatch{display:flex;align-items:center;gap:10px;min-height:68px;padding:8px;text-align:left;background:#f3f7fa;border:1px solid #bdcbd5;border-radius:3px}.palette-swatch span{width:48px;height:48px;background:radial-gradient(circle at 50% 65%,var(--swatch-light),transparent 60%),linear-gradient(var(--swatch-top),var(--swatch-mid));border:1px solid #a8b8c5}
.context-menu{position:fixed;z-index:9500;min-width:190px;padding:3px;color:#23394c;background:#f4f7f9;border:1px solid #8299ab;box-shadow:2px 4px 12px #00000052;animation:appear .1s}.context-item{position:relative;display:block;width:100%;min-height:36px;padding:7px 26px 7px 30px;text-align:left;white-space:nowrap;background:transparent;border:0}.context-item:hover{background:linear-gradient(#eff8fd,#d0e7f6);outline:1px solid #a6c6dc}.has-submenu:after{content:"›";position:absolute;right:10px}.context-item>.context-menu{display:none;position:absolute;top:-4px;left:100%}.has-submenu:hover>.context-menu,.has-submenu:focus-within>.context-menu{display:block}.context-menu hr{margin:3px 5px;border:0;border-top:1px solid #ccd7df}.confirm-overlay{position:fixed;z-index:9700;inset:0;display:grid;place-items:center;padding:16px;background:#0718285c}.confirm-window{width:min(390px,100%);padding:18px;background:linear-gradient(#e8f4fc,#fff 26%);border:1px solid #829caf;box-shadow:0 10px 30px #0000004d}.confirm-window h2{margin:0 0 10px;color:#285f83;font-size:16px}.confirm-window>div{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.confirm-window button{min-width:74px;min-height:40px;background:linear-gradient(#fff,#dce8f1);border:1px solid #9aafbf}
#boot,#login,#powerScreen{position:fixed;z-index:10000;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}#boot{gap:9px;background:#000}#boot p{margin:0;font-size:15px}.boot-logo{width:106px;height:106px;animation:bootPulse 1.5s infinite}.boot-progress{width:132px;height:3px;margin-top:10px;overflow:hidden;background:#293848}.boot-progress i{display:block;width:38%;height:100%;background:#a3e4ff;animation:bootProgress 1s ease-in-out infinite alternate}#login{gap:8px;background:radial-gradient(ellipse at 50% 43%,#3689c5,#153e70 68%,#071c37)}.login-avatar{width:100px;height:100px;margin-bottom:6px;border:3px solid #ffffffed;border-radius:7px;box-shadow:0 4px 18px #00000059}#login h1{margin:0;font-size:22px;font-weight:500}#login p{margin:0 0 8px;color:#d9efff}#loginBtn{min-width:128px;min-height:44px;padding:8px 16px;color:#fff;background:linear-gradient(#ffffff7a,#3e83b8c7);border:1px solid #d7efff;border-radius:4px;box-shadow:inset 0 1px #ffffffb3,0 2px 8px #0000004d}#login small{margin-top:5px;color:#c3ddef}#powerScreen{z-index:11000;padding:24px;background:#102f52;font-size:20px;cursor:pointer}#powerScreen small{font-size:14px}#powerScreen.shutdown-screen,#powerScreen.sleep-screen{color:#aab5c0;background:#000;font-size:17px}.noscript-content{max-width:760px;margin:30px auto;padding:24px;color:#253a4d;background:#fff}
@media(max-width:767px){#icons{inset:8px;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;gap:5px;overflow:auto}.desktop-icon{min-height:88px;padding:7px 4px;font-size:12px}.desktop-icon svg{width:48px;height:48px}#taskbar{padding-left:58px;gap:1px}#pins{gap:1px}#pins button{width:40px;height:40px}#tasks{min-width:0;overflow-x:auto}.task-button{width:42px;justify-content:center}.task-button span,#tray .tray-icon{display:none}#clock{min-width:66px}#peek{width:8px}#start{grid-template-columns:minmax(0,1.15fr) minmax(130px,.85fr);width:calc(100vw - 8px);height:min(520px,calc(100dvh - 48px));left:4px}.start-right{padding:6px}.start-user{gap:6px;font-size:11px}.avatar-small{width:40px;height:40px}.start-right>button,.start-right>a{padding:4px;font-size:12px}.win{min-width:0;min-height:0;max-width:none;max-height:none;resize:none}.win.maximized{inset:0 0 42px!important}.window-controls button{min-width:40px;min-height:32px}.titlebar{height:39px}.resume-scroll{padding:10px}.resume-sheet{padding:20px 16px}.resume-header{flex-direction:column;gap:8px}.resume-header h1,.project-heading h1,.system-header h1,.control-panel h1,.timeline-page>h1,.compose-form h1,.personalize h1{font-size:21px}.resume-contact{align-items:flex-start;text-align:left;overflow-wrap:anywhere}.resume-footer{flex-wrap:wrap}.navigation-pane{width:112px;padding:8px 5px}.file-item{grid-template-columns:38px minmax(100px,1fr)}.file-tagline{display:none}.explorer-toolbar{gap:4px;padding:4px}.view-switch button{min-width:40px;padding:4px;font-size:11px}.project-detail,.system-properties,.control-panel,.timeline-page,.personalize{padding:17px}.project-heading h1{margin-right:0;padding-top:24px}.project-heading .status-badge{top:0;left:0;right:auto}.skill-groups{grid-template-columns:1fr}.mail-layout{grid-template-columns:1fr}.mail-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 9px;padding:9px;border-right:0;border-bottom:1px solid #cbd8e1}.mail-brand,.mail-sidebar p{grid-column:1/-1}.compose-form{gap:10px;padding:13px}.compose-form textarea{min-height:100px}}
@media(max-width:400px){#start{grid-template-columns:minmax(0,1fr) 128px}.start-right{padding:4px}.start-user strong{max-width:80px;overflow-wrap:anywhere}#pins button{width:37px}.navigation-pane{width:90px}.project-actions{flex-direction:column;align-items:stretch}.palette-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{body,#desktop,#taskbar,#start,#boot,#login,#powerScreen{background:#fff!important}body *{visibility:hidden!important}.win.print-target,.win.print-target *{visibility:visible!important}.win.print-target{position:absolute!important;inset:0!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;padding:0!important;overflow:visible!important;background:#fff!important;border:0!important;box-shadow:none!important}.win.print-target .titlebar,.win.print-target .toolbar,.win.print-target .resume-footer{display:none!important}.win.print-target .window-body,.win.print-target .resume-scroll{display:block!important;height:auto!important;overflow:visible!important;border:0!important;background:#fff!important}.win.print-target .resume-sheet{box-shadow:none!important}}

:root{--aero-glass-top:rgba(248,253,255,.78);--aero-glass-mid:rgba(151,201,235,.58);--aero-glass-bottom:rgba(35,91,143,.82);--aero-glass-edge:rgba(233,248,255,.82);--aero-glass-highlight:rgba(255,255,255,.88);--aero-glass-shadow:rgba(3,27,52,.38)}
.glass{background:linear-gradient(180deg,var(--aero-glass-top) 0%,var(--aero-glass-mid) 44%,rgba(74,139,190,.7) 56%,var(--aero-glass-bottom) 100%);border:1px solid var(--aero-glass-edge);box-shadow:inset 0 1px var(--aero-glass-highlight),0 -1px 12px var(--aero-glass-shadow);-webkit-backdrop-filter:blur(14px) saturate(1.45);backdrop-filter:blur(14px) saturate(1.45)}
.win{background:linear-gradient(180deg,var(--aero-glass-top),var(--aero-glass-bottom));border-color:var(--aero-glass-edge);box-shadow:inset 0 0 0 1px var(--aero-glass-highlight),0 9px 30px #0000007a;-webkit-backdrop-filter:blur(14px) saturate(1.35);backdrop-filter:blur(14px) saturate(1.35)}
.win.active{background:linear-gradient(180deg,var(--aero-glass-top),rgba(104,166,209,.88))}
.titlebar{color:#19344d;background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(214,235,251,.88) 46%,rgba(157,197,228,.9) 51%,rgba(203,226,246,.9) 100%);border-bottom:1px solid rgba(83,122,155,.58);box-shadow:inset 0 1px rgba(255,255,255,.95)}
.window-controls{align-self:flex-start;gap:0;margin-left:auto;padding:0 0 3px 3px}
.window-controls button{width:38px;min-height:27px;color:#17324a;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(205,225,242,.88) 48%,rgba(149,185,215,.92));border:1px solid rgba(70,103,132,.76);border-top:0;border-left:0;border-radius:0 0 4px 4px;box-shadow:inset 0 1px rgba(255,255,255,.95),0 1px 2px rgba(33,64,91,.25);text-shadow:0 1px rgba(255,255,255,.9)}
.window-controls button+button{margin-left:-1px}
.window-controls .minimize{border-radius:0 0 0 4px}
.window-controls .maximize{border-radius:0 0 4px 0}
.window-controls .close{width:48px;margin-left:2px;color:#fff;background:linear-gradient(180deg,#f8a18e,#e44d3b 48%,#bd201b);border-color:#9f241c;box-shadow:inset 0 1px rgba(255,255,255,.65),0 1px 2px rgba(33,64,91,.3);text-shadow:0 -1px rgba(92,13,8,.7)}
.window-controls button:hover{filter:brightness(1.08)}
.window-controls .close:hover{background:linear-gradient(180deg,#ffb4a2,#f13d2f 48%,#c31612)}
.window-controls button:active{filter:brightness(.94);box-shadow:inset 0 2px 4px rgba(24,50,71,.28)}
.project-navigation{flex:none}
.project-navigation .address{overflow:hidden;white-space:nowrap}
.project-navigation .address span{overflow:hidden;text-overflow:ellipsis}
.project-status{flex:none;background:linear-gradient(180deg,#f8fafc,#e7edf2)}
.project-detail{flex:1;min-height:0;overflow:auto}
.tray-trigger{display:grid;place-items:center;width:24px;height:30px;padding:3px;color:#fff;background:transparent;border:1px solid transparent;border-radius:3px}
.tray-trigger:hover,.tray-trigger[aria-expanded="true"]{background:#ecf9ff40;border-color:#ffffff70}
.tray-trigger .tray-icon{width:17px;height:17px}
.tray-panel{position:fixed;z-index:8300;right:105px;bottom:48px;width:330px;padding:12px;color:#243a4d;background:linear-gradient(#fbfdff,#eaf2f8);border:1px solid #829bb0;border-radius:4px;box-shadow:0 6px 22px #0007;animation:appear .14s ease-out}
.tray-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #c9d7e2}
.tray-panel header>div,.tray-switch>span:first-child,.network-option>span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.tray-panel header strong{font-size:15px}
.tray-panel header small,.tray-switch small,.network-option small,.panel-disclaimer{color:#687d8f;font-size:11px}
.panel-close{width:26px;height:26px;color:#425a6d;background:transparent;border:1px solid transparent;border-radius:3px;font-size:20px;line-height:1}
.panel-close:hover{background:#d9eaf6;border-color:#a7c3d8}
.tray-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid #d4e0e9;cursor:pointer}
.tray-switch>span:first-child{gap:3px}
.tray-switch input{position:absolute;width:1px;height:1px;opacity:0}
.switch-ui{position:relative;width:38px;height:21px;flex:none;background:#a9b7c3;border:1px solid #8899a7;border-radius:12px;transition:background .15s}
.switch-ui:after{position:absolute;top:2px;left:2px;width:15px;height:15px;content:"";background:#fff;border:1px solid #8394a2;border-radius:50%;box-shadow:0 1px 2px #0003;transition:transform .15s}
.tray-switch input:checked+.switch-ui{background:#378cc9;border-color:#2879b2}
.tray-switch input:checked+.switch-ui:after{transform:translateX(17px)}
.tray-switch input:focus-visible+.switch-ui{outline:3px solid #f5bc39;outline-offset:2px}
.network-list{display:grid;gap:3px;max-height:190px;padding:8px 0;overflow:auto}
.network-option{display:flex;align-items:center;gap:9px;width:100%;min-height:48px;padding:6px 8px;text-align:left;background:transparent;border:1px solid transparent;border-radius:3px}
.network-option:not(:disabled):hover,.network-option[aria-pressed="true"]{background:linear-gradient(#eff8ff,#d9ebf8);border-color:#b4ccde}
.network-option:disabled{cursor:not-allowed;opacity:.5}
.network-option>svg{width:21px;height:21px;color:#367db4}
.network-option>span:nth-child(2){flex:1;min-width:0}
.network-option>span:nth-child(2) strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.network-state{color:#2876a7;font-size:11px;white-space:nowrap}
.tray-panel footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid #d4e0e9;font-size:11px}
.tray-panel footer button,.test-sound{min-height:30px;padding:4px 9px;color:#29475e;background:linear-gradient(#fff,#e3edf4);border:1px solid #a7bac9;border-radius:3px}
.tray-panel footer button:hover,.test-sound:hover{background:linear-gradient(#fff,#d6e8f5);border-color:#7ba8c8}
.tray-panel footer button:disabled{opacity:.5}
.panel-disclaimer{display:block;margin-top:9px;line-height:1.4}
.volume-control{display:flex;align-items:center;gap:10px;padding:18px 3px 14px}
.volume-control>button{display:grid;place-items:center;width:30px;height:30px;color:#315c78;background:transparent;border:1px solid transparent;border-radius:3px}
.volume-control>button:hover{background:#dcebf5;border-color:#b4cadb}
.volume-control input{flex:1;min-width:0;accent-color:#2485c4}
.volume-control output{min-width:32px;text-align:right;font-variant-numeric:tabular-nums}
.test-sound{width:100%;text-align:center}
.sound-panel{right:67px;width:300px}
@media(max-width:767px){#tray .tray-trigger .tray-icon{display:block}.tray-panel,.sound-panel{right:5px;bottom:48px;width:min(340px,calc(100vw - 10px))}}
#icons .desktop-icon[data-id]:not([data-id="recycle"]){cursor:grab}
#icons .desktop-icon.dragging{opacity:.45;cursor:grabbing}
#icons .desktop-icon.drop-target{z-index:2;background:rgba(111,190,244,.48);border-color:#e5f7ff;box-shadow:inset 0 0 0 1px #ffffffb3,0 0 16px rgba(170,225,255,.75);transform:scale(1.06)}
#icons .desktop-icon.drop-target::after{position:absolute;top:calc(100% - 2px);left:50%;padding:3px 7px;color:#17344a;text-shadow:none;white-space:nowrap;background:linear-gradient(#fff,#e2f1fc);border:1px solid #87a9c2;border-radius:3px;box-shadow:0 2px 6px #07172c80;content:"Drop to delete";transform:translateX(-50%)}
.mobile-drag-ghost{position:fixed!important;z-index:12000!important;top:0;left:0;pointer-events:none;opacity:.96;transform:translate(-50%,-50%) scale(1.06);box-shadow:0 8px 20px #07172c99}
@media(max-width:767px){
  #desktop{inset:0 0 calc(48px + env(safe-area-inset-bottom))}
  #icons{inset:max(8px,env(safe-area-inset-top)) 8px 8px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;align-content:start;gap:6px}
  .desktop-icon{min-height:82px;padding:8px 5px;border-radius:6px;touch-action:none;user-select:none;-webkit-touch-callout:none}
  .desktop-icon svg{width:40px;height:40px}
  #taskbar{height:calc(48px + env(safe-area-inset-bottom));padding:0 3px env(safe-area-inset-bottom) 58px;gap:2px}
  #taskbar #orb{left:4px;bottom:env(safe-area-inset-bottom);width:48px;height:48px}
  #taskbar #orb svg{width:30px;height:30px}
  #pins button,.task-button{height:44px;min-height:44px}
  #tasks{flex:1 1 auto;min-width:0;overflow-x:auto}
  #tray{gap:3px;padding:0 3px}
  #tray .tray-trigger{display:grid;place-items:center;width:36px;height:44px}
  #clock{min-width:65px;height:44px}
  #peek{width:8px}
  #start{bottom:calc(48px + env(safe-area-inset-bottom));height:min(540px,calc(100dvh - 58px - env(safe-area-inset-bottom)))}
  .win.maximized{inset:0 0 calc(48px + env(safe-area-inset-bottom))!important}
  .titlebar{height:44px}
  .window-controls button{width:42px;min-height:40px}
  .window-body{-webkit-overflow-scrolling:touch}
}
@media(max-width:400px){
  #taskbar{padding-left:58px}
  #pins button{width:35px}
  #tray{gap:1px}
  #tray .tray-trigger{width:32px}
  #clock{min-width:58px}
  #peek{display:none}
}
@media(max-height:500px){
  #taskbar #orb{left:4px;bottom:0;width:46px;height:46px}
  #taskbar #orb svg{width:29px;height:29px}
}
#taskbar::before{position:absolute;inset:0 0 auto 58px;height:1px;pointer-events:none;background:linear-gradient(90deg,#ffffff00,#ffffffd9 22%,#dff6ffb0 78%,#ffffff00);content:""}
#orb::after{position:absolute;inset:5px 8px auto;height:15px;pointer-events:none;border-radius:50%;background:linear-gradient(180deg,#ffffffb8,#ffffff00);content:""}
#pins button,.task-button{transition:background .14s,border-color .14s,box-shadow .14s}
#pins button:hover,.task-button:hover{background:linear-gradient(180deg,#ffffffc9,#9bd4f2a8 58%,#286c9d9c);border-color:#e6f8ff;box-shadow:inset 0 1px 5px #ffffffd9,0 0 8px #72c8ff87}
#pins button:active,.task-button:active{background:linear-gradient(180deg,#78b8debb,#d9f2ffb8);box-shadow:inset 0 2px 6px #17466b66}
.task-button::after{position:absolute;right:9px;bottom:1px;left:9px;height:2px;pointer-events:none;border-radius:2px;background:linear-gradient(90deg,#bdeaff,#fff,#bdeaff);box-shadow:0 0 5px #67cbff;opacity:0;content:""}
.task-button.active::after{opacity:1}
.window-controls button{box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #ffffff55}
.window-controls .close{box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #68190b70,0 1px 3px #29435a66}
#pins button svg,.task-button svg{width:28px;height:28px}
#taskbar button svg use[href="#i-resume"],#start button svg use[href="#i-resume"]{transform:scale(1.19,.89)}
#taskbar button svg use[href="#i-folder"],#start button svg use[href="#i-folder"]{transform:scale(.89,1.14)}
#taskbar button svg use[href="#i-contact"],#start button svg use[href="#i-contact"]{transform:scale(.89,1.19)}
.skill-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:stretch}
.welcome-page{padding:24px}
.welcome-header{align-items:center}
.welcome-header h1{margin:3px 0 5px;font-size:30px;color:#1a4e73}
.welcome-header>div>p:not(.eyebrow){margin:5px 0 9px;color:var(--muted)}
.welcome-intro,.welcome-skills,.welcome-projects{margin-top:20px}
.welcome-page h2{margin:0 0 9px;padding-bottom:6px;color:#285c7e;font-size:16px;border-bottom:1px solid #cfdae3}
.welcome-intro>p{max-width:780px;line-height:1.55}
.welcome-actions{display:flex;flex-wrap:wrap;gap:8px}
.welcome-actions .action-button{min-height:36px}
.welcome-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.welcome-project{min-width:0;padding:14px;background:#f6f9fb;border:1px solid #d2dee7;border-radius:4px}
.welcome-project h3{margin:0 0 6px;color:#1a4e73;font-size:16px}
.welcome-project>p{min-height:40px;margin:0 0 12px;color:#4e667b;line-height:1.45}
.welcome-project .welcome-actions{gap:6px}
.welcome-project .action-button{padding:6px 9px;font-size:12px}
.welcome-achievement{margin:18px 0 0;padding:10px 12px;color:#315d79;background:#eaf3f9;border-left:3px solid #4286b7}
@media(max-width:767px){
  .welcome-page{padding:17px}
  .welcome-header{gap:13px}
  .welcome-project-grid{grid-template-columns:1fr}
  .welcome-project>p{min-height:0}
}