*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}main{height:100%;width:100%;overflow:hidden;background-image:url();background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}.dock{display:flex;gap:.75rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background-color:#3f3f3f65;padding-inline:1rem;padding-block:.75rem;border-radius:.75rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dock .icon{padding:.65rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;width:3.75rem;transition:all .5s cubic-bezier(.19,1,.22,1)}.dock .github,.dock .cli{background-color:#000}.dock .note{background:linear-gradient(to bottom,#ffb357,#ff991c)}.dock .pdf{background:linear-gradient(to bottom,#ff414e,#ff1928)}.dock .calender,.dock .mail{background:linear-gradient(to bottom,#695eff,#4234ff)}.dock .spotify{background:linear-gradient(to bottom,#4eb021,#358e0c)}.dock .link{background:linear-gradient(to bottom,#a361aa,#8e219a)}.dock .settings{background-color:#504e4e}.dock .icon:hover{transform:scale(1.25) translateY(-20%)}.dock .icon:hover+.icon,.dock .icon:has(+.icon:hover){transform:scale(1.1) translateY(-10%)}.spotify-box{width:100%;height:100%}.spotify-box iframe{width:100%;height:100%;border:none}.window{height:100%;width:100%;background-color:#060606;color:#fff;border-radius:.8rem;overflow:hidden;position:absolute}.window .nave{display:flex;align-items:center;gap:1rem;color:#ffffffce}.window .nave .dots{display:flex;gap:.25rem;padding:.75rem}.window .nave .dots .red,.window .nave .dots .yellow,.window .nave .dots .green{height:15px;width:15px;border-radius:50%;cursor:default}.window .nave .dots .red{background-color:#ff605c}.window .nave .dots .yellow{background-color:#ffbd44}.window .nave .dots .green{background-color:#00ca4e}.window .main-content{height:100%;padding:1rem}.window *::-webkit-scrollbar{width:5px}.window *::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px}.setting-window{padding:"20px"}.setting-window .wallpaper-box{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-window .wallpaper-box img{width:100%;height:100px;object-fit:cover;cursor:pointer}.nav{color:#fff;width:100%;background-color:#9e9e9e1b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding-inline:.75rem;padding-block:.3rem;display:flex;justify-content:space-between;font-family:Arial,Helvetica,sans-serif;font-size:.75rem}.nav .right,.nav .left{display:flex;align-items:center;gap:1rem}.nav .right .apple-logo,.nav .left .apple-logo{width:1.85rem}.nav .right .apple-logo img,.nav .left .apple-logo img{height:100%;width:100%}.nav .right{gap:.5rem}.nav .right .wifi{width:1.25rem}.cards{height:100%;overflow:scroll;padding:1rem 1rem 12rem;font-family:Arial,Helvetica,sans-serif;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cards .card{width:18rem;background-color:#222;border-radius:.8rem;padding:1rem;display:flex;flex-direction:column;gap:.8rem;color:#f5f5f5}.cards .card img{width:100%;object-fit:cover;border-radius:.6rem}.cards .card h1{font-size:1.2rem;font-weight:500;font-family:Arial,Helvetica,sans-serif}.cards .card p{font-size:.8rem;line-height:1.4;word-spacing:.1rem;font-weight:200;opacity:.8}.cards .card .tags{display:flex;gap:.5rem;flex-wrap:wrap}.cards .card .tags .descrip{background-color:#6b6c6a;width:fit-content;padding-inline:.8rem;padding-block:.3rem;border-radius:.3rem;font-weight:500}.cards .card .url{display:flex;gap:1rem}.cards .card .url a{text-decoration:none;color:#24cfa6;padding:.3rem .5rem}.note-window{padding:1rem 1rem 10rem;height:100%;overflow:auto}.note-window pre{background-color:transparent!important}.resume-box{height:100%;overflow:auto}.resume-box embed{width:100%;height:100%;border:none}:root{--terminal-color: #00ff00;--terminal-bg: #000000}.cli-window{height:100%;background-color:#070707}.cli-window [name=react-console-emulator]{height:100%;background-color:var(--terminal-bg)!important;color:var(--terminal-color)!important;font-family:Courier New,monospace}.cli-window [name=react-console-emulator] *{color:var(--terminal-color)!important;caret-color:var(--terminal-color)}.cli-window [name=react-console-emulator__prompt-label]{font-weight:700}.cli-window [name=react-console-emulator__input]{background:transparent;border:none}.context-menu{position:fixed;background:#282828d9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:10px;box-shadow:0 10px 40px #0009;border:1px solid rgba(255,255,255,.1);padding:6px;min-width:220px;z-index:9999;animation:fadeIn .15s ease-out}.context-menu .menu-item{display:flex;align-items:center;gap:12px;padding:8px 12px;color:#fff;cursor:pointer;border-radius:6px;font-size:13px;transition:background .15s ease}.context-menu .menu-item .icon{font-size:15px;width:20px}.context-menu .menu-item .label{flex:1}.context-menu .menu-item:hover{background:#ffffff1f}.context-menu .divider{height:1px;background:#ffffff14;margin:4px 8px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.toast{position:fixed;top:20px;right:20px;background:#282828f2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:12px;padding:16px;min-width:300px;max-width:400px;box-shadow:0 10px 40px #0009;border:1px solid rgba(255,255,255,.1);z-index:10000;animation:slideIn .3s ease-out}.toast .toast-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.toast .toast-header .toast-icon{font-size:20px}.toast .toast-header .toast-title{flex:1;color:#fff;font-weight:600;font-size:15px}.toast .toast-header .toast-close{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.toast .toast-header .toast-close:hover{background:#ffffff1a;color:#fff}.toast .toast-message{color:#fffc;font-size:13px;line-height:1.5;padding-left:30px}@keyframes slideIn{0%{opacity:0;transform:translate(100%) translateY(-20px)}to{opacity:1;transform:translate(0) translateY(0)}}.loading-screen{width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;position:fixed;top:0;left:0;z-index:99999;flex-direction:column}.loading-screen .logo{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:700;margin-bottom:30px;box-shadow:0 0 50px #667eea80;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-screen .yugant-os{font-size:3.8rem;margin-bottom:1.4rem;color:#888;font-weight:700}