*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.macos-window{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#1e1e1ebf;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;width:500px;height:350px;display:flex;position:absolute;overflow:hidden;box-shadow:0 20px 40px #0006}.window-header{cursor:default;-webkit-user-select:none;user-select:none;background:#2d2d2d99;align-items:center;height:28px;padding:0 10px;display:flex;position:relative}.window-controls{gap:8px;display:flex;position:absolute;left:12px}.ctrl-btn{cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.ctrl-btn.close{background:#ff5f56}.ctrl-btn.minimize{background:#ffbd2e}.ctrl-btn.maximize{background:#27c93f}.window-title{text-align:center;color:#ffffffb3;width:100%;font-size:13px;font-weight:500}.window-content{color:#fff;flex:1;padding:15px;font-size:14px;overflow-y:auto}.macos-window.maximized{transition:all .2s ease-in-out;border-radius:0!important;width:100vw!important;height:calc(100vh - 110px)!important}.macos-window.minimized{transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0!important;pointer-events:none!important;transform:translateY(300px)scale(.1)!important}.macos-window{transition:transform .2s,opacity .2s}.macos-window.minimized{display:none!important}.finder-container{color:#e0e0e0;background-color:#1e1e1e;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.finder-sidebar{box-sizing:border-box;background-color:#252526;border-right:1px solid #ffffff1a;width:170px;padding:12px 8px}.sidebar-title{color:#888;margin-bottom:8px;padding:0 8px;font-size:11px;font-weight:700;display:block}.sidebar-item{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:13px;display:flex}.sidebar-item:hover{background-color:#ffffff0d}.sidebar-item.active{color:#fff;background-color:#06c}.finder-content{flex:1;padding:16px;overflow-y:auto}.projects-view{gap:16px;height:100%;display:flex}.projects-list{border-right:1px solid #ffffff1a;width:40%;padding-right:12px}.project-card{cursor:pointer;background:#2a2a2a;border-radius:6px;margin-bottom:8px;padding:10px;transition:background .2s}.project-card:hover{background:#333}.project-card.selected{background:#333;border-left:3px solid #06c}.project-name{color:#fff;font-size:13px;font-weight:700;display:block}.project-cat{color:#aaa;font-size:11px}.project-details{flex:1;padding-left:8px}.project-details h3{color:#fff;margin-top:0}.description{color:#ccc;font-size:13px;line-height:1.5}.tech-stack{margin:16px 0}.tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tech-tag{color:#fff;background:#06c;border-radius:12px;padding:3px 8px;font-size:11px}.project-links{gap:10px;margin-top:20px;display:flex}.link-btn{color:#fff;background:#333;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;text-decoration:none;display:inline-flex}.link-btn.primary{background:#06c}.skills-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.skill-group{background:#2a2a2a;border-radius:6px;padding:12px}.skill-group h4{color:#06c;border-bottom:1px solid #444;margin-top:0;padding-bottom:4px}.skill-group ul{color:#ccc;margin:0;padding-left:16px;font-size:13px}.notepad-container{color:#f0f0f0;background:#1e1e1e;flex-direction:column;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.notepad-toolbar{background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.notepad-title{color:#e2c044;font-size:12px;font-weight:600}.reset-btn{color:#aaa;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:3px 8px;font-size:11px;transition:all .2s}.reset-btn:hover{color:#fff;background:#fff3}.notepad-textarea{color:#e0e0e0;resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;width:100%;padding:14px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.6}.notepad-textarea::placeholder{color:#ffffff4d}.todo-container{color:#fff;box-sizing:border-box;background:#1e1e1ed9;flex-direction:column;height:100%;padding:20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;display:flex}.todo-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.todo-header h2{margin:0;font-size:18px;font-weight:600}.todo-badge{color:#0a84ff;background:#007aff33;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.todo-input-form{gap:8px;margin-bottom:16px;display:flex}.todo-input-form input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px}.todo-input-form input:focus{border-color:#0a84ff}.todo-input-form button{color:#fff;background:#0a84ff;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;display:flex}.todo-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.todo-item{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .2s;display:flex}.todo-item:hover{background:#ffffff1a}.task-toggle{flex:1;align-items:center;gap:10px;display:flex}.task-toggle span{font-size:13px}.todo-item.completed span{opacity:.5;text-decoration:line-through}.check-icon{color:#8e8e93}.check-icon.done{color:#30d158}.delete-btn{color:#ff453a;opacity:.6;background:0 0;border:none;padding:4px}.delete-btn:hover{opacity:1}.empty-state{text-align:center;color:#8e8e93;margin-top:40px;font-size:13px}s.terminal-container{color:#0f6;box-sizing:border-box;background-color:#121212;height:100%;padding:12px;font-family:Courier New,Courier,monospace;font-size:13px;display:block;overflow-y:auto}.terminal-history{flex-direction:column;justify-content:flex-start;display:flex}.terminal-line{white-space:pre-wrap;word-break:break-word;margin:0 0 6px;font-family:inherit;line-height:1.4}.terminal-line.system{color:#888}.terminal-line.user{color:#fff;font-weight:700}.terminal-line.response{color:#0f6}.terminal-line.error{color:#f55}.terminal-prompt-line{align-items:center;margin-top:4px;display:flex}.prompt-label{color:#3b82f6;white-space:nowrap;margin-right:8px;font-weight:700}.terminal-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.snake-container{color:#fff;box-sizing:border-box;background-color:#1e1e1e;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.snake-header{color:#a0a0a0;justify-content:space-between;align-items:center;width:100%;max-width:320px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.level-badge{color:#007aff;background-color:#2a2a2a;border:1px solid #007aff4d;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.snake-board{background-color:#121212;border:1px solid #333;border-radius:8px;width:320px;height:320px;display:grid;position:relative;overflow:hidden}.cell{border:.5px solid #ffffff08}.cell.food{background-color:#ff4d4d;border-radius:50%;box-shadow:0 0 8px #ff4d4d}.cell.body{background-color:#4cd964;border-radius:3px}.cell.head{background-color:#30d158;border-radius:4px;box-shadow:0 0 6px #30d158}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;padding:16px;animation:.3s ease-in-out fadeIn;display:flex;position:absolute;inset:0}.start-overlay h2{color:#fff;margin:0 0 12px;font-size:20px}.win-overlay h2{color:gold;margin:0 0 6px;font-size:24px}.loss-overlay h2{color:#ff453a;margin:0 0 6px;font-size:22px}.overlay p{color:#d1d1d6;margin:4px 0;font-size:14px}.final-score{font-weight:700;color:#fff!important;margin-bottom:12px!important}.level-buttons{flex-direction:column;gap:8px;width:100%;max-width:180px;display:flex}.overlay-buttons{gap:8px;margin-top:8px;display:flex}.snake-btn{color:#fff;cursor:pointer;background-color:#007aff;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background-color .2s,transform .1s}.snake-btn:hover{background-color:#0056b3}.snake-btn:active{transform:scale(.96)}.snake-btn.secondary{background-color:#444}.snake-btn.secondary:hover{background-color:#555}.snake-btn.easy{background-color:#34c759}.snake-btn.easy:hover{background-color:#28a745}.snake-btn.medium{background-color:#ff9500}.snake-btn.medium:hover{background-color:#d97706}.snake-btn.hard{background-color:#ff3b30}.snake-btn.hard:hover{background-color:#dc2626}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.github-container{color:#c9d1d9;box-sizing:border-box;background-color:#0d1117;flex-direction:column;height:100%;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;display:flex;overflow-y:auto}.github-profile-header{border-bottom:1px solid #21262d;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.github-avatar{color:#f0f6fc}.github-user-info h2{color:#f0f6fc;margin:0;font-size:18px}.github-user-info p{color:#8b949e;margin:2px 0 0;font-size:12px}.github-controls{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.github-search-input{color:#c9d1d9;background-color:#161b22;border:1px solid #30363d;border-radius:6px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s}.github-search-input:focus{border-color:#58a6ff}.tech-filter-tags{flex-wrap:wrap;gap:6px;display:flex}.tech-btn{color:#8b949e;cursor:pointer;background-color:#21262d;border:1px solid #30363d;border-radius:12px;padding:4px 10px;font-size:11px;transition:all .2s}.tech-btn:hover{color:#c9d1d9;border-color:#8b949e}.tech-btn.active{color:#fff;background-color:#1f6feb;border-color:#1f6feb}.github-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.project-card{background-color:#161b22;border:1px solid #30363d;border-radius:6px;flex-direction:column;justify-content:space-between;padding:14px;transition:transform .15s,border-color .15s;display:flex}.project-card:hover{border-color:#8b949e;transform:translateY(-2px)}.project-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.project-card-header h3{color:#58a6ff;margin:0;font-size:14px;font-weight:600}.repo-badge{color:#8b949e;border:1px solid #30363d;border-radius:10px;padding:1px 6px;font-size:10px}.project-description{color:#8b949e;flex-grow:1;margin:0 0 12px;font-size:12px;line-height:1.4}.project-tech-stack{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.tech-pill{color:#58a6ff;background-color:#388bfd26;border-radius:4px;padding:2px 6px;font-size:10px}.project-card-footer{border-top:1px solid #21262d;justify-content:space-between;align-items:center;padding-top:10px;font-size:11px;display:flex}.project-links{gap:10px;display:flex}.github-link{color:#c9d1d9;font-weight:500;text-decoration:none}.github-link:hover{color:#58a6ff}.github-link.demo{color:#3fb950}.github-link.demo:hover{color:#2ea043}.project-stats{color:#8b949e;gap:8px;display:flex}.github-empty-state{text-align:center;color:#8b949e;grid-column:1/-1;padding:24px;font-size:13px}.email-container{color:#fff;box-sizing:border-box;background-color:#1e1e1e;flex-direction:column;height:100%;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow-y:auto}.email-header{border-bottom:1px solid #333;margin-bottom:14px;padding-bottom:10px}.email-header h2{color:#fff;margin:0;font-size:16px}.email-header p{color:#a0a0a0;margin:4px 0 0;font-size:12px}.email-form{flex-direction:column;gap:10px;display:flex}.form-group{flex-direction:column;gap:4px;display:flex}.form-group label{color:#a0a0a0;text-transform:uppercase;font-size:11px;font-weight:600}.form-group input,.form-group textarea{color:#fff;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.form-group input:focus,.form-group textarea:focus{border-color:#007aff}.send-btn{color:#fff;cursor:pointer;background-color:#007aff;border:none;border-radius:6px;margin-top:6px;padding:10px;font-size:13px;font-weight:600;transition:background-color .2s}.send-btn:hover{background-color:#0056b3}.send-btn:disabled{cursor:not-allowed;background-color:#444}.status-msg{text-align:center;color:#34c759;margin-top:8px;font-size:12px}.settings-container{color:#fff;height:100%;padding:20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;overflow-y:auto}.settings-header{margin-bottom:20px}.settings-header h2{margin-bottom:4px;font-size:18px;font-weight:600}.settings-header p{opacity:.7;font-size:13px}.wallpaper-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.wallpaper-card{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;padding:6px;transition:transform .2s,background .2s;display:flex}.wallpaper-card:hover{background:#ffffff1a;transform:translateY(-2px)}.wallpaper-card.selected{background:#007aff26;outline:2px solid #007aff}.wallpaper-preview{background-position:50%;background-size:cover;border-radius:6px;width:100%;height:90px;box-shadow:0 4px 10px #0000004d}.wallpaper-title{text-align:center;opacity:.9;margin-top:8px;font-size:12px;font-weight:500}.browser-container{color:#fff;background-color:#1e1e1e;flex-direction:column;height:100%;font-family:-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.browser-nav{background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;align-items:center;gap:12px;padding:8px 12px;display:flex}.nav-controls{gap:4px;display:flex}.nav-btn{color:#aaa;cursor:pointer;background:#3a3a3a;border:none;border-radius:4px;width:24px;height:24px}.address-bar{background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:6px;flex-grow:1;align-items:center;padding:4px 8px;display:flex}.lock-icon{margin-right:6px;font-size:11px}.address-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:12px}.bookmarks-bar{background-color:#222;border-bottom:1px solid #333;gap:6px;padding:6px 12px;display:flex}.bookmark-btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:11px}.bookmark-btn:hover,.bookmark-btn.active{color:#fff;background-color:#333}.browser-content{flex-grow:1;justify-content:center;align-items:center;padding:20px;display:flex}.browser-preview-card{text-align:center;background-color:#282828;border:1px solid #3a3a3a;border-radius:12px;max-width:400px;padding:24px}.browser-preview-card code{color:#34c759;font-size:12px}.preview-action-box{margin-top:16px}.preview-action-box p{color:#aaa;margin-bottom:12px;font-size:12px}.open-link-btn{color:#fff;background-color:#007aff;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.skills-monitor-container{color:#fff;box-sizing:border-box;background-color:#1c1c1e;flex-direction:column;height:100%;padding:12px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.monitor-header h2{color:#aaa;margin:0 0 12px;font-size:14px}.skills-table-wrapper{flex-grow:1;overflow-y:auto}.skills-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.skills-table th{color:#888;border-bottom:1px solid #333;padding:6px 8px;font-weight:500}.skills-table td{border-bottom:1px solid #2a2a2a;padding:10px 8px}.skill-name{color:#fff;font-weight:600}.skill-cat{color:#888}.skill-bar-cell{align-items:center;gap:8px;width:180px;display:flex}.progress-bar-bg{background-color:#333;border-radius:3px;flex-grow:1;height:6px;overflow:hidden}.progress-bar-fill{background-color:#30d158;border-radius:3px;height:100%}.percentage-text{color:#aaa;width:30px;font-size:10px}.status-badge{font-size:11px}.status-badge.active{color:#30d158}.status-badge.idle{color:#ffd60a}.status-badge.core-process{color:#0a84ff}.monitor-footer{border-top:1px solid #333;margin-top:8px;padding-top:8px}.stat-label{color:#888;margin-right:6px;font-size:11px}.stat-val.high{color:#30d158;font-size:11px;font-weight:600}.control-center-popup{-webkit-backdrop-filter:blur(25px)saturate(180%);z-index:9999;-webkit-user-select:none;user-select:none;color:#1d1d1f;background:#ffffffa6;border:1px solid #fff6;border-radius:16px;flex-direction:column;gap:8px;width:320px;padding:10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;display:flex;position:absolute;top:32px;right:12px;box-shadow:0 20px 40px #00000040}.cc-grid{gap:8px;display:flex}.cc-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:.5px solid #fff3;border-radius:12px;padding:8px}.connectivity-card{flex-direction:column;flex:1;gap:6px;display:flex}.cc-row{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:4px;transition:background .15s;display:flex}.cc-row:hover{background:#0000000d}.cc-icon-btn{color:#333;background:#0000001a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cc-icon-btn.active{color:#fff;background:#007aff}.cc-text{flex-direction:column;display:flex}.cc-title{font-size:12px;font-weight:600;line-height:1.2}.cc-subtitle{color:#6e6e73;font-size:10px}.cc-right-column{flex-direction:column;flex:1;gap:8px;display:flex}.dnd-card{cursor:pointer;align-items:center;gap:10px;height:44px;display:flex}.dnd-card.active{background:#007aff26}.cc-small-grid{flex:1;gap:8px;display:flex}.square-btn{text-align:center;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;display:flex}.cc-small-label{color:#424245;font-size:9px;font-weight:500;line-height:1.1}.slider-card{flex-direction:column;gap:4px;padding:8px 12px;display:flex}.slider-label{color:#1d1d1f;font-size:11px;font-weight:600}.slider-wrapper{align-items:center;gap:8px;display:flex}.slider-icon{color:#6e6e73}.cc-range{appearance:none;background:#0000001a;border-radius:8px;outline:none;width:100%;height:16px}.cc-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}.music-card{align-items:center;gap:10px;padding:8px 12px;display:flex}.album-art{background:#ff2d55;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.music-info{flex-direction:column;flex-grow:1;display:flex}.song-title{font-size:12px;font-weight:600}.artist-name{color:#6e6e73;font-size:10px}.music-controls{gap:6px;display:flex}.music-btn{cursor:pointer;color:#1d1d1f;background:0 0;border:none}.macos-container{color:#fff;background:url(https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe) 50%/cover no-repeat;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow:hidden}.top-menu-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#0000004d;justify-content:space-between;align-items:center;height:24px;padding:0 15px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.left-menu,.right-menu{align-items:center;gap:15px;display:flex}.apple-logo{cursor:pointer;font-size:16px}.menu-item{cursor:pointer;opacity:.9}.menu-item.bold{font-weight:600}.desktop-area{padding:20px;position:absolute;inset:24px 0 0}.bottom-dock-container{z-index:9999;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.macos-dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:1px solid #fff3;border-radius:16px;align-items:end;gap:12px;padding:8px;display:flex}.dock-icon{cursor:pointer;background:#ffffff4d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:transform .2s;display:flex}.app-icon-img{object-fit:contain;width:42px;height:42px;transition:transform .2s}.dock-icon:hover .app-icon-img{transform:translateY(-4px)scale(1.1)}.terminal-icon{background:#000;border-radius:12px;justify-content:center;align-items:center;padding:2px;display:flex;box-shadow:inset 0 0 5px #0f06}.dock-icon{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:6px;transition:transform .2s;display:flex}.dock-icon:hover{transform:translateY(-6px)scale(1.15)}.terminal-icon{background:#1e1e1e;border:1px solid #ffffff26}