*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}main{height:100%;width:100%;overflow:hidden;background-image:url(/mac-wallpaper.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}body{background-color:#000}.dock{display:flex;gap:.5rem;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);background-color:#1c1c1c99;padding:.4rem;border-radius:1.4rem;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 40px #0006,inset 0 0 0 1px #ffffff0d;z-index:1000}.dock .icon{padding:.55rem;border-radius:.85rem;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:2.8rem;cursor:pointer;transform-origin:bottom center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);will-change:transform;position:relative}.dock .icon img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dock .icon.is-open:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:3.5px;height:3.5px;background-color:#fff;border-radius:50%;box-shadow:0 0 6px #fff9;opacity:.9}.dock .icon:hover{transform:scale(1.35) translateY(-10%);z-index:10}.dock .icon:hover+.icon,.dock .icon:has(+.icon:hover){transform:scale(1.15) translateY(-4%)}.dock .icon:active{transform:scale(1.05);transition:transform .1s}.dock .icon.bounce{animation:bounce-launch .6s cubic-bezier(.21,.61,.35,1)}.dock .github,.dock .cli{background-color:#000}.dock .note{background:linear-gradient(135deg,#ffb357,#ff991c)}.dock .pdf{background:linear-gradient(135deg,#ff5f6d,#ff3b47)}.dock .calender{background:linear-gradient(135deg,#5e5ce6,#4644d1)}.dock .spotify{background:linear-gradient(135deg,#1db954,#191414)}.dock .mail{background:linear-gradient(135deg,#0a84ff,#0060df)}.dock .link{background:linear-gradient(135deg,#bf5af2,#af52de)}@keyframes bounce-launch{0%,to{transform:translateY(0)}30%{transform:translateY(-30px)}60%{transform:translateY(-10px)}80%{transform:translateY(-15px)}}nav{width:100%;height:2rem;position:fixed;top:0;left:0;z-index:9999;padding-inline:1rem;color:#e3e3e3e6;background-color:#1f1f1f72;backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%);display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.85rem;font-weight:400;box-shadow:0 1px 5px #0000001a}nav .left,nav .right{display:flex;align-items:center;gap:.25rem;height:100%}nav .nav-item{padding:.2rem .6rem;border-radius:4px;cursor:default;transition:background-color .2s;height:85%;display:flex;align-items:center}nav .nav-item:hover{background-color:#ffffff1a}nav .nav-item p{margin:0;line-height:1}nav .apple-icon{padding-inline:.8rem}nav .apple-icon img{height:14px;width:auto;opacity:.9}nav .app-name{font-weight:700}nav .nav-icon{padding:.2rem .4rem;display:flex;align-items:center;justify-content:center;opacity:.9}nav .nav-icon img{height:16px;filter:invert(1)}nav .date-time{margin-left:.5rem;font-feature-settings:"tnum"}.window{background-color:#191919e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;overflow:hidden;height:100%;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #0006}.window.window-open-anim{animation:mac-window-open .4s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.window.maximized{border-radius:0}.window .nav{padding-inline:.75rem;padding-block:.65rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;position:relative}.window .nav .dots{display:flex;gap:8px;z-index:30}.window .nav .dots .dot{height:12px;width:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.window .nav .dots .dot .icon{color:#0009;opacity:0;transition:opacity .15s ease}.window .nav .dots:hover .icon{opacity:1}.window .nav .dots .red{background-color:#ff5f56}.window .nav .dots .yellow{background-color:#ffbd2e}.window .nav .dots .green{background-color:#27c93f}.window .nav .title{position:absolute;left:0;right:0;text-align:center;font-size:.75rem;color:#ffffff80;pointer-events:none}.window .main-content{flex-grow:1;overflow-y:auto;background-color:#0003}@keyframes mac-window-open{0%{transform:scale(.3) translateY(100px);opacity:0;filter:blur(10px)}70%{transform:scale(1.05) translateY(-10px);opacity:1;filter:blur(0px)}to{transform:scale(1) translateY(0);opacity:1}}.gh-main-container{background-color:#0d1117;color:#c9d1d9;padding:24px;height:100%;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.gh-main-container .gh-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gh-main-container .gh-section-header h3{font-size:16px;font-weight:400;color:#e6edf3}.gh-main-container .gh-section-header .gh-link-text{color:#8b949e;font-size:12px;cursor:pointer}.gh-main-container .gh-section-header .gh-link-text:hover{color:#58a6ff}.gh-main-container .gh-contributions-section{margin-bottom:32px}.gh-main-container .gh-contributions-section .gh-heatmap-card{border:1px solid #30363d;border-radius:6px;padding:16px 20px;background-color:transparent}.gh-main-container .gh-contributions-section .gh-heatmap-card .gh-heatmap-img{width:100%;height:auto;display:block;margin-bottom:8px}.gh-main-container .gh-contributions-section .gh-heatmap-card .gh-heatmap-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8b949e}.gh-main-container .gh-contributions-section .gh-heatmap-card .gh-heatmap-footer .gh-footer-link{cursor:pointer}.gh-main-container .gh-contributions-section .gh-heatmap-card .gh-heatmap-footer .gh-footer-link:hover{color:#58a6ff}.gh-main-container .gh-contributions-section .gh-heatmap-card .gh-heatmap-footer .gh-legend{display:flex;align-items:center;gap:6px}.gh-main-container .gh-contributions-section .gh-heatmap-card .gh-heatmap-footer .gh-legend .gh-legend-cells{display:flex;gap:3px;list-style:none;padding:0;margin:0}.gh-main-container .gh-contributions-section .gh-heatmap-card .gh-heatmap-footer .gh-legend .gh-legend-cells li{width:10px;height:10px;border-radius:2px}.gh-main-container .gh-pinned-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.gh-main-container .gh-card{background-color:#0d1117;border:1px solid #30363d;border-radius:6px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;transition:border-color .2s}.gh-main-container .gh-card:hover{border-color:#8b949e}.gh-main-container .gh-card .gh-card-header{display:flex;justify-content:space-between;align-items:flex-start}.gh-main-container .gh-card .gh-card-header .gh-title-area{display:flex;align-items:center;gap:8px}.gh-main-container .gh-card .gh-card-header .gh-repo-icon{fill:#8b949e}.gh-main-container .gh-card .gh-card-header .gh-repo-name{color:#4493f8;font-weight:600;text-decoration:none;font-size:14px}.gh-main-container .gh-card .gh-card-header .gh-repo-name:hover{text-decoration:underline}.gh-main-container .gh-card .gh-card-header .gh-badge{border:1px solid #30363d;border-radius:2em;padding:0 7px;font-size:12px;color:#8b949e}.gh-main-container .gh-card .gh-card-header .gh-drag-icon{fill:#8b949e}.gh-main-container .gh-card .gh-description{font-size:12px;color:#8b949e;margin:12px 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gh-main-container .gh-card .gh-card-footer .gh-stats{display:flex;align-items:center;gap:16px;font-size:12px;color:#8b949e}.gh-main-container .gh-card .gh-card-footer .gh-stats .gh-stat-item{display:flex;align-items:center;gap:5px}.gh-main-container .gh-card .gh-card-footer .gh-stats .gh-language-dot{width:12px;height:12px;border-radius:50%}.gh-main-container .gh-card .gh-card-footer .gh-stats .gh-language-dot.HTML{background-color:#e34c26}.gh-main-container .gh-card .gh-card-footer .gh-stats .gh-language-dot.CSS{background-color:#563d7c}.gh-main-container .gh-card .gh-card-footer .gh-stats .gh-language-dot.JavaScript{background-color:#f1e05a}.gh-main-container .gh-card .gh-card-footer .gh-stats .gh-language-dot.React{background-color:#61dafb}.gh-main-container .gh-card .gh-card-footer .gh-stats .gh-star-icon{fill:#8b949e}@media(max-width:768px){.gh-main-container{padding:16px}.gh-main-container .gh-pinned-grid{grid-template-columns:1fr}.gh-main-container .gh-heatmap-card{overflow-x:auto}.gh-main-container .gh-heatmap-card .gh-heatmap-img{min-width:650px}}.note-window{padding:1.5rem;height:100%;overflow-y:auto;font-size:.9rem;color:#c9d1d9}.note-window .loading-state{display:flex;align-items:center;justify-content:center;height:100%;color:#fff6}.note-window pre{background-color:transparent!important;font-family:Fira Code,JetBrains Mono,monospace!important;margin:0!important;padding:0!important}.note-window code{background:transparent!important}.note-window::-webkit-scrollbar{width:6px}.note-window::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.note-window::-webkit-scrollbar-thumb:hover{background:#fff3}.resume-window{height:100%;width:100%;overflow:hidden;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.resume-window iframe{height:100%;width:100%;border:none;display:block;animation:fade-in .5s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.spotify-window{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.spotify-window iframe{height:100%;width:100%;border:none;background:transparent}.spotify-window iframe .TrackListWidget_widgetContainer__VVETD{border-radius:0!important}.cli-window,.cli-window div[name=react-console-emulator]{height:100%;width:100%}.calendar-window{display:flex;height:100%;background-color:#1e1e1e;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.calendar-window .cal-sidebar{width:25%;background-color:#2c2c2e;border-right:1px solid rgba(255,255,255,.1);padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto}.calendar-window .cal-sidebar h3{font-size:2rem;color:#ff3b30;margin-bottom:1.5rem;font-weight:300}.calendar-window .cal-sidebar .sidebar-months{display:flex;flex-direction:column;gap:.5rem}.calendar-window .cal-sidebar .sidebar-months .month-item{padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.95rem;color:#a0a0a0;transition:all .2s}.calendar-window .cal-sidebar .sidebar-months .month-item:hover{background-color:#ffffff0d;color:#fff}.calendar-window .cal-sidebar .sidebar-months .month-item.active{background-color:#ff3b3033;color:#ff3b30;font-weight:600}.calendar-window .cal-main{flex:1;display:flex;flex-direction:column;padding:1.5rem}.calendar-window .cal-main header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calendar-window .cal-main header .header-info{display:flex;align-items:baseline;gap:.8rem}.calendar-window .cal-main header .header-info h1{font-size:1.8rem;font-weight:600}.calendar-window .cal-main header .header-info .year{font-size:1.8rem;font-weight:300;color:#888}.calendar-window .cal-main header .nav-controls{display:flex;gap:.5rem}.calendar-window .cal-main header .nav-controls button{background:#ffffff1a;border:none;color:#fff;padding:.4rem .8rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;transition:background .2s}.calendar-window .cal-main header .nav-controls button:hover{background:#fff3}.calendar-window .cal-main .weekdays-grid{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.calendar-window .cal-main .weekdays-grid .weekday{text-align:right;padding-right:1rem;font-weight:600;color:#888;font-size:.85rem}.calendar-window .cal-main .days-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);flex:1}.calendar-window .cal-main .days-grid .day{border-bottom:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);padding:.5rem;text-align:right;position:relative}.calendar-window .cal-main .days-grid .day .day-number{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;font-size:.9rem}.calendar-window .cal-main .days-grid .day.today .day-number{background-color:#ff3b30;color:#fff;font-weight:700}.calendar-window .cal-main .days-grid .day.empty{background-color:transparent}.calendar-window .cal-main .days-grid .day:hover:not(.empty){background-color:#ffffff08}.link-window{height:100%;width:100%;background:linear-gradient(135deg,#1e1e1e,#121212);color:#fff;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.link-window .profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.link-window .profile-header .avatar{width:90px;height:90px;border-radius:50%;border:3px solid rgba(255,255,255,.1);margin-bottom:1rem;object-fit:cover;box-shadow:0 8px 20px #0000004d;object-position:top}.link-window .profile-header h3{font-size:1.5rem;font-weight:700;margin:0;margin-bottom:.25rem}.link-window .profile-header p{color:#888;font-size:.9rem;margin:0}.link-window .links-container{width:100%;display:flex;flex-direction:column;gap:1rem}.link-window .links-container .link-card{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.05);padding:.8rem 1rem;border-radius:12px;display:flex;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.link-window .links-container .link-card:hover{background-color:#ffffff1a;transform:translateY(-2px) scale(1.02);border-color:#fff3;box-shadow:0 10px 20px #0003}.link-window .links-container .link-card .icon-wrapper{display:flex;align-items:center;justify-content:center;margin-right:1rem}.link-window .links-container .link-card .link-text{font-weight:600;font-size:1rem;flex-grow:1}.link-window .links-container .link-card .arrow-icon{color:#ffffff4d;font-weight:300;transition:transform .2s}.link-window .links-container .link-card:hover .arrow-icon{transform:translate(4px);color:#fff}.mail-window{display:flex;height:100%;width:100%;background-color:#202124;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;color:#e8eaed;overflow:hidden}.mail-window .mail-sidebar{width:200px;padding-top:1rem;background-color:#202124;display:flex;flex-direction:column}.mail-window .mail-sidebar .compose-btn-container{padding:0 1rem 1rem}.mail-window .mail-sidebar .compose-btn-container .gmail-compose-btn{background-color:#c2e7ff;color:#001d35;border:none;display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:16px;font-weight:600;font-size:.95rem;cursor:pointer;transition:box-shadow .2s;min-width:140px}.mail-window .mail-sidebar .compose-btn-container .gmail-compose-btn:hover{box-shadow:0 1px 3px 1px #0000004d;background-color:#b3d7ef}.mail-window .mail-sidebar .sidebar-nav{flex:1}.mail-window .mail-sidebar .sidebar-nav .sidebar-item{padding:8px 1rem 8px 2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-top-right-radius:20px;border-bottom-right-radius:20px;margin-right:8px;font-size:.9rem;font-weight:500;color:#9aa0a6}.mail-window .mail-sidebar .sidebar-nav .sidebar-item:hover{background-color:#e8eaed14;color:#e8eaed}.mail-window .mail-sidebar .sidebar-nav .sidebar-item.active{background-color:#8ab4f833;color:#8ab4f8;font-weight:700}.mail-window .mail-sidebar .sidebar-nav .sidebar-item .count{font-size:.75rem;color:inherit}.mail-window .mail-main{flex:1;display:flex;flex-direction:column;background-color:#1a1a1a;border-top-left-radius:12px;margin:8px 8px 8px 0;overflow:hidden;position:relative}.mail-window .mail-main .top-bar{height:48px;display:flex;align-items:center;padding:0 1rem;background-color:#202124}.mail-window .mail-main .top-bar .search-box{background-color:#303134;flex:1;max-width:400px;height:36px;border-radius:8px;display:flex;align-items:center;padding:0 10px;color:#9aa0a6;font-size:.9rem;gap:10px}.mail-window .mail-main .top-bar .search-box .menu-icon{cursor:pointer}.mail-window .mail-main .mail-compose-container{flex:1;padding:0;display:flex;flex-direction:column}.mail-window .mail-main .mail-compose-container .compose-card{flex:1;display:flex;flex-direction:column;padding:0 1.5rem}.mail-window .mail-main .mail-compose-container .compose-card .compose-header{padding:1rem 0 .5rem}.mail-window .mail-main .mail-compose-container .compose-card .compose-header h3{font-size:.9rem;font-weight:500;margin:0;padding-bottom:.5rem}.mail-window .mail-main .mail-compose-container .compose-card .input-group{display:flex;align-items:center;min-height:40px;border-bottom:1px solid #5f6368;position:relative;transition:border-bottom .2s}.mail-window .mail-main .mail-compose-container .compose-card .input-group:focus-within{border-bottom:2px solid #8ab4f8}.mail-window .mail-main .mail-compose-container .compose-card .input-group .label{color:#9aa0a6;width:40px;font-size:.9rem}.mail-window .mail-main .mail-compose-container .compose-card .input-group .recipient-chip{border:1px solid #5f6368;border-radius:16px;padding:2px 10px;font-size:.85rem;display:flex;align-items:center;color:#e8eaed}.mail-window .mail-main .mail-compose-container .compose-card .input-group input{flex:1;background:transparent;border:none;color:#e8eaed;font-size:.95rem;padding:8px 0;outline:none}.mail-window .mail-main .mail-compose-container .compose-card .input-group input::placeholder{color:#9aa0a6}.mail-window .mail-main .mail-compose-container .compose-card .message-body{flex:1;margin-top:1rem;background:transparent;border:none;color:#e8eaed;font-family:inherit;font-size:1rem;line-height:1.5;resize:none;outline:none}.mail-window .mail-main .mail-compose-container .compose-card .message-body::placeholder{color:#5f6368}.mail-window .mail-main .mail-compose-container .compose-card .compose-footer{height:60px;display:flex;align-items:center;gap:1rem}.mail-window .mail-main .mail-compose-container .compose-card .compose-footer .send-btn{background-color:#8ab4f8;color:#202124;border:none;padding:.6rem 1.5rem;border-radius:18px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;transition:all .2s}.mail-window .mail-main .mail-compose-container .compose-card .compose-footer .send-btn:hover{background-color:#aecbfa;box-shadow:0 1px 2px #0000004d}.mail-window .mail-main .mail-compose-container .compose-card .compose-footer .send-btn:disabled{background-color:#3c4043;color:#70757a;cursor:not-allowed;filter:blur(.5px)}.mail-window .mail-main .mail-compose-container .compose-card .compose-footer .attach-btn{background:transparent;border:none;color:#9aa0a6;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mail-window .mail-main .mail-compose-container .compose-card .compose-footer .attach-btn:hover{background-color:#ffffff0d;color:#e8eaed}.mobile-warning-overlay{background-color:#0006;position:absolute;width:100%;height:100%;z-index:9999;display:none;justify-content:center;align-items:center;text-align:center;font-family:system-ui,-apple-system,sans-serif;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fffc}.mobile-warning-overlay .warning-content{position:relative;text-align:center;border:1px solid rgba(255,255,255,.1);background-color:#1e1e1eb3;padding:40px 30px 30px;border-radius:12px;box-shadow:0 20px 40px #0006;max-width:90%}.mobile-warning-overlay .warning-content:before{content:"";position:absolute;top:14px;left:14px;width:12px;height:12px;border-radius:50%;background-color:#ff5f56;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}.mobile-warning-overlay .warning-content h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-top:10px;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;color:transparent}.mobile-warning-overlay .warning-content p{font-size:1rem;line-height:1.5;color:#fff9;margin-top:12px}@media screen and (max-width:768px){.mobile-warning-overlay{display:flex}}
