.header{grid-row:1;grid-column:1;isolation:isolate;display:flex;align-items:center;justify-content:space-between;padding:.65rem max(.65rem,calc(env(safe-area-inset-right) + .5rem)) .4rem max(.65rem,calc(env(safe-area-inset-left) + .5rem))}.title-header{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;padding:.125rem .25rem;margin:-.125rem -.25rem;border-radius:.375rem;font:inherit;color:#fff;font-size:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s ease,box-shadow .15s ease;text-shadow:0 .125rem .5rem rgba(0,0,0,.7)}.title-header:focus{outline:none}.title-header:focus-visible{outline:none;box-shadow:0 0 0 .1875rem #ffffffd9}.header-bright .title-header:focus-visible{box-shadow:0 0 0 .1875rem #000000b3}.title-header-static{cursor:default}.title-header-storm{background:linear-gradient(90deg,#c8860a,#f5d060,#ffeaa0,#f0b840,#e8880c,#f5d060,#c8860a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:title-shimmer 3s linear infinite;text-shadow:none}@keyframes title-shimmer{0%{background-position:0% center}to{background-position:200% center}}.text-title-prefix{font-weight:400;font-style:italic;color:#b8b8b8}.text-title-name{font-weight:700}.btn-header{display:inline-block;align-self:center;padding:.325rem 1.125rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(#0e1822,#0e1822) padding-box,var(--btn-gradient, transparent) border-box;border:.125rem solid transparent;border-radius:1rem;cursor:pointer;text-shadow:0 .0625rem .25rem rgba(0,0,0,.6);box-shadow:0 .0625rem .25rem #0006;transition:box-shadow .2s ease,transform .15s ease-in-out}.btn-header-about{--btn-glow: rgba(80, 200, 255, .7);--btn-tint: rgba(128, 220, 255, .3);--btn-gradient: linear-gradient(90deg, #e0e0ff, #80dfff, #b0fff0, #ffe8b0, #80dfff, #e0e0ff)}.btn-header-projects{--btn-glow: rgba(255, 150, 50, .7);--btn-tint: rgba(255, 130, 60, .32);--btn-gradient: linear-gradient(90deg, #ffe8c0, #ffb060, #ff7840, #e86030, #ffb060, #ffe8c0)}.btn-header-back{--btn-glow: rgba(255, 200, 80, .75);--btn-tint: rgba(245, 170, 50, .32);--btn-gradient: linear-gradient(90deg, #fff1b8, #ffd66b, #f5a623, #c97515, #ffd66b, #fff1b8)}.actions-header{display:flex;gap:.5rem}.btn-header:active,.btn-header:focus-visible{outline:none;box-shadow:0 0 .875rem .25rem var(--btn-glow),0 .0625rem .25rem #0006}@media(hover:hover){.btn-header:hover{box-shadow:0 0 .875rem .25rem var(--btn-glow),0 .0625rem .25rem #0006;transform:translateY(-.1rem)}}.header-bright .title-header{color:#000;text-shadow:none}.header-bright .text-title-prefix{color:#555}.header-bright .btn-header{position:relative;background:var(--btn-tint);color:#000;text-shadow:none}.header-bright .btn-header-about{--btn-gradient: linear-gradient(90deg, #1f5a82, #2a85b0, #4ba0c8, #2a85b0, #1f5a82)}.header-bright .btn-header-projects{--btn-gradient: linear-gradient(90deg, #a8350e, #d85a25, #ff7838, #d85a25, #a8350e)}.header-bright .btn-header-back{--btn-gradient: linear-gradient(90deg, #8a460a, #c97515, #f5a623, #c97515, #8a460a)}.header-bright .btn-header:before{content:"";position:absolute;top:-.125rem;right:-.125rem;bottom:-.125rem;left:-.125rem;border-radius:inherit;padding:.125rem;background:var(--btn-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}@keyframes panel-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes panel-slide-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.main-frame{grid-row:2;grid-column:1;overflow-y:auto;pointer-events:none}.panel{width:100%;max-width:min(40rem,calc(100vw - 1rem));box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem 0;margin-bottom:.5rem;background:var(--panel-bg, rgba(5, 12, 18, .45));backdrop-filter:blur(1.375rem);-webkit-backdrop-filter:blur(1.375rem);border-radius:1rem;box-shadow:0 .6rem 1rem #0009,var(--panel-extra-shadow, 0 0);animation:panel-slide-down .35s cubic-bezier(.25,.46,.45,.94) both}.panel-closing{animation:panel-slide-up .35s cubic-bezier(.55,.06,.68,.19) both}.bg-page{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;pointer-events:all}.main-frame-bright .panel{--panel-bg: rgba(255, 255, 255, .45)}.text-sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-sr-only:focus{outline:none}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-size:clamp(.9375rem,.7721rem + .2757vw,1.125rem);font-family:sans-serif;color:#fff;background:#141820}#root{height:100%}.shell-app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100%}