@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100dvh}body{background:#000;overflow:hidden}main{background:#000;width:100%;height:100dvh;position:relative;overflow:hidden}.hero-landing{z-index:10;pointer-events:none;flex-direction:column;align-items:flex-start;gap:1.2rem;width:90%;max-width:860px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.hero-badge{display:none}.hero-title{letter-spacing:-.02em;color:#fff;font-family:Instrument Serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Georgia,serif;font-size:clamp(2.8rem,6.5vw,6rem);font-weight:400;line-height:1.08}.hero-subtitle{letter-spacing:-.01em;color:#ffffff9e;max-width:580px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,sans-serif;font-size:clamp(.98rem,1.35vw,1.12rem);font-weight:400;line-height:1.9}.hero-highlight{color:#fff;white-space:nowrap;font-weight:600}.shader-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.shader-stripes{filter:blur(80px);background:linear-gradient(-45deg,#ffd9c8 0%,#ffb8c8 30%,#ef4444 60%,#ff9fbc 80%,#eab308 100%);width:65%;height:110%;animation:8s ease-in-out infinite alternate glow-pulse;position:absolute;bottom:-10%;right:-10%;-webkit-mask-image:linear-gradient(270deg,#000 30%,#0000 100%);mask-image:linear-gradient(270deg,#000 30%,#0000 100%)}@keyframes glow-pulse{0%{opacity:.75;transform:scale(1)translate(0)}to{opacity:1;transform:scale(1.05)translate(-2%,2%)}}.shader-overlay{pointer-events:none;background:linear-gradient(90deg,#000 0%,#000000b8 50%,#1616161a 100%);position:absolute;inset:0}.dock{z-index:100;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%)}@media (width>=769px) and (width<=1366px){.hero-landing{gap:1rem;max-width:760px;top:40%}.hero-title{font-size:clamp(2.6rem,5.2vw,4.8rem);line-height:1.02}.hero-subtitle{max-width:480px}.dock{bottom:2rem}}@media (width<=768px){.hero-landing{text-align:center;align-items:center;gap:1rem;width:92%;top:calc(50dvh - 26px);left:50%;transform:translate(-50%,-50%)}.hero-title{font-size:clamp(1.9rem,7.5vw,2.8rem);line-height:1.1}.hero-subtitle{text-align:center;max-width:88%;font-size:clamp(.82rem,3.4vw,.98rem)}.hero-badge{display:none}.dock{bottom:calc(env(safe-area-inset-bottom) + 16px)}}@media (width<=380px){.hero-landing{gap:.85rem}.hero-title{font-size:clamp(1.7rem,8.5vw,2.2rem)}.hero-subtitle{font-size:.8rem}}.dock{-webkit-backdrop-filter:blur(24px)saturate(180%)brightness(1.1);z-index:9999;background-color:#ffffff26;border:1px solid #ffffff40;border-radius:18px;align-items:flex-end;gap:.5rem;width:fit-content;max-width:96vw;padding-block:.5rem;padding-inline:.85rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000040,0 2px 8px #00000026,inset 0 1px #ffffff4d}.dock .dock-icon-wrap{transform-origin:bottom;will-change:transform;align-items:flex-end;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:flex}.dock .icon-link{cursor:pointer;text-decoration:none;display:flex}.dock .icon{border-radius:12px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:.42rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff40}.dock .icon:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff2e 0%,#0000 55%);position:absolute;inset:0}.dock .icon img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.dock .dock-dot{background:#ffffffd9;border-radius:50%;width:4px;height:4px;display:none;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.dock .github,.dock .cli{background:#1a1a1a}.dock .note{background:linear-gradient(160deg,#ffc85c,#ff9a1c)}.dock .pdf{background:linear-gradient(160deg,#ff5a62,#ff1a2a)}.dock .calender,.dock .mail{background:linear-gradient(160deg,#5b8ef5,#2c50ee)}.dock .spotify{background:linear-gradient(160deg,#5ccc3a,#3aaa10)}.dock .link{background:linear-gradient(160deg,#c97ad0,#9620a8)}@media (width<=1024px){.dock{gap:.45rem;padding-block:.45rem;padding-inline:.75rem}.dock .icon{border-radius:11px;width:2.5rem;height:2.5rem}}@media (width<=640px){.dock{border-radius:16px;gap:.28rem;max-width:98vw;padding-block:.4rem;padding-inline:.55rem}.dock .dock-icon-wrap{transition:none;transform:none!important}.dock .icon{border-radius:9px;width:2.1rem;height:2.1rem;padding:.34rem}}@media (width<=380px){.dock{gap:.2rem;padding-inline:.4rem}.dock .icon{border-radius:8px;width:1.85rem;height:1.85rem;padding:.28rem}}.nav{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;letter-spacing:-.1px;box-sizing:border-box;z-index:200;background-color:#9e9e9e1c;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:32px;padding-block:.22rem;padding-inline:.75rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica,sans-serif;font-size:13px;font-weight:500;display:flex;position:relative}.nav-left{flex-shrink:1;align-items:center;gap:1rem;min-width:0;display:flex;overflow:hidden}.apple-icon{flex-shrink:0;align-items:center;display:flex}.apple-icon img{width:16px;height:16px;display:block}.nav-item{white-space:nowrap;cursor:default}.nav-item p{margin:0}.nav-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-desktop-only{align-items:center;display:flex}.nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.sky-toggle{flex-shrink:0;align-items:center;gap:6px;display:flex}.sky-btn{appearance:none;cursor:pointer;-webkit-backdrop-filter:blur(10px);white-space:nowrap;color:#fffffff0;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:22px;padding:0 10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.8rem;font-weight:500;transition:background .18s,border-color .18s;display:inline-flex}.sky-btn.sky-btn--active{background:#ffffff24;border-color:#ffffff47}.sky-btn:hover:not(.sky-btn--active){background:#ffffff1c}.sky-icon{flex-shrink:0;width:13px;height:13px;display:block}.sky-btn-label{display:inline}.wifi-icon{flex-shrink:0;align-items:center;display:flex}.wifi-icon img{width:16px;height:16px;display:block}.nav-datetime{white-space:nowrap;font-size:13px}@media (width<=1100px){.nav-left{gap:.6rem}}@media (width<=900px){.nav-desktop-only{display:none}.nav-left{gap:.5rem}}@media (width<=768px){.nav{gap:6px;min-height:28px;padding-block:.18rem;padding-inline:.55rem}.nav-left,.nav-right{gap:6px}.sky-toggle{gap:5px}.sky-btn{gap:0;width:28px;height:22px;padding:0;font-size:0}.sky-btn-label{display:none}.sky-icon{width:12px;height:12px}.nav-datetime{font-size:.72rem}.apple-icon img{width:14px;height:14px}}@media (width<=360px){.sky-btn{width:24px;height:20px}.sky-icon{width:11px;height:11px}.nav-datetime{font-size:.68rem}}.morph-container{flex-direction:column;gap:.25rem;max-width:560px;display:flex}.morph-line{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.morph-word{opacity:0;filter:blur(6px);will-change:opacity, transform, filter;backface-visibility:hidden;-webkit-font-smoothing:antialiased;animation:.6s forwards morphIn;display:inline-block;transform:translateY(8px)}@keyframes morphIn{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (width<=768px){.morph-word{filter:blur();animation:.5s forwards morphInMobile}@keyframes morphInMobile{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.window{color:#a8a8a8;background-color:#060606;border-radius:.75rem;flex-direction:column;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;display:flex;overflow:hidden}.window .nav{border-bottom:1px solid #f5f5f53d;flex-shrink:0;align-items:center;gap:1.5rem;padding-block:.5rem;padding-inline:.75rem;display:flex}.window .nav .dots{gap:.25rem;display:flex}.window .nav .dots .dot{background-color:#fff;border-radius:50%;width:15px;height:15px}.window .nav .dots .red{cursor:pointer;background-color:#eb3535}.window .nav .dots .yellow{background-color:#f7f751}.window .nav .dots .green{background-color:#1be400}.window .nav .title{flex:1}.window .nav .mobile-close{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;margin-left:auto;padding:.25rem .6rem;font-size:.85rem;line-height:1}.window .nav .mobile-close:active{background:#ffffff2e}.window .main-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.window ::-webkit-scrollbar{width:8px}.window ::-webkit-scrollbar-track{background:0 0}.window ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.cards{padding:1rem;flex-wrap:wrap;justify-content:center;gap:2rem;height:100%;padding-bottom:10rem;display:flex;overflow:scroll}.cards .card{color:#f5f5f5;background-color:#1c1c1c;border-radius:.5rem;flex-direction:column;flex-grow:1;flex-basis:20rem;gap:1rem;max-width:30rem;padding-block:.75rem;padding-inline:1rem;display:flex}.cards .card img{border-radius:1rem;width:100%}.cards .card h1{font-size:1.5rem;font-weight:500}.cards .card .description{opacity:.7;word-spacing:.4rem;line-height:1.3}.cards .card .tags{flex-wrap:wrap;gap:.75rem;display:flex}.cards .card .tags .tag{white-space:nowrap;background-color:#353735;border-radius:.75rem;width:fit-content;padding-block:.75rem;padding-inline:1.25rem}.cards .card .urls{gap:1rem;display:flex}.cards .card .urls a{color:#fff}@media (width<=768px){.cards{gap:1rem;padding-bottom:5rem}.cards .card{flex-basis:100%;max-width:100%}}.note-window{height:100%;word-wrap:wrap;padding:1rem 1rem 10rem;font-size:1rem;overflow-y:auto}.note-window pre{background-color:#0000!important}@media (width<=768px){.note-window{padding:.5rem;font-size:.9rem}}.resume{height:100%;padding-bottom:3rem;overflow:auto}.resume embed{width:100%;height:100%}.spotify-window{width:100%;height:100%;padding-bottom:1rem}.spotify-window iframe{border:none;width:100%;height:100%}.cli-window{background-color:#222;height:100%;padding-bottom:3rem;overflow:auto}.cli-window div[name=react-console-emulator]{height:100%;background-color:#0000!important}