*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--win-bg: light-dark(#c0c0c0, #3a4a5c);--win-surface: light-dark(#dfdfdf, #2c3a4a);--win-dark: light-dark(#808080, #1e2a38);--win-darker: light-dark(#404040, #141e28);--win-light: light-dark(#ffffff, #4e6278);--win-title-bg: linear-gradient(90deg, light-dark(#000080, #2a4060), light-dark(#1084d0, #4a7aaa));--win-title-text: light-dark(#ffffff, #d8e4f0);--win-text: light-dark(#000000, #d0d8e4);--win-text-muted: light-dark(#444444, #8a9ab0);--win-link: light-dark(#0000ee, #6aacdf);--win-desktop: light-dark(#008080, #1a2636);--win-taskbar: light-dark(#c0c0c0, #2e3e50);--win-badge-bg: light-dark(#e8e8e8, #28384a);--win-badge-border: light-dark(#808080, #3a5068);--win-error: light-dark(#cc0000, #ff6666);--folder-color: light-dark(#c8a632, #e0c060);--win-shadow-deep: light-dark(#808080, #141e28);--win-inset: inset -1px -1px 0 var(--win-light), inset 1px 1px 0 var(--win-shadow-deep);--win-outset: inset 1px 1px 0 var(--win-light), inset -1px -1px 0 var(--win-shadow-deep);--win-border-color: var(--win-dark)}[data-theme=dark]{color-scheme:dark}html{font-size:16px}body{font-family:Tahoma,Geneva,Verdana,Arial,sans-serif;background:var(--win-desktop);color:var(--win-text);min-height:100dvh;display:flex;flex-direction:column;transition:background .4s,color .4s}.desktop{flex:1;padding:16px 16px 56px;display:grid;grid-template-columns:300px 1fr 1fr;grid-template-rows:1fr auto;gap:12px;width:100%}.profile-window{grid-column:1;grid-row:1 / 3}.experience-window{grid-column:2;grid-row:1}.education-window{grid-column:3;grid-row:1}.skills-window{grid-column:2 / 4;grid-row:2}.avatar{width:96px;height:96px;border-radius:50%;background:var(--win-dark);color:var(--win-title-text);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 14px;box-shadow:var(--win-inset)}.profile-name{text-align:center;font-size:1.4rem;font-weight:700;margin-bottom:2px}.profile-title{text-align:center;color:var(--win-text-muted);font-size:.9rem;margin-bottom:16px}.separator{border:none;border-top:1px solid var(--win-dark);border-bottom:1px solid var(--win-light);margin:14px 0}.section-label{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--win-text-muted);margin-bottom:6px}.about-text{font-size:.9rem;line-height:1.5}address{font-style:normal}.contact-link{display:inline-flex;align-items:center;gap:6px;color:var(--win-link);text-decoration:none;font-size:.85rem;padding:4px 8px;background:var(--win-bg);box-shadow:var(--win-outset);&:hover{text-decoration:underline}.lucide{width:14px;height:14px}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.skill-category h3{font-size:.78rem;font-weight:600;margin-bottom:6px;color:var(--win-text-muted);text-transform:uppercase;letter-spacing:.3px}.skill-badges{display:flex;flex-wrap:wrap;gap:4px}.badge{padding:3px 8px;background:var(--win-badge-bg);border:1px solid var(--win-badge-border);box-shadow:var(--win-outset);font-size:.78rem;white-space:nowrap;transition:background .4s,border-color .4s}.tree{list-style:none;padding:0}.tree-node{position:relative;padding-left:20px;margin-bottom:4px;&:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:var(--win-dark)}&:last-child:before{bottom:calc(100% - 15px)}}.tree-header{position:relative;display:flex;align-items:center;gap:5px;padding:3px 4px;cursor:pointer;user-select:none;font-weight:600;font-size:.88rem;border-radius:2px;&:before{content:"";position:absolute;left:-13px;top:12px;width:11px;height:1px;background:var(--win-dark)}&:hover{background:var(--win-badge-bg)}.lucide{width:14px;height:14px;flex-shrink:0}.folder-icon{color:var(--folder-color)}}.tree-children{list-style:none;padding-left:18px;overflow:hidden;max-height:200px;transition:max-height .25s ease,opacity .2s;opacity:1;&.collapsed{max-height:0;opacity:0}}.tree-leaf{position:relative;padding:2px 0 2px 18px;font-size:.82rem;color:var(--win-text-muted);&:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:var(--win-dark)}&:last-child:before{bottom:calc(100% - 12px)}&:after{content:"";position:absolute;left:7px;top:11px;width:9px;height:1px;background:var(--win-dark)}& b{color:var(--win-text);font-weight:500}}.tab-control{display:flex;flex-direction:column;height:100%}.tab-bar{display:flex;padding:0 4px;flex-shrink:0}.tab-btn{padding:4px 12px;font-family:inherit;font-size:.78rem;font-weight:500;background:var(--win-bg);color:var(--win-text);border:none;cursor:pointer;box-shadow:var(--win-outset);position:relative;z-index:1;margin-bottom:-1px;transition:background .3s,color .3s;&[aria-selected=true]{background:var(--win-surface);font-weight:600;box-shadow:inset 1px 1px 0 var(--win-light),inset -1px 0 0 var(--win-dark);z-index:3;padding-bottom:6px}}.tab-panel-area{flex:1;background:var(--win-surface);border:1px solid var(--win-dark);box-shadow:var(--win-inset);padding:14px;position:relative;z-index:2;transition:background .4s}.tab-panel dl{display:flex;flex-direction:column;gap:10px}.prop-row{display:flex;align-items:flex-start}.prop-label{font-weight:600;font-size:.78rem;color:var(--win-text-muted);min-width:70px;text-transform:uppercase;letter-spacing:.3px;padding-top:2px;margin:0}.prop-value{font-size:.88rem;flex:1;padding:3px 8px;background:var(--win-bg);box-shadow:var(--win-inset);margin:0}.taskbar{position:fixed;inset:auto 0 0;z-index:100;display:flex;align-items:center;height:40px;padding:3px 8px;gap:6px;background:var(--win-taskbar);border-top:2px solid var(--win-border-color);box-shadow:inset 0 1px 0 var(--win-light);transition:background .4s,border-color .4s}tb-version{padding:3px 10px;font-size:.78rem;font-weight:600;color:var(--win-text-muted);box-shadow:var(--win-inset);height:28px;display:flex;align-items:center}.taskbar-divider{width:2px;height:26px;border-left:1px solid var(--win-dark);border-right:1px solid var(--win-light)}.taskbar-spacer{flex:1}tb-theme{display:flex;align-items:center;gap:5px;padding:3px 10px;background:var(--win-bg);border:none;box-shadow:var(--win-outset);font-family:inherit;font-size:.78rem;font-weight:500;cursor:pointer;color:var(--win-text);height:28px;transition:background .4s,color .4s;&:active{box-shadow:var(--win-inset)}& svg{width:14px;height:14px}}.taskbar-tray{display:flex;align-items:center;gap:6px;padding:3px 10px;height:28px;box-shadow:var(--win-inset);font-size:.78rem;font-weight:500;color:var(--win-text)}.taskbar-tray svg{width:14px;height:14px}tb-clock{display:flex;align-items:center;gap:5px}tb-status{display:flex;align-items:center;cursor:default}tb-status .offline{color:var(--win-text-muted)}.tray-popover{position:fixed;inset:unset;bottom:44px;margin:0;padding:3px 6px;background:light-dark(#ffffe1,#3a3a2a);border:1px solid light-dark(#000000,#888860);font-family:inherit;font-size:.75rem;color:light-dark(#000000,#e0e0c0);box-shadow:none;white-space:nowrap}@keyframes dialogPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media(769px<=width<=960px){.desktop{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;padding:10px 10px 52px}.profile-window{grid-column:1 / -1;grid-row:1}.skills-window{grid-column:1 / -1;grid-row:2}.experience-window{grid-column:1;grid-row:3}.education-window{grid-column:2;grid-row:3}.profile-window .window-body{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.profile-window .avatar{margin:0}.profile-info{flex:1;min-width:200px}.profile-info .profile-name,.profile-info .profile-title{text-align:left}.profile-sections{width:100%;display:flex;gap:24px}}@media(width<=768px){.desktop{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:8px 8px 48px;gap:8px}.profile-window{grid-column:1;grid-row:1}.skills-window{grid-column:1;grid-row:2}.experience-window{grid-column:1;grid-row:3}.education-window{grid-column:1;grid-row:4}.profile-window .window-body{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-window .avatar{margin:0}.profile-info .profile-name,.profile-info .profile-title{text-align:center}.profile-sections{flex-direction:column;gap:0}.window-body{padding:12px}.profile-name{font-size:1.2rem}.avatar{width:76px;height:76px;font-size:1.5rem}.skills-grid{grid-template-columns:1fr}.taskbar{height:36px;padding:2px 6px}tb-version,tb-theme{font-size:.72rem;padding:2px 6px}.taskbar-tray{font-size:.72rem;padding:2px 6px}}