*{margin:0%;padding:0%;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#000}main{height:100%;width:100%;background-image:url(/mac-os-wp.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}body{background-color:#121212}.dock{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;position:fixed;z-index:99;bottom:1rem;left:50%;transform:translate(-50%);background:#353535a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-inline:1rem;padding-top:.75rem;padding-bottom:1rem;border:1px solid rgba(255,255,255,.25);border-radius:1.5rem;height:auto;min-height:60px}.dock .icon{position:relative;display:flex;align-items:center;justify-content:center;padding:.65rem;border-radius:.75rem;height:2.75rem;width:2.75rem;transition:transform .5s cubic-bezier(.22,1,.36,1);cursor:pointer}.dock .icon .active-dot{position:absolute;bottom:-10px;width:6px;height:6px;border-radius:50%;background-color:#fff}.dock .github,.dock .cli{background-color:#000}.dock .note{background:linear-gradient(to bottom,#ffb357,#ff991c)}.dock .pdf{background:linear-gradient(145deg,#ff4b4b,#c62828)}.dock .calendar,.dock .mail{background:linear-gradient(to bottom,#695eff,#4234ff)}.dock .spotify{background:linear-gradient(145deg,#1db954,#159643)}.dock .link{padding:0}.dock .link img{background:#0077b7;border-radius:.75rem;height:100%}.icon:hover{transform:scale(1.25) translateY(-20%)}.icon:hover+.icon,.icon:has(+.icon:hover){transform:scale(1.15) translateY(-10%)}nav{width:calc(100% - 2rem);color:#fff;padding-inline:1rem;padding-block:.5rem;margin:0 auto;background-color:#00000059;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:.85rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}nav P{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.3px;margin:0}nav .left{display:flex;align-items:center;gap:1.5rem}nav .right{display:flex;align-items:center;gap:1.5rem}.mac-window-rnd.dragging .main-content{pointer-events:none}.window{height:100%;background-color:#1c1c1c;border-radius:.75rem;overflow:hidden;color:#ffffffd9;border:1px solid #90856D;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;cursor:default;z-index:1}.window .nav{display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-inline:1rem;padding-block:.5rem;cursor:default}.window .nav .dots{display:flex;gap:.4rem;transition:all .15s linear}.window .nav .dots:hover{transform:scale(1.1)}.window .nav .dots:hover .dot svg{opacity:1}.window .nav .dots .dot{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center}.window .nav .dots .dot:hover{filter:brightness(.9)}.window .nav .dots .dot svg{width:7px;height:7px;opacity:0;transition:opacity .15s linear;overflow:visible}.window .nav .dots .red{background-color:#ff5f57}.window .nav .dots .yellow{background-color:#ffbd2e}.window .nav .dots .green{background-color:#28c840}.window .nav .dots .green svg{width:10px;height:10px}.window .window-drag-handle{-webkit-user-select:none;user-select:none}.window .main-content{height:100%}.window{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.window *::-webkit-scrollbar{width:6px}.window *::-webkit-scrollbar-track{background:transparent}.window *::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:10px}.window *::-webkit-scrollbar-thumb:hover{background-color:#fff6}.cards{height:100%;overflow:scroll;padding:1rem 1rem 10rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.cards .card{flex-grow:1;flex-basis:20rem;max-width:30rem;padding-inline:1rem;padding-block:.75rem;display:flex;flex-direction:column;gap:1rem;border-radius:.5rem;background-color:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cards .card img{width:100%;border-radius:.5rem}.cards .card h1{font-size:1.5rem;font-weight:500}.cards .card .description{opacity:.7}.cards .card .tags{display:flex;gap:.75rem;flex-wrap:wrap}.cards .card .tags .tag{width:fit-content;background-color:#353735;padding-inline:1.25rem;padding-block:.75rem;border-radius:.75rem;white-space:nowrap}.cards .card .urls{display:flex;gap:1rem}.cards .card .urls a{color:#fff;opacity:.85;text-decoration:none;transition:all .3s linear}.cards .card .urls a:hover{opacity:1;text-decoration:underline}.boot-screen{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999;opacity:1;transition:opacity .4s ease}.boot-screen.fade-out{opacity:0;pointer-events:none}.boot-logo{width:80px;height:100px;margin-bottom:3rem}.boot-progress{width:180px;height:4px;background:#ffffff40;border-radius:999px;overflow:hidden}.boot-progress-fill{height:100%;width:0%;background:linear-gradient(to right,#f5f5f7,#fff,#f5f5f7);border-radius:999px;transition:width .2s ease}.note-content{padding:1rem;height:100%;overflow-y:auto;background-color:#1e1e1e;color:#d4d4d4;font-family:Courier New,Courier,monospace;font-size:14px;border-radius:0 0 8px 8px}.note-content pre{white-space:pre-wrap;word-wrap:break-word;margin:0}.spotify-window{height:100%;width:100%;padding-bottom:2rem}.spotify-window iframe{height:100%}.cli-window{height:100%;overflow:auto;padding-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414d9}.cli-window div[name=react-console-emulator]{height:100%;background-color:transparent!important}.cli-window div[name=react-console-emulator] div[name=react-console-emulator__content]{white-space:pre}.cli-window div[name=react-console-emulator] input[name=react-console-emulator__input]{caret-color:#0f0}