:root{--cosmos-cyan:#0cc0df;--cosmos-pink:#ef3a5d;--cosmos-night:#060644}
.cosmic-home .contact-bar{background:#080b18;color:#c2c9d3}
.cosmic-home .site-header{background:#080b18f5;border-color:#ffffff12;color:#eef2f7}
.cosmic-home .brand small{color:#92a4b8}
.cosmic-home .main-nav .nav-contact{background:transparent;border-color:#697287;color:white}
.cosmic-home .main-nav a:hover{color:#65d9ed}
.cosmic-home .menu-toggle{background:#151b2b;color:white;border-color:#465065}
.cosmos{position:relative;isolation:isolate;min-height:620px;height:calc(100svh - 117px);max-height:1100px;overflow:hidden;background:radial-gradient(ellipse at 65% 44%,#0a32494d,transparent 45%),radial-gradient(ellipse at 35% 62%,#54132855,transparent 38%),#030610;color:#fff}
.cosmos-stage{position:absolute;inset:0;z-index:0;pointer-events:none}
.cosmos canvas,.planet-stage canvas{display:block;width:100%;height:100%}
.cosmos-topline,.cosmos-bottomline{position:absolute;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:4;font-size:12px;letter-spacing:.04em;color:#abbaca}
.cosmos-topline{top:28px}
.cosmos-topline button{border:1px solid #ffffff30;background:#07132288;color:#c8e4ef;border-radius:999px;padding:8px 14px;font-size:12px}
.cosmos-heading{position:absolute;top:80px;left:4%;right:4%;z-index:2;display:flex;justify-content:space-between;align-items:start;gap:32px;pointer-events:none}
.cosmos-type{display:flex;flex-direction:column;align-items:start;gap:10px;min-width:0}
.cosmos-name,.cosmos-role{position:relative;width:max-content;max-width:100%;margin:0;font-family:Montserrat,Arial,sans-serif;text-align:left;white-space:nowrap;color:#f4f7fa;text-transform:none;text-decoration:none}
.cosmos-name{font-weight:800;font-size:clamp(28px,2.8vw,46px);line-height:1.12;letter-spacing:-.04em}
.cosmos-role{font-weight:600;font-size:clamp(14px,1.3vw,18px);line-height:1.3;letter-spacing:.025em}
.cosmos-ready .cosmos-name,.cosmos-ready .cosmos-role{color:transparent}
.cosmos-github{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:5px 0;color:#b6d4e2;font-size:14px;pointer-events:auto}
.cosmos-github svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}
.cosmos-github>span:last-child{font-size:16px;color:var(--cosmos-cyan)}
.cosmos-github:hover{color:white}
.cosmos-signature{position:static;max-width:260px;margin:2px 0 0;font-size:14px;line-height:1.7;color:#9eb4c4;letter-spacing:.03em;text-align:right}
.cosmos-bottomline{bottom:26px;font-size:12px}
.cosmos-bottomline p{max-width:260px}
.cosmos-bottomline a{color:#d3e8f0}
.cosmos-bottomline a span{padding-left:12px;color:var(--cosmos-cyan)}
.cosmos-dock{position:absolute;z-index:6;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:12px;padding:12px 15px 10px;background:linear-gradient(145deg,#8193ac25,#36445f23);backdrop-filter:blur(20px);border:1px solid #d2e8ff33;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff22,0 18px 50px #0006}
.dock-item{position:relative;display:block;text-decoration:none!important;transition:transform .2s;transform-origin:bottom}
.dock-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #0003,0 4px 8px #0005}
.dock-icon svg{width:29px;height:29px;fill:none;stroke:white;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0003)}
.dock-about{background:linear-gradient(130deg,#70dfff,#1984e7)}
.dock-terminal{background:linear-gradient(145deg,#4d596b,#11151c)}
.dock-terminal svg{stroke:#e0fbf5}
.dock-folder{background:linear-gradient(135deg,#69dce9,#04a4c4)}
.dock-folder svg{fill:#d7f8fc99;stroke:#e5fbff}
.dock-resume{background:linear-gradient(135deg,#fdfefe,#bed2e7)}
.dock-resume svg{stroke:#557899}
.dock-mail{background:linear-gradient(135deg,#f786a0,#df255c)}
.dock-label{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:6px;background:#172337ee;color:#fff;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none}
.dock-item:hover,.dock-item:focus-visible{transform:translateY(-8px) scale(1.12)}
.dock-item:hover .dock-label,.dock-item:focus-visible .dock-label{opacity:1}
.planet-picks{position:absolute;inset:0;pointer-events:none;z-index:3}
.planet-picks button{position:absolute;left:0;top:0;min-width:44px;min-height:44px;width:var(--hit-size,54px);height:var(--hit-size,54px);padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:white;pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%)}
.planet-picks button::before{content:"";position:absolute;inset:-5px;border:1px solid #76dceaaa;border-radius:50%;opacity:0;transition:opacity .2s}
.planet-picks button span{position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);font-size:12px;letter-spacing:.04em;line-height:1.4;color:#edfaff;white-space:nowrap;text-shadow:0 2px 8px #000;background:#050b18bd;padding:3px 7px;border-radius:4px;opacity:0;transition:opacity .2s}
.planet-picks button:hover span,.planet-picks button:focus-visible span,.planet-picks button:hover::before,.planet-picks button:focus-visible::before{opacity:1}
.cosmos-fallback-note{position:absolute;bottom:130px;left:5%;max-width:90%;font-size:13px;color:#9ab2bf}
.cosmic-home .about{padding-top:100px}
.cosmic-home .about h2{font-size:clamp(38px,5.4vw,76px);text-decoration:none;margin-bottom:32px}
.planet-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#02050e;color:#edf4f9;overflow:hidden}
.planet-viewer::backdrop{background:#02050e}
#close-planet{position:absolute;top:22px;right:22px;z-index:4;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#0a1025bb;color:#e4f8ff;font-size:30px;line-height:1}
#close-planet:hover{background:#182942}
.planet-stage{position:absolute;inset:0;touch-action:none;cursor:grab}
.planet-stage:active{cursor:grabbing}
.planet-view-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85%;max-width:850px;margin:0;pointer-events:none;text-align:center;font-family:Montserrat,Arial,sans-serif;font-size:clamp(34px,5.4vw,84px);font-weight:800;line-height:1.08;letter-spacing:-.045em;text-transform:none;text-decoration:none;text-shadow:0 3px 18px #000d,0 1px 3px #000;color:white}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body:has(.planet-viewer[open]){overflow:hidden}
.cosmos-bottomline a{margin-left:auto}
@media(max-width:900px){.cosmos{min-height:700px}.cosmos-bottomline{bottom:120px}.cosmos-bottomline p{max-width:240px}.cosmos-dock{bottom:26px}.cosmos-heading{top:76px}.cosmos-signature{font-size:13px}}
@media(max-width:760px){
  .cosmos{height:calc(100svh - 104px);min-height:700px;max-height:1000px}
  .cosmos-topline{top:18px;font-size:11px;align-items:start;gap:15px}
  .cosmos-topline>span{max-width:190px}
  .cosmos-topline button{font-size:11px;padding:7px 10px;flex-shrink:0}
  .cosmos-heading{top:76px;display:block}
  .cosmos-type{gap:8px}
  .cosmos-name{font-size:clamp(28px,7.5vw,38px)}
  .cosmos-role{font-size:14px}
  .cosmos-github{font-size:13px;min-height:36px}
  .cosmos-signature{margin-top:8px;font-size:12px;line-height:1.5;text-align:left;max-width:none}
  .cosmos-signature br{display:none}
  .cosmos-signature br::after{content:' '}
  .cosmos-bottomline{bottom:121px;font-size:11px;align-items:end;gap:30px}
  .cosmos-bottomline p{max-width:165px}
  .cosmos-bottomline a{max-width:115px;text-align:right}
  .cosmos-dock{gap:12px;padding:12px;border-radius:18px}
  .dock-icon{width:43px;height:43px;border-radius:10px}
  .dock-icon svg{width:26px;height:26px}
  .dock-label{font-size:11px}

}
@media(prefers-reduced-motion:reduce){.dock-item{transition:none}.dock-item:hover,.dock-item:focus-visible{transform:none}}