@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background-color:#000;overflow:hidden}main{width:100%;height:100%;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;transition:background-image .8s ease-in-out}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.Dock{display:flex;gap:.5rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#ffffff1a;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a}.Dock .icon{padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.23,1,.32,1)}.Dock .github img,.Dock .note img,.Dock .pdf img,.Dock .calender img,.Dock .spotify img,.Dock .mail img,.Dock .link img,.Dock .cli img{width:2.5rem;height:2.5rem;filter:drop-shadow(0 0 .75rem rgba(0,0,0,.5))}.Dock .github{background-color:#000}.Dock .note{background-color:#ffeb3b;border-radius:.5rem}.Dock .pdf{background-color:#e53935;border-radius:.5rem}.Dock .calender{background-color:#42a5f5;border-radius:.5rem}.Dock .spotify{background-color:#1db954;border-radius:.5rem}.Dock .mail{background-color:#1976d2;border-radius:.5rem}.Dock .link{background-color:#9c27b0;border-radius:.5rem}.Dock .cli{background-color:#424242;border-radius:.5rem}.Dock .icon:hover{transform:scale(1.2) translateY(-20%);cursor:pointer}.Dock .icon:hover+.icon,.Dock .icon:has(+.icon:hover){transform:scale(1.1) translateY(-10%)}.Nav{text-transform:capitalize;color:#fff;padding-inline:.8rem;padding-block:.3rem;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#59595935;display:flex;justify-content:space-between;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.Nav .left,.Nav .right{display:flex;gap:1rem;align-items:center;cursor:pointer}.window{width:100%;height:400px;background:#1e1e1ebf;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff1a;border-radius:10px;border:1px solid rgba(255,255,255,.15);overflow:hidden}.window nav{padding-inline:.8rem;padding-block:.4rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.4rem;cursor:default;background:linear-gradient(to bottom,#ffffff0d,#fff0)}.window nav .title{position:absolute;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:13px;font-weight:500;pointer-events:none}.window nav .dots{display:flex;gap:.5rem;z-index:10}.window nav .dots:hover .dot span{opacity:1}.window nav .dots .dot{height:12px;width:12px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;overflow:hidden}.window nav .dots .dot span{font-size:8px;font-weight:900;color:#0009;opacity:0;transition:opacity .1s ease-in-out;line-height:1;display:block}.window nav .dots .red{background-color:#ff5f56;border:1px solid #E0443E}.window nav .dots .red:active{background-color:#bf4039}.window nav .dots .yellow{background-color:#ffbd2e;border:1px solid #DEA123}.window nav .dots .yellow:active{background-color:#bf8e22}.window nav .dots .green{background-color:#27c93f;border:1px solid #1AAB29}.window nav .dots .green:active{background-color:#1e9e30}.window .main-content{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0;cursor:default}.window .main-content::-webkit-scrollbar{width:8px}.window .main-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px;border:2px solid transparent;background-clip:content-box}.window .main-content::-webkit-scrollbar-thumb:hover{background-color:#fff6}.cards{width:100%;padding:16px;display:flex;flex-wrap:wrap;gap:16px;animation:fadeIn .6s ease forwards}.cards .card{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI;box-shadow:0 10px 25px #00000059;overflow:hidden;transform:translateY(10px) scale(.98);opacity:0;animation:cardEnter .6s ease forwards;animation-delay:calc(var(--i) * 80ms);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,border .35s ease}.cards .card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 25px 55px #0000008c;border-color:#00ffc866}.cards .card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(600px circle at var(--x, 50%) var(--y, 50%),rgba(0,255,200,.08),transparent 40%);opacity:0;transition:opacity .4s ease;pointer-events:none}.cards .card:hover:after{opacity:1}.cards .card img{width:100%;height:140px;object-fit:cover;border-radius:12px;margin-bottom:10px;transition:transform .5s ease,filter .5s ease}.card:hover .cards .card img{transform:scale(1.08);filter:brightness(1.05)}.cards .card h1{font-size:15px;font-weight:600;margin:6px 0;letter-spacing:.2px}.cards .card p{font-size:12px;line-height:1.45;color:#fffc;margin-bottom:10px}.cards .card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.cards .card .tags .tag{font-size:11px;padding:4px 10px;border-radius:999px;background:#00ffc81f;border:1px solid rgba(0,255,200,.35);color:#5fffe0;text-transform:capitalize;transition:transform .25s ease,background .25s ease}.cards .card .tags .tag:hover{transform:translateY(-2px);background:#00ffc838}.cards .card .urls{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.cards .card .urls a{font-size:12px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:6px;opacity:.85;position:relative}.cards .card .urls a:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:1px;background:#5fffe0;transition:width .3s ease}.cards .card .urls a:hover{opacity:1}.cards .card .urls a:hover:after{width:100%}@keyframes cardEnter{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notes-app-container{display:flex;height:100%;background-color:#1e1e1e;color:#e0e0e0;overflow:hidden}.notes-app-container .notes-sidebar{width:240px;background-color:#2d2d2dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.notes-app-container .notes-sidebar .sidebar-header{padding:12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.notes-app-container .notes-sidebar .sidebar-header .search-bar{flex:1;display:flex;align-items:center;background-color:#ffffff1a;border-radius:6px;padding:4px 8px;gap:6px}.notes-app-container .notes-sidebar .sidebar-header .search-bar .search-icon{color:#fff6}.notes-app-container .notes-sidebar .sidebar-header .search-bar input{background:none;border:none;color:#fff;font-size:13px;width:100%;outline:none}.notes-app-container .notes-sidebar .sidebar-header .search-bar input::placeholder{color:#ffffff4d}.notes-app-container .notes-sidebar .sidebar-header .add-note-btn{background:none;border:none;color:#ff9f0a;cursor:pointer;display:flex;padding:4px;border-radius:4px;transition:background .2s}.notes-app-container .notes-sidebar .sidebar-header .add-note-btn:hover{background-color:#ff9f0a33}.notes-app-container .notes-sidebar .notes-list{flex:1;overflow-y:auto;padding:4px}.notes-app-container .notes-sidebar .notes-list::-webkit-scrollbar{width:4px}.notes-app-container .notes-sidebar .notes-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.notes-app-container .notes-sidebar .notes-list .note-item{padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .2s;margin-bottom:2px}.notes-app-container .notes-sidebar .notes-list .note-item:hover{background-color:#ffffff0d}.notes-app-container .notes-sidebar .notes-list .note-item.active{background-color:#ff9f0a;color:#000}.notes-app-container .notes-sidebar .notes-list .note-item.active .note-item-meta{color:#0009}.notes-app-container .notes-sidebar .notes-list .note-item.active .note-item-header svg{color:#000}.notes-app-container .notes-sidebar .notes-list .note-item .note-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.notes-app-container .notes-sidebar .notes-list .note-item .note-item-header svg{color:#ff9f0a;flex-shrink:0}.notes-app-container .notes-sidebar .notes-list .note-item .note-item-header .note-title{font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-app-container .notes-sidebar .notes-list .note-item .note-item-meta{font-size:11px;color:#fff6;padding-left:24px}.notes-app-container .notes-editor{flex:1;display:flex;flex-direction:column;background-color:#1e1e1e}.notes-app-container .notes-editor .editor-header{padding:8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.notes-app-container .notes-editor .editor-header .timestamp{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.notes-app-container .notes-editor .editor-header .delete-note-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.notes-app-container .notes-editor .editor-header .delete-note-btn:hover{color:#ff453a;background-color:#ff453a1a}.notes-app-container .notes-editor .note-area{flex:1;background:none;border:none;color:#d1d1d1;padding:20px;font-size:15px;line-height:1.6;resize:none;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notes-app-container .notes-editor .note-area::placeholder{color:#fff3}.notes-app-container .notes-editor .no-active-note{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ffffff4d}.notes-app-container .notes-editor .no-active-note p{font-size:14px}.notes-app-container .notes-editor .no-active-note button{background-color:#ff9f0a;border:none;color:#000;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:opacity .2s}.notes-app-container .notes-editor .no-active-note button:hover{opacity:.9}.resume{height:100%;width:100%;overflow:hidden}.resume iframe{width:100%;height:100%;border:none;pointer-events:auto;overflow:hidden;transform:scale(1)}.cli-sction{overflow:hidden}.calculator{height:100%;display:flex;flex-direction:column;padding:10px;background:#282828cc;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.calculator .calc-display{flex:1;display:flex;align-items:flex-end;justify-content:flex-end;font-size:2.5rem;font-weight:300;padding:10px;overflow:hidden}.calculator .calc-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:5px}.calculator .calc-buttons button{border:none;border-radius:50%;height:45px;width:45px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;background:#fff3;color:#fff;cursor:pointer;transition:brightness .2s}.calculator .calc-buttons button:hover{filter:brightness(1.3)}.calculator .calc-buttons button:active{filter:brightness(.8)}.calculator .calc-buttons button.btn-gray{background:#a5a5a5;color:#000}.calculator .calc-buttons button.btn-orange{background:#ff9f0a;color:#fff}.calculator .calc-buttons button.btn-zero{grid-column:span 2;width:100px;border-radius:25px;justify-content:flex-start;padding-left:18px}.desktop-icon{display:flex;flex-direction:column;align-items:center;width:80px;padding:8px;cursor:pointer;border-radius:4px;transition:background .2s;-webkit-user-select:none;user-select:none}.desktop-icon:hover{background:#ffffff1a}.desktop-icon:active{background:#fff3}.desktop-icon .icon-wrapper{width:60px;height:60px;margin-bottom:4px;display:flex;justify-content:center;align-items:center}.desktop-icon .icon-wrapper img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.desktop-icon .icon-name{color:#fff;font-size:.75rem;text-shadow:0 1px 2px rgba(0,0,0,.8);text-align:center;font-weight:500;background:#0003;padding:1px 6px;border-radius:4px}.desktop-icons-container{position:absolute;top:60px;right:20px;display:flex;flex-direction:column;gap:20px}.context-menu{position:fixed;width:180px;background:#282828b3;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);border:.5px solid rgba(255,255,255,.2);border-radius:8px;padding:5px;box-shadow:0 10px 30px #0000004d;z-index:10000;-webkit-user-select:none;user-select:none;animation:fadeIn .15s ease-out}.context-menu .menu-item{display:flex;justify-content:space-between;align-items:center;padding:5px 12px;color:#fff;font-size:.85rem;border-radius:4px;cursor:pointer;transition:background .1s}.context-menu .menu-item:hover{background:#007aff}.context-menu .menu-item.has-submenu .arrow{font-size:.6rem;opacity:.6}.context-menu .menu-separator{height:.5px;background:#ffffff26;margin:4px 5px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spotlight-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:transparent;display:flex;justify-content:center;padding-top:20vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spotlight-container{width:600px;max-width:90%;background:#282828d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 0 20px #00000080,0 0 0 1px #ffffff1a;overflow:hidden;display:flex;flex-direction:column}.spotlight-container .search-bar{display:flex;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.spotlight-container .search-bar .search-icon{margin-right:12px;opacity:.7;width:24px;height:24px}.spotlight-container .search-bar input{flex:1;background:transparent;border:none;outline:none;font-size:22px;color:#fff;font-weight:300}.spotlight-container .search-bar input::placeholder{color:#fff6}.spotlight-container .results-list{max-height:400px;overflow-y:auto;padding:8px}.spotlight-container .results-list::-webkit-scrollbar{width:8px}.spotlight-container .results-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.spotlight-container .results-list .result-item{display:flex;align-items:center;padding:10px 12px;border-radius:6px;cursor:default;color:#ffffffe6;font-size:18px}.spotlight-container .results-list .result-item.selected{background:#007affcc;color:#fff}.spotlight-container .results-list .result-item .app-icon{width:32px;height:32px;margin-right:12px;display:flex;align-items:center;justify-content:center}.spotlight-container .results-list .result-item .app-icon img{width:100%;height:100%;object-fit:contain}.boot-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.boot-screen .logo{margin-bottom:50px;filter:invert(1);width:80px;height:80px}.boot-screen .logo img{width:100%;height:100%}.boot-screen .progress-bar{width:200px;height:6px;background-color:#333;border-radius:4px;overflow:hidden}.boot-screen .progress-bar .progress-fill{height:100%;background-color:#fff;width:0%;border-radius:4px;transition:width .1s linear}
