:root{--bg-desktop:#0d1117;--bg-taskbar:#161b22;--bg-window:#161b22;--bg-window-content:#0d1117;--bg-titlebar:#0d1117;--bg-titlebar-active:#1c2128;--text-primary:#c9d1d9;--text-muted:#8b949e;--border-color:#30363d;--border-active:#58a6ff;--accent-blue:#58a6ff;--accent-red:#f85149;--sys-green:#3fb950;--sys-cyan:#39d2c0;--sys-orange:#ff9f1c;--shadow-window:0 8px 32px #0006;--shadow-window-active:0 12px 40px #58a6ff33;--topbar-height:28px;--sidedock-width:56px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-desktop);color:var(--text-primary);width:100%;height:100%;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;inset:0;overflow:hidden}.os-shell{flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0}.os-shell-body{flex:1;min-height:0;display:flex}.os-desktop{background-color:#0d1117;flex:1;position:relative;overflow:hidden}.particles-bg{z-index:0;width:100%;height:100%;position:absolute;inset:0}.os-desktop-shortcut{cursor:grab;-webkit-user-select:none;user-select:none;z-index:1;border-radius:8px;flex-direction:column;align-items:center;gap:6px;width:80px;padding:6px;transition:background-color .15s;display:flex}.os-desktop-shortcut:active{cursor:grabbing}.os-desktop-shortcut:hover{background-color:#ffffff14}.shortcut-icon-box{justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s;display:flex}.os-desktop-shortcut:hover .shortcut-icon-box{transform:scale(1.08)}.shortcut-label{color:#fff;text-align:center;text-shadow:0 1px 4px #000000e6,0 0 8px #0009;word-break:break-word;font-size:.72rem;font-weight:500;line-height:1.2}.shortcut-tooltip{color:#c9d1d9;white-space:nowrap;pointer-events:none;z-index:100;background:#000000d9;border-radius:4px;padding:4px 10px;font-size:.65rem;animation:.15s tooltipFadeIn;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.os-desktop-footer{z-index:2;width:100%;position:absolute;bottom:0;left:0}.os-footer-content{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000008c;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:12px 30px;display:flex}.os-footer-brand{align-items:center;gap:12px;display:flex}.os-footer-avatar{color:#fff;background:linear-gradient(135deg,#58a6ff,#2f81f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:800;display:flex}.os-footer-name{color:#fff;letter-spacing:-.3px;margin:0;font-size:.95rem;font-weight:700}.os-footer-role{color:#8b949e;margin:2px 0 0;font-size:.72rem}.os-footer-nav{gap:4px;display:flex}.os-footer-nav-link{color:#8b949e;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:.8rem;font-weight:500;transition:all .15s}.os-footer-nav-link:hover{color:#c9d1d9;background:#ffffff14}.os-footer-external{gap:12px;display:flex}.os-footer-link{color:#8b949e;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 4px 6px #0000001a}.os-footer-link:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 15px #0000004d}.os-footer-link:after{content:"";opacity:0;pointer-events:none;border-radius:50%;transition:opacity .3s;position:absolute;inset:0;box-shadow:0 0 15px}.os-footer-link:hover:after{opacity:.4}.os-footer-link.github:hover{color:#fff}.os-footer-link.linkedin:hover{color:#0077b5}.os-footer-link.stargazer:hover{color:#ffc646}.os-footer-copyright{text-align:center;color:#484f58;background:#000000a6;padding:8px;font-size:.72rem}.os-window{background-color:var(--bg-window);border:1px solid var(--border-color);box-shadow:var(--shadow-window);resize:both;transform-origin:50%;border-radius:8px;flex-direction:column;min-width:300px;min-height:200px;transition:border-color .2s,box-shadow .2s;animation:.4s cubic-bezier(.16,1,.3,1) forwards windowOpen3D;display:flex;position:absolute;overflow:hidden}.os-window.is-maximized{animation:.3s cubic-bezier(.16,1,.3,1) forwards windowMaximize;resize:none!important;border-radius:0!important;width:100%!important;height:100%!important;top:0!important;left:0!important}@keyframes windowOpen3D{0%{opacity:0;filter:blur(4px);transform:scale(.7)perspective(800px)rotateX(8deg)translateY(30px)}60%{opacity:1;filter:blur();transform:scale(1.02)perspective(800px)rotateX(-1deg)translateY(-5px)}to{opacity:1;filter:blur();transform:scale(1)perspective(800px)rotateX(0)translateY(0)}}@keyframes windowMaximize{0%{opacity:.8;border-radius:8px;transform:scale(.95)}to{opacity:1;border-radius:0;transform:scale(1)}}.os-window.is-active{border-color:var(--border-active);box-shadow:var(--shadow-window-active)}.os-window-titlebar{background-color:var(--bg-titlebar);-webkit-user-select:none;user-select:none;cursor:grab;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.os-window-titlebar:active{cursor:grabbing}.os-window-titlebar.is-maximized{cursor:default}.os-window-title{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.os-window-controls{align-items:center;gap:8px;display:flex}.os-window-controls button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.os-window-controls button:hover{color:#fff;background-color:#ffffff1a}.os-window-controls .btn-close:hover{color:var(--accent-red);background-color:#f851494d}.os-window-content{background-color:var(--bg-window-content);flex:1;overflow:auto}.os-topbar{height:var(--topbar-height);z-index:10000;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:.85rem;display:flex}.os-topbar-left,.os-topbar-right,.os-topbar-center{align-items:center;display:flex}.os-topbar-btn{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;height:28px;padding:0 12px;font-weight:500;transition:background-color .2s;display:flex}.os-topbar-btn:hover{background-color:#ffffff1a}.os-topbar-tray{gap:12px}.os-sidedock{width:var(--sidedock-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background-color:#0009;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;padding-top:8px;display:flex}.os-dock-icon-wrapper{cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.os-dock-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,background-color .2s;display:flex}.os-dock-icon-wrapper:hover .os-dock-icon{transform:scale(1.05);background-color:#fff3!important}.os-dock-indicator{background-color:#58a6ff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.os-dock-icon-wrapper.is-open .os-dock-icon{background-color:#ffffff26!important}.shortcut-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#000000d9;border:1px solid #ffffff1a;border-radius:6px;margin-left:15px;padding:6px 12px;font-size:.8rem;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 15px #0006}.os-desktop-shortcut:hover .shortcut-tooltip{opacity:1;transform:translateY(-50%)translate(5px)}body.konami-active{filter:saturate(200%)hue-rotate(180deg)invert(.2);animation:3.5s cubic-bezier(.68,-.55,.265,1.55) barrelRoll}@keyframes barrelRoll{0%{transform:perspective(1000px)rotate(0)rotateY(0)scale(1)}50%{transform:perspective(1000px)rotate(180deg)rotateY(180deg)scale(.3)}to{transform:perspective(1000px)rotate(360deg)rotateY(360deg)scale(1)}}.os-dock-tooltip{white-space:nowrap;z-index:10001;pointer-events:none;background-color:#161b22;border:1px solid #30363d;border-radius:8px;flex-direction:column;gap:2px;padding:8px 14px;animation:.15s tooltipFadeIn;display:flex;position:absolute;top:50%;left:56px;transform:translateY(-50%);box-shadow:0 8px 24px #00000080}.os-dock-tooltip strong{color:#fff;font-size:.85rem}.os-dock-tooltip span{color:#8b949e;font-size:.75rem}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.os-start-menu{top:var(--topbar-height);left:var(--sidedock-width);background-color:var(--bg-window);border:1px solid var(--border-color);width:320px;box-shadow:var(--shadow-window-active);z-index:10001;border-radius:0 0 8px;flex-direction:column;animation:.2s ease-out slideDown;display:flex;position:fixed;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.os-start-menu-header{background-color:var(--bg-titlebar-active);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:16px;display:flex}.os-start-menu-body{flex-direction:column;gap:4px;padding:8px;display:flex}.os-start-menu-item{cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:background-color .2s;display:flex}.os-start-menu-item:hover{background-color:#ffffff0d}.activities-overlay{z-index:9999;-webkit-backdrop-filter:blur(24px);padding-left:var(--sidedock-width);-webkit-overflow-scrolling:touch;background:#000000d1;justify-content:center;align-items:flex-start;animation:.25s activitiesFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes activitiesFadeIn{0%{opacity:0}to{opacity:1}}.activities-content{flex-direction:column;align-items:center;gap:36px;width:100%;max-width:720px;padding:48px 24px 80px;display:flex}.activities-search-container{width:100%;max-width:400px;margin:0 auto}.activities-search{color:#c9d1d9;text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;outline:none;width:100%;padding:10px 18px;font-size:.95rem;transition:border-color .2s,background .2s}.activities-search::placeholder{color:#ffffff59}.activities-search:focus{background:#ffffff1a;border-color:#58a6ff80}.activities-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));justify-items:center;gap:24px;width:100%;display:grid}.activities-app-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px 12px;transition:background .2s,transform .15s;display:flex}.activities-app-btn:hover{background:#ffffff14;transform:scale(1.05)}.activities-app-btn:active{transform:scale(.97)}.activities-app-icon{justify-content:center;align-items:center;width:52px;height:52px;display:flex}.activities-app-icon svg{width:48px;height:48px}.activities-app-label{color:#c9d1d9;text-align:center;font-size:.78rem;font-weight:500;line-height:1.2}.activities-bottom{gap:24px;margin-top:16px;display:flex}.activities-show-all{color:#8b949e;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:.82rem;transition:background .2s,color .2s;display:flex}.activities-show-all:hover{color:#c9d1d9;background:#ffffff1a}.browser-layout{color:#c9d1d9;background-color:#0d1117;height:100%;display:flex}.browser-sidebar{background-color:#161b22;border-right:1px solid #30363d;flex-direction:column;flex-shrink:0;width:220px;display:flex}.browser-sidebar-tabs{flex-direction:column;flex:1;padding:16px 0;display:flex}.browser-sidebar-btn{color:#8b949e;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;flex-shrink:0;align-items:center;gap:12px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:400;transition:all .2s;display:flex}.browser-sidebar-btn:hover{background-color:#ffffff0d}.browser-sidebar-btn.active{color:#58a6ff;background:#58a6ff1a;border-left-color:#58a6ff;font-weight:600}.browser-main{background-color:#0d1117;flex:1;padding:40px;overflow:auto}.contact-layout{color:#c9d1d9;background-color:#0d1117;flex-wrap:wrap;height:100%;display:flex;overflow-y:auto}.contact-pane{flex-direction:column;flex:300px;gap:20px;padding:30px;display:flex}.contact-pane.right{background-color:#161b22;border-left:1px solid #30363d}@media (width<=768px){:root{--sidedock-width:0px}.os-shell-body{flex-direction:column-reverse}.os-sidedock{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid #ffffff1a;border-right:none;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;overflow-x:auto;flex-direction:row!important;width:100%!important;height:64px!important;display:flex!important}.os-sidedock::-webkit-scrollbar{display:none}.os-dock-icon-wrapper{flex-shrink:0;width:44px!important;height:44px!important;margin-bottom:0!important}.os-dock-show-apps{order:-1;margin-right:4px}.os-dock-spacer{display:none!important}.os-dock-icon{width:36px!important;height:36px!important}.os-dock-tooltip{top:-40px;left:50%;transform:translate(-50%)}.os-desktop-icons-container{z-index:1;-webkit-overflow-scrolling:touch;flex-wrap:wrap;align-content:flex-start;gap:20px;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.os-desktop-shortcut{width:70px;position:relative!important;top:auto!important;left:auto!important}.os-window.is-maximized{resize:none!important;border:none!important;border-radius:0!important;width:100%!important;height:100%!important;top:0!important;left:0!important}.os-window:not(.is-maximized){border-radius:6px;min-width:unset!important;max-width:100%!important;max-height:100%!important}.os-window-titlebar{cursor:default!important;height:54px!important;padding:0 16px!important}.os-window-title{font-size:1rem!important}.os-topbar{height:36px;padding:0 12px}.os-topbar-btn{padding:0 8px;font-size:.8rem}.os-topbar-tray{gap:6px}.os-topbar-center{display:none}.os-desktop-footer{display:none!important}.browser-layout{flex-direction:column}.browser-sidebar{border-bottom:1px solid #30363d;border-right:none;width:100%}.browser-sidebar-tabs{white-space:nowrap;flex-direction:row;padding:8px;overflow-x:auto}.browser-sidebar-btn{border-bottom:3px solid #0000;border-left:none;width:auto}.browser-sidebar-btn.active{border-bottom-color:#58a6ff;border-left:#0000}.browser-main{padding:20px}.contact-pane{flex:100%;padding:20px}.contact-pane.right{border-top:1px solid #30363d;border-left:none}}