@layer tokens,themes;@layer tokens.tokens{:root{--font-sans: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size: clamp(15px, 1.2vw + .5rem, 18px);--font-weight: 400;--radius: 12px;--shadow-1: 0 4px 10px rgba(0,0,0,.15);--avatar-border: 4px;--theme-dot: .9rem;--color-bg: #111;--color-text: #fff;--color-heading: #fff;font-family:var(--font-sans);font-weight:var(--font-weight);font-size:var(--font-size);color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}}@layer themes.themes{:root{--color-bg: linear-gradient(to bottom, #e7e7e7, #e7e7e7);--color-text: #121212;--color-heading: #e7e7e7}[data-theme=default]{--color-bg: linear-gradient(to bottom, #e7e7e7, #e7e7e7);--color-text: #121212;--color-heading: #e7e7e7}[data-theme=midnight]{--color-bg: linear-gradient(to bottom, #0d1b2a, #000814);--color-text: #f5f5f5;--color-heading: #0d1b2a}[data-theme=sky]{--color-bg: linear-gradient(to bottom, #4a6fa5, #001f3f);--color-text: #ffffff;--color-heading: #4a6fa5}[data-theme=pastel]{--color-bg: linear-gradient(to bottom, #ffd6e0, #d1e8e2);--color-text: #3f3f3f;--color-heading: #fba5c3}[data-theme=sunset]{--color-bg: linear-gradient(to bottom, #ff9966, #ff5e62);--color-text: #fff8f0;--color-heading: #ff9966}[data-theme=forest]{--color-bg: linear-gradient(to bottom, #355c3b, #163c23);--color-text: #e5f4e3;--color-heading: #355c3b}[data-theme=glacier]{--color-bg: linear-gradient(to bottom, #a8c0ff, #3f2b96);--color-text: #e0e7ff;--color-heading: #a8c0ff}[data-theme=mocha]{--color-bg: linear-gradient(to bottom, #b49383, #5c3d2e);--color-text: #fdf5ef;--color-heading: #5c3d2e}[data-theme=neon]{--color-bg: linear-gradient(to bottom, #000000, #1f0033);--color-text: #0fffc1;--color-heading: #0fffc1}[data-theme=ocean]{--color-bg: linear-gradient(to bottom, #00b4db, #004d61);--color-text: #e0f7fa;--color-heading: #00b4db}[data-theme=sunflower]{--color-bg: linear-gradient(to bottom, #ffdd00, #ff9900);--color-text: #402a00;--color-heading: #ffdd00}[data-theme=serenity]{--color-bg: linear-gradient(to bottom, #b3e5fc, #e1bee7);--color-text: #3f3f44;--color-heading: #b3e5fc}[data-theme=dusk]{--color-bg: linear-gradient(to bottom, #0f2027, #2c5364);--color-text: #e0e0e0;--color-heading: #0f2027}[data-theme=aurora]{--color-bg: linear-gradient(to bottom, #6a11cb, #2575fc);--color-text: #f4f8ff;--color-heading: #6a11cb}}@layer utilities{.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.flow>*+*{margin-top:var(--flow, 1rem)}}@layer base{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100svh;overflow:hidden;overflow-x:hidden;color:var(--color-text);background:var(--color-bg);display:block}h1{font-size:clamp(1.5rem,6vw,2.5rem)}}@layer components{.layout{display:grid;grid-template-columns:250px 1fr;height:100svh;width:100%}.layout__left{position:relative;height:100%;overflow:hidden;padding:.5rem;display:grid;align-content:start;gap:clamp(1rem,2.5vw,2rem)}.layout__main{height:100%;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:block;contain:layout paint}.panel{overflow:visible;padding:clamp(1rem,2vw,1.5rem);background:var(--bg-elev, hsla(0, 0%, 100%, .2));box-sizing:border-box;will-change:contents}.panel__inner{display:grid;gap:.75rem}@media (max-width: 860px){.layout{grid-template-columns:1fr;height:100svh}.layout__left{display:none}.layout__main{grid-column:1 / -1;height:100%;min-height:0;overflow:auto}}}.hero{scroll-snap-align:start;display:grid;justify-items:center;text-align:center;gap:.75rem;padding-bottom:1.5rem}.hero__title{font-size:1.4rem;font-weight:800;letter-spacing:.02em;margin:0}@media (max-width: 860px){.hero__title{font-size:2.5rem;padding-bottom:1rem}}@layer components{.avatar{border-radius:50%;object-fit:cover;display:block;box-shadow:var(--shadow-1);border:var(--avatar-border) solid var(--color-text)}.circle-wrap{position:relative;inline-size:100%;max-inline-size:360px;aspect-ratio:1 / 1;overflow:clip}.circle-ring,.avatar-in-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-ring{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-in-ring{border-radius:50%;object-fit:cover;box-shadow:var(--shadow-1);border:var(--avatar-border) solid;color:var(--color-text);pointer-events:none}}@layer components{.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;color:var(--color-text)}.theme-toggle__iconBtn{all:unset;cursor:pointer;line-height:0;border-radius:999px}.theme-toggle__icon{width:32px;height:32px;transition:transform .25s ease;filter:drop-shadow(0 0 4px rgba(0,0,0,.35));fill:currentColor}.theme-toggle__icon *{fill:currentColor}.theme-toggle--open .theme-toggle__icon{transform:rotate(18deg) scale(1.06)}.theme-toggle__menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;max-height:300px;overflow-y:auto;margin-top:.5rem;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s step-end;pointer-events:none}.theme-toggle--open .theme-toggle__menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .18s ease,transform .18s ease,visibility 0s step-start}.theme-toggle__btn{display:flex;align-items:center;gap:.75rem;background:#00000026;border:none;height:40px;padding:0 .8rem;border-radius:8px;cursor:pointer;color:var(--color-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s ease,transform .05s ease;text-align:left;font-size:.95rem;font-weight:600}.theme-toggle__btn:hover{background:#00000047}.theme-toggle__btn:active{transform:scale(.98)}.theme-toggle__dot{width:var(--theme-dot);height:var(--theme-dot);border-radius:50%;background:var(--color-heading);flex:0 0 auto}}@layer components{.top-nav{width:100%;scroll-snap-align:start}.top-nav__list{display:flex;gap:clamp(.5rem,1.2vw,.75rem);font-weight:600;padding:.25rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.top-nav--vertical .top-nav__list,.top-nav__list--vertical{display:grid;gap:.5rem}.top-nav__btn{display:flex;align-items:center;font:inherit;padding:.6rem .9rem;border-radius:12px;border:1px solid var(--border, hsla(0, 0%, 100%, .2));background:transparent;cursor:pointer;color:var(--color-text, #000);text-align:left;width:100%;transition:background-color .15s ease,outline-color .15s ease}.top-nav__btn:hover,.top-nav__btn:focus-visible{background:#fff3}.top-nav__btn.is-active{outline:2px solid var(--accent, var(--color-text));background:#fff3}}@layer components{.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;list-style:none;padding:0;margin:0}.panel__title{font-size:clamp(3rem,5vw,6rem);font-weight:700;text-transform:uppercase;color:var(--color-text);margin:0}.panel__subtitle{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-top:.5rem}}.top-nav__btnInner{display:flex;align-items:center;gap:.5rem;line-height:1}.top-nav__icon{width:18px;height:18px;stroke:currentColor;stroke-width:2;flex:0 0 auto;display:block}@layer components{.hamburger{position:fixed;top:1rem;left:1rem;z-index:1001;display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--border, hsla(0,0%,100%,.2));background:#00000026;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;padding:7px;transition:transform .08s ease}.hamburger:active{transform:scale(.98)}.hamburger .hamburger__icon{width:32px;height:32px;display:block;color:var(--color-text, #111)}.hamburger__bar{display:block;width:100%;height:2px;margin:4px 0;background:var(--color-text);border-radius:2px}@media (max-width: 860px){.hamburger{display:inline-flex;align-items:center;justify-content:center}}}@layer components{.mobile-sheet{position:fixed;inset:0;z-index:1000;display:grid;background:color-mix(in oklab,var(--color-bg) 90%,black 10%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s ease}.mobile-sheet--open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-sheet__content{overflow:auto;padding:5rem 1rem 1rem;height:100%}}@media (max-width: 860px){.layout__left .top-nav{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.theme-toggle__menu,.mobile-sheet{opacity:1;transform:none}}.curved-loop-jacket{display:grid;place-items:center;inline-size:100%;min-block-size:0;overflow:hidden}.curved-loop-svg{width:100%;aspect-ratio:1 / 1;overflow:clip;display:block;font-size:30.6px;fill:var(--color-text);user-select:none;-moz-user-select:none;-webkit-user-select:none;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:.02em;text-rendering:geometricPrecision}