:root{--bg:#010102;--bg-raised:#0f1011;--surface:#141516;--surface-3:#18191a;--text:#f7f8f8;--text-soft:#d0d6e0;--text-muted:#8a8f98;--text-faint:#62666d;--border:#23252a;--border-strong:#34343a;--border-tertiary:#3e3e44;--accent:#c8f169;--accent-hover:#d8ff82;--accent-ink:#12160a;--accent-soft:#c8f1691f;--success:#27a644;--vermilion:#e5432b;--green:#4ade80;--moon:#f4efe1;--ocean:#0b1a33;--font-display:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-jp:"Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius:12px;--radius-xl:16px;--gutter:clamp(1.25rem, .75rem + 2.5vw, 2rem);--section-y:clamp(4rem, 2.5rem + 5vw, 6rem);--max-w:1040px;--nav-h:56px;--ease:cubic-bezier(.22, 1, .36, 1);--dur:.2s}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 1rem);-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font-body);letter-spacing:-.05px;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow-x:clip}img{max-width:100%;height:auto;display:block}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;font-weight:600}p{text-wrap:pretty}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}main:focus{outline:none}.container{width:100%;max-width:var(--max-w);padding-inline:var(--gutter);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border-radius:var(--radius-md);background:var(--text);color:var(--bg);transition:transform var(--dur) var(--ease);padding:8px 14px;font-size:14px;font-weight:500;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.accent-word{color:var(--accent);font-style:normal}.btn{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-raised);min-height:40px;color:var(--text);transition:background var(--dur), border-color var(--dur), color var(--dur);justify-content:center;align-items:center;gap:.45rem;padding:8px 14px;font-size:14px;font-weight:500;line-height:1.2;display:inline-flex}.btn:hover{background:var(--surface);border-color:var(--border-tertiary)}.btn--sm{min-height:34px;padding:6px 12px;font-size:13px}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn__icon{transition:transform var(--dur) var(--ease)}.btn:hover .btn__icon{transform:translate(2px,1px)}.link-arrow{color:var(--text-muted);transition:color var(--dur);align-items:center;gap:.35rem;padding-block:.3rem;font-size:14px;font-weight:500;display:inline-flex}.link-arrow:hover{color:var(--accent)}.eyebrow{letter-spacing:.4px;color:var(--text-muted);font-size:13px;font-weight:500}.eyebrow__index{color:var(--text-faint);font-family:var(--font-mono);margin-right:.15rem;font-weight:400}.nav{z-index:50;height:var(--nav-h);transition:background var(--dur), border-color var(--dur);border-bottom:1px solid #0000;position:sticky;top:0}.nav__tabs{border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);transition:color var(--dur), background var(--dur);place-items:center;display:grid}.nav__tabs:hover{color:var(--text);background:var(--surface)}.nav__shell{align-items:center;height:100%;display:flex}.nav__inner{align-items:center;gap:.75rem;width:100%;height:100%;padding:0 6px 0 10px;display:flex}.logo{letter-spacing:-.1px;align-items:center;gap:.6rem;font-size:14px;font-weight:600;display:inline-flex}.logo__mark{border-radius:var(--radius-sm);background:var(--accent);width:26px;height:26px;color:var(--accent-ink);font-family:var(--font-mono);place-items:center;font-size:11px;font-weight:700;display:inline-grid}.logo__name{display:none}.nav__links{margin-left:auto;display:none}.logo,.nav__cta{white-space:nowrap;flex-shrink:0}.nav__links .gooey-nav__list{flex-wrap:nowrap}.nav__links .gooey-nav{--gn-x:12px;--gn-ink:var(--text);--gn-muted:var(--text-muted)}.nav__links .gooey-nav__link:focus-visible{outline-color:var(--accent)}.nav__cta{display:none}.nav__sound{border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);transition:color var(--dur), background var(--dur);place-items:center;margin-left:auto;display:grid}.nav__sound:hover{color:var(--text);background:var(--surface)}.nav__sound[aria-pressed=true]{color:var(--accent)}.nav__toggle{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-raised);place-items:center;width:40px;height:40px;margin-left:.25rem;display:grid}.mobile-menu{z-index:49;background:var(--bg);padding:calc(var(--nav-h) + 2rem) var(--gutter) 2rem;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-menu__list a{letter-spacing:-.6px;border-bottom:1px solid var(--border);align-items:baseline;gap:1rem;padding:.75rem 0;font-size:28px;font-weight:600;display:flex}.mobile-menu__list a[aria-current]{color:var(--accent)}.mobile-menu__index{font-family:var(--font-mono);color:var(--text-faint);font-size:12px;font-weight:400}@media (width>=560px){.logo__name{display:inline}}@media (width>=900px){.nav__sound{margin-left:.25rem}.nav__links{display:block}.nav__cta{display:inline-flex}.nav__toggle{display:none}}@media (width>=900px) and (width<=1099px){.logo__name{display:none}}.hero{isolation:isolate;padding-block:clamp(4rem,2.5rem + 6vw,7rem) clamp(3rem,2rem + 4vw,5rem);position:relative;overflow:hidden}.hero__welcome{font-family:var(--font-mono);color:var(--green);margin-bottom:1.25rem;font-size:13px}.hero__welcome strong{font-weight:500}.hero__top{align-items:center;gap:.75rem;display:flex}.hero__avatar{object-fit:cover;border:1px solid var(--border-strong);border-radius:50%;width:40px;height:40px}.hero__eyebrow{letter-spacing:.4px;color:var(--text-muted);font-size:13px;font-weight:500}.hero__title{letter-spacing:-.0375em;font-variant-ligatures:none;margin-top:1.25rem;font-size:clamp(2.6rem,1.4rem + 5vw,5rem);line-height:1.05}.hero__word{display:inline-block}.hero__tagline{letter-spacing:-.2px;max-width:30ch;color:var(--text-soft);margin-top:1.25rem;font-size:clamp(1.15rem,1rem + .5vw,1.25rem);line-height:1.4}.hero__intro{max-width:60ch;color:var(--text-muted);margin-top:.75rem;font-size:16px}.hero__ctas{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.hero__status{background:var(--surface);color:var(--text-soft);border-radius:9999px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:2px 10px 2px 8px;font-size:12px;display:inline-flex}.hero__status span:last-child{color:var(--text)}.hero__status-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.stats{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-raised);grid-template-columns:repeat(2,1fr);margin-top:2.5rem;display:grid;overflow:hidden}.stats__item{box-shadow:-1px -1px 0 var(--border) inset;flex-direction:column-reverse;gap:.2rem;padding:16px 20px;display:flex}.stats dd{letter-spacing:-.6px;margin:0;font-size:28px;font-weight:600;line-height:1.2}.stats dt{color:var(--text-muted);font-size:12px}@media (width>=640px){.stats{grid-template-columns:repeat(4,1fr)}}.section{padding-block:var(--section-y);border-top:1px solid var(--border)}.section-heading{margin-bottom:2.5rem}.section-heading h2{letter-spacing:-1px;margin-top:.5rem;font-size:clamp(1.75rem,1.3rem + 1.8vw,2.5rem);line-height:1.15}.about{gap:2rem;display:grid}.about__story{letter-spacing:-.1px;max-width:56ch;color:var(--text-soft);font-size:18px;line-height:1.5}.about__story+.about__story{color:var(--text-muted);margin-top:1rem;font-size:16px}.about__approach{border-left:2px solid var(--border-tertiary);color:var(--text-muted);max-width:56ch;margin-top:1.5rem;padding-left:1rem}.about__goals{max-width:56ch;color:var(--text-soft);margin-top:1rem}.about__goals span{color:var(--text-muted);margin-right:.3rem;font-size:13px;font-weight:500}.dancheong{opacity:.6;background:repeating-linear-gradient(90deg,#2f8a73 0 14px,#c8402c 14px 20px,#3d6cb4 20px 34px,#c99a3e 34px 40px);height:4px}.facts{border-top:1px solid var(--border);margin-top:1.75rem}.facts__row{border-bottom:1px solid var(--border);gap:.2rem;padding-block:12px;display:grid}.facts dt{letter-spacing:.4px;color:var(--text-muted);font-size:13px;font-weight:500}.facts dd{color:var(--text-soft);margin:0;font-size:14px}@media (width>=640px){.facts__row{grid-template-columns:110px 1fr;gap:1rem}}.whoami{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-raised);align-self:start;overflow:hidden}.about__art{background:var(--surface);border-bottom:1px solid var(--border);width:100%;height:auto;display:block}.whoami__cmd{font-family:var(--font-mono);color:var(--green);padding:14px 20px 0;font-size:13px}.whoami__cmd span{color:var(--text-faint);margin-right:.4rem}.whoami__list{font-family:var(--font-mono);padding:8px 20px 18px;font-size:13px}.whoami__list div{grid-template-columns:90px 1fr;gap:.75rem;padding-block:.3rem;display:grid}.whoami__list dt{color:var(--text-faint)}.whoami__list dt:after{content:":"}.whoami__list dd{color:var(--text-soft);margin:0}@media (width>=860px){.about{grid-template-columns:1.3fr 1fr;gap:3rem}}.skills{gap:12px;display:grid}.skill-card{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-raised);transition:background-color var(--dur);padding:20px 24px}.skill-card:hover{background-color:var(--surface)}.skill-card__title{letter-spacing:.4px;color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:500}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips li{border:1px solid var(--border-strong);color:var(--text-soft);background:var(--bg);border-radius:9999px;padding:3px 10px;font-size:13px}@media (width>=640px){.skills{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.skills{grid-template-columns:repeat(3,1fr)}}.cards{gap:12px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-raised);transition:background-color var(--dur), border-color var(--dur);flex-direction:column;gap:8px;padding:24px;display:flex;position:relative}.card:hover{background-color:var(--surface);border-color:var(--border-strong)}.card__kicker{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.card__kicker span{font-family:var(--font-mono);color:var(--text-soft);align-items:center;gap:6px;display:inline-flex}.card__kicker span:before{content:"";background:var(--card-accent);border-radius:50%;width:7px;height:7px}.card__title{letter-spacing:-.4px;font-size:22px;font-weight:500;line-height:1.25}.card__problem{color:var(--text-muted);flex:1;font-size:14px}.card__tags{color:var(--text-faint);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.card__open{color:var(--text-soft);align-self:flex-start;align-items:center;gap:.35rem;margin-top:4px;font-size:14px;font-weight:500;display:inline-flex}.card__open:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.card__open svg{transition:transform var(--dur) var(--ease)}.card:hover .card__open{color:var(--text)}.card:hover .card__open svg{transform:translate(3px)}.card__open:focus-visible{outline:none}.card:has(.card__open:focus-visible){outline:2px solid var(--accent);outline-offset:2px}@media (width>=760px){.cards{grid-template-columns:repeat(2,1fr)}}.detail{border-radius:var(--radius-xl);width:min(720px,100% - 1.5rem);max-height:min(88vh,900px);color:var(--text);background:0 0;border:0;margin:auto;padding:0}.detail::backdrop{background:#000000b3}.detail__panel{padding:clamp(24px,1rem + 2vw,40px);position:relative}.detail__close{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);place-items:center;display:grid;position:absolute;top:16px;right:16px}.detail__close:hover{color:var(--text);background:var(--surface)}.detail__kicker{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;padding-right:3rem;font-size:12px;display:flex}.detail__kicker:before{content:"";background:var(--card-accent);border-radius:50%;width:7px;height:7px}.detail__title{letter-spacing:-.6px;margin-top:8px;padding-right:2.5rem;font-size:28px;line-height:1.2}.detail__problem{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-soft);margin-top:16px;padding:12px 16px;font-size:15px}.detail__problem strong{color:var(--text);font-weight:600}.detail__desc{color:var(--text-muted);margin-top:12px}.detail__role{color:var(--text-soft);margin-top:12px;font-size:14px}.detail__role span{letter-spacing:.4px;color:var(--text-muted);margin-right:.5rem;font-size:13px;font-weight:500}.detail__h{letter-spacing:.4px;color:var(--text-muted);margin-top:24px;margin-bottom:8px;font-size:13px;font-weight:500}.detail__list{gap:8px;display:grid}.detail__list li{color:var(--text-soft);padding-left:16px;font-size:15px;position:relative}.detail__list li:before{content:"";background:var(--text-faint);border-radius:50%;width:5px;height:5px;position:absolute;top:.6em;left:0}.detail__links{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.journey{gap:2rem;display:grid}.timeline{border-left:1px solid var(--border-strong);margin-left:4px}.timeline__item{gap:4px;padding:0 0 32px 24px;display:grid;position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__item:before{content:"";background:var(--bg);border:2px solid var(--border-tertiary);border-radius:50%;width:9px;height:9px;position:absolute;top:.45rem;left:-5px}.timeline__item:first-child:before{border-color:var(--success)}.timeline__period{color:var(--text-muted);font-size:13px}.timeline__title{letter-spacing:-.3px;font-size:20px;font-weight:500;line-height:1.3}.timeline__place{color:var(--text-soft);font-size:14px}.timeline__desc{color:var(--text-muted);max-width:56ch;font-size:14px}.journey__side{align-content:start;gap:12px;display:grid}.side-card{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-raised);padding:16px 20px}.side-card__title{letter-spacing:.4px;color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:500}.side-card li{color:var(--text-soft);padding-block:3px;font-size:14px}@media (width>=700px){.timeline__item{grid-template-columns:150px 1fr;gap:24px;padding-left:32px}}@media (width>=900px){.journey{grid-template-columns:1.5fr 1fr;gap:3rem}}.gh__grid{gap:12px;display:grid}.gh__skeleton{border-radius:var(--radius);background:var(--bg-raised);height:110px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{background:var(--surface)}}.gh__repo a{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-raised);height:100%;transition:background-color var(--dur);flex-direction:column;gap:6px;padding:20px 24px;display:flex;position:relative}.gh__repo a:hover{background-color:var(--surface)}.gh__name{align-items:center;gap:.3rem;font-size:15px;font-weight:500;display:inline-flex}.gh__desc{color:var(--text-muted);font-size:14px}.gh__meta{color:var(--text-faint);gap:12px;margin-top:auto;font-size:12px;display:flex}.gh__meta span{align-items:center;gap:.25rem;display:inline-flex}.gh__empty{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);padding:20px 24px;font-size:14px}.gh__cta{margin-top:20px}@media (width>=760px){.gh__grid{grid-template-columns:repeat(3,1fr)}}.term{--bg:#010102;--bg-raised:#0f1011;--text:#d7f5e2;--text-muted:#6f8f7c;--border:#23252a;--border-strong:#34343a;border-radius:var(--radius-xl);background:var(--bg);max-width:820px;color:var(--text);border:1px solid #23252a;overflow:hidden}.term__bar{border-bottom:1px solid var(--border);background:var(--bg-raised);align-items:center;gap:6px;padding:10px 14px;display:flex}.term__bar i{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.term__bar i:first-child{background:var(--vermilion)}.term__bar span{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:12px}.term__screen{cursor:text;height:320px;font-family:var(--font-mono);padding:16px 18px;font-size:13px;line-height:1.6;overflow-y:auto}.term__screen p{white-space:pre-wrap;overflow-wrap:anywhere}.term__screen a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.term__entry+.term__entry{margin-top:.6rem}.term__cmd{color:var(--text-muted)}.term__prompt{color:var(--green);white-space:nowrap}.term__entry--egg{border-radius:var(--radius-md);color:#bff4ff;text-shadow:0 0 8px #41e1ffcc;border:1px solid #41e1ff;margin-block:.8rem;padding:12px 14px;box-shadow:0 0 18px #41e1ff4d,inset 0 0 18px #41e1ff1f}.term__entry--egg .term__cmd{text-shadow:none}.term__form{align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.term__input{min-width:0;color:var(--text);font:inherit;caret-color:var(--green);background:0 0;border:0;outline:none;flex:1}.term__form:focus-within{box-shadow:0 1px 0 var(--green)}.term__chips{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:12px 18px;display:flex}.term__chip{border:1px solid var(--border-strong);min-height:30px;font-family:var(--font-mono);color:var(--text-muted);transition:color var(--dur), border-color var(--dur);border-radius:9999px;padding:0 12px;font-size:12px}.term__chip:hover{color:var(--green);border-color:var(--green)}.palette{border-radius:var(--radius);width:min(560px,100% - 2rem);max-height:min(480px,80vh);color:var(--text);background:0 0;border:0;margin:12vh auto auto;padding:0;overflow:visible}.palette::backdrop{background:#00000073}.palette[open] .palette__panel{animation:glass-in .22s var(--ease)}@keyframes glass-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.palette__input{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:0 0;outline:none;padding:14px 16px;font-size:15px}.palette__list{max-height:320px;padding:6px;overflow-y:auto}.palette__item{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:8px 10px;font-size:14px;display:flex}.palette__item[aria-selected=true]{background:var(--surface)}.palette__hint{color:var(--text-faint);font-size:12px}.palette__empty{color:var(--text-muted);padding:1rem;font-size:14px}.palette__foot{border-top:1px solid var(--border);color:var(--text-faint);align-items:center;gap:.4rem;padding:10px 16px;font-size:12px;display:flex}kbd{border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--bg-raised);min-width:1.6em;font-family:var(--font-mono);color:var(--text-muted);place-items:center;padding:1px 5px;font-size:11px;display:inline-grid}.nav__kbd{gap:.2rem;padding:.3rem;display:none}.nav__kbd:hover kbd{color:var(--text);border-color:var(--border-tertiary)}@media (width>=900px){.nav__kbd{display:inline-flex}}.contact__title{letter-spacing:-.032em;margin-top:.5rem;font-size:clamp(2.2rem,1.4rem + 3.2vw,3.5rem);line-height:1.1}.contact__lead{max-width:48ch;color:var(--text-muted);letter-spacing:-.1px;margin-top:1rem;font-size:18px}.contact__actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-block:2rem 1.5rem;display:flex}.contact__email{letter-spacing:-.3px;max-width:100%;color:var(--accent);overflow-wrap:anywhere;transition:color var(--dur), gap var(--dur) var(--ease);align-items:center;gap:.4rem;font-size:clamp(1.1rem,.95rem + .8vw,1.4rem);font-weight:500;display:inline-flex}.contact__email svg{flex:none;width:.9em;height:.9em}.contact__email:hover{color:var(--accent-hover);gap:.65rem}.socials{gap:6px;display:flex}.socials__link{border-radius:var(--radius-md);border:1px solid var(--border-strong);width:36px;height:36px;color:var(--text-muted);background:var(--bg-raised);transition:color var(--dur), background var(--dur);place-items:center;display:grid}.socials__link:hover{color:var(--text);background:var(--surface)}.footer{border-top:1px solid var(--border);padding-block:48px}.footer__inner{gap:1.5rem;display:grid}.footer__brand{align-items:center;gap:.6rem;font-size:14px;font-weight:600;display:flex}.footer__note{color:var(--text-muted);margin-top:.75rem;font-size:12px}.footer__copy{color:var(--text-faint);margin-top:.25rem;font-size:12px}.footer__actions{flex-wrap:wrap;gap:1.25rem;display:flex}@media (width>=760px){.footer__inner{grid-template-columns:1fr auto auto;align-items:center;gap:2rem}}:is(.card,.skill-card,.side-card,.whoami,.gh__repo a,.stats){background-image:radial-gradient(320px circle at var(--x,-999px) var(--y,-999px), #f7f8f809, transparent 60%);position:relative}:is(.card,.skill-card,.side-card,.whoami,.gh__repo a,.stats):after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(200px circle at var(--x,-999px) var(--y,-999px), #c8f16973, transparent 60%);-webkit-mask-composite:xor;opacity:0;transition:opacity .3s var(--ease);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}:is(.card,.skill-card,.side-card,.whoami,.gh__repo a,.stats):hover:after{opacity:1}.btn--primary{transition:background var(--dur), border-color var(--dur), transform .2s var(--ease)}.decrypt__scrambled{color:var(--text-faint)}.stats dd{font-variant-numeric:tabular-nums}.term-section{isolation:isolate;position:relative;overflow:hidden}.term-section__bg{z-index:-1;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.skills__loop{margin-bottom:1.5rem;overflow:hidden}.skill-tag{border:1px solid var(--border);height:30px;color:var(--text-muted);white-space:nowrap;background:var(--bg-raised);border-radius:9999px;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.showcase{border-radius:var(--radius);margin-bottom:2rem;overflow:hidden}.showcase img{width:100%;height:auto}.tabs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:none;height:100%;max-height:none;color:var(--text);background:#010102db;border:0;margin:0;padding:0}.tabs[open]{grid-template-rows:1fr auto;display:grid}.tabs::backdrop{background:0 0}.tabs__stack{--card-h:min(58svh, 440px);overscroll-behavior:contain;padding:20px var(--gutter) calc(100svh - var(--card-h));cursor:grab;transform-origin:50% 100%;overflow-y:auto}.tab{top:calc(20px + var(--i) * 18px);max-width:480px;height:var(--card-h);margin:0 auto 28px;position:sticky}.tab__card{text-align:left;border:1px solid var(--border-strong);background:var(--bg-raised);transform-origin:50% 0;border-radius:22px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 -8px 30px #00000073,0 24px 60px #00000080}.tab__card[aria-current]{border-color:#c8f16973}.tab__card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tab__chrome{border-bottom:1px solid var(--border);background:var(--surface-3);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.tab__favicon{background:var(--accent);width:20px;height:20px;color:var(--accent-ink);border-radius:6px;place-items:center;font-size:9px;font-weight:700;display:grid}.tab__url{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tab__index{font-family:var(--font-mono);color:var(--text-faint);font-size:11px}.tab__body{flex-direction:column;gap:10px;min-height:0;padding:22px 20px;display:flex}.tab__kicker{font-family:var(--font-mono);color:var(--accent);font-size:12px}.tab__title{letter-spacing:-.4px;font-size:22px;font-weight:600;line-height:1.2}.tab__text{color:var(--text-muted);font-size:14px}.tab__chips{flex-wrap:wrap;gap:6px;display:flex}.tab__chips span{border:1px solid var(--border);color:var(--text-soft);overflow-wrap:anywhere;border-radius:9999px;padding:3px 9px;font-size:12px}.tab__list{gap:8px;display:grid}.tab__list span{border-bottom:1px solid var(--border);color:var(--text-soft);padding-bottom:8px;font-size:14px}.tab__shade{pointer-events:none;background:#000;position:absolute;inset:0}.tabs__bar{padding:12px var(--gutter) max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#0f1011e6;justify-content:center;align-items:center;display:flex;position:relative}.tabs__count{color:var(--text-muted);font-size:13px}.tabs__done{right:var(--gutter);border-radius:var(--radius-md);color:var(--accent);padding:6px 12px;font-weight:600;position:absolute}.tabs__done:hover{background:var(--accent-soft)}.glass>.glass-surface__content{padding:0;display:block}.nav__glass>.glass-surface__content{display:flex}.glass.glass-surface--fallback{background:#0c0d0eb8}.glass .glass-surface__rim{opacity:.4}.glass .glass-surface__sheen{opacity:.5}.glass.glass-surface--svg{box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff1f,0 12px 40px #00000059}.palette__panel.glass-surface--svg,.detail__glass.glass-surface--svg{box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #ffffff24,0 24px 70px #0000008c}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ocean{z-index:100;background:#03060d;position:fixed;inset:0;overflow:hidden}.ocean__camera{transform-origin:50% 52%;will-change:transform;animation:camera-push 40s var(--ease) forwards;position:absolute;inset:0}@keyframes camera-push{to{transform:scale(1.08)}}.ocean__sky{background:radial-gradient(55% 40% at 50% 28%,#2840748c,#0000 70%),linear-gradient(#04070f 0%,#0a1532 50%,#13254a 61.6%,#2a3d66 62%,#0d1d3c 62.6%,#060d1d 82%,#03060d 100%);position:absolute;inset:0}.ocean__stars i{background:var(--moon);opacity:.5;border-radius:50%;animation:4s ease-in-out infinite alternate twinkle;position:absolute}@keyframes twinkle{to{opacity:.12}}.ocean__moon{aspect-ratio:1;width:clamp(110px,15vmin,190px);transform:translate(calc(-50% + var(--px,0) * -6px), calc(var(--py,0) * -4px));will-change:transform;background:radial-gradient(circle at 42% 40%,#fffaf0,#efe6cf 58%,#d6cbad);border-radius:50%;position:absolute;top:15%;left:50%;box-shadow:0 0 50px 14px #f4efe138,0 0 180px 70px #6e8cd224}.ocean__gate{width:min(80vw,42vmax,440px,58vh);transform:translate(calc(-50% + var(--px,0) * -14px), calc(var(--py,0) * -6px));will-change:transform;position:absolute;bottom:38%;left:50%}.ocean__torii{filter:drop-shadow(0 0 28px #e5432b47);width:100%;height:auto;display:block}.ocean__torii--reflection{opacity:.26;filter:blur(1.2px);transform-origin:50%;animation:5s ease-in-out infinite alternate ripple;position:absolute;top:100%;left:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 15%,#000 85%);mask-image:linear-gradient(#0000 15%,#000 85%)}@keyframes ripple{to{transform:scaleY(-1)skew(1.5deg)scaleX(1.02)}}.ocean__water{height:38%;position:absolute;bottom:0;left:0;right:0}.ocean__shimmer{background:repeating-linear-gradient(#f4efe161 0 2px,#0000 2px 10px);width:clamp(80px,16vmin,200px);height:100%;animation:3.5s ease-in-out infinite alternate shimmer;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(50% 100% at 50% 0,#000 10%,#0000 75%);mask-image:radial-gradient(50% 100% at 50% 0,#000 10%,#0000 75%)}@keyframes shimmer{to{opacity:.45;transform:translate(-50%)scaleX(1.15)}}.ocean__wave{width:200%;animation:linear infinite wave-drift;position:absolute;left:0}.ocean__wave--w1{height:22%;animation-duration:28s;bottom:66%}.ocean__wave--w1 path{fill:#22386280}.ocean__wave--w2{height:38%;animation-duration:19s;animation-direction:reverse;bottom:30%}.ocean__wave--w2 path{fill:#0f1e3eb8}.ocean__wave--w3{height:50%;animation-duration:13s;bottom:-4%}.ocean__wave--w3 path{fill:#060d1ef0}@keyframes wave-drift{to{transform:translate(-50%)}}.ocean__fog{pointer-events:none;background:radial-gradient(#aabee621,#0000 65%);width:150%;animation:30s ease-in-out infinite alternate fog-drift;position:absolute;left:-25%}.ocean__fog--far{height:26%;top:46%}.ocean__fog--near{height:42%;animation-duration:22s;animation-direction:alternate-reverse;bottom:-8%}@keyframes fog-drift{to{transform:translate(12%)}}.ocean__vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 50%,#000000b3);position:absolute;inset:0}.ocean.is-entering .ocean__camera{animation:1.15s cubic-bezier(.65,0,.35,1) forwards camera-enter}@keyframes camera-enter{0%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(3.2)}}.ocean--ambient{z-index:-1;background:0 0;position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.ocean--ambient .ocean__camera{animation:none}.ocean--ambient .ocean__vignette{display:none}.intro{z-index:101;padding:0 var(--gutter) max(8vh, 3rem);text-align:center;color:var(--text);place-items:end center;display:grid;position:fixed;inset:0}.intro__jp{font-family:var(--font-jp);letter-spacing:.22em;text-shadow:0 0 24px #f4efe159;font-size:clamp(1.9rem,1.2rem + 3vw,3.2rem);font-weight:500}.intro__en{font-family:var(--font-mono);letter-spacing:.42em;text-transform:uppercase;color:var(--text-muted);margin-top:.75rem;font-size:.76rem}.intro__choices{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.intro__choices .intro__enter{margin-top:0}.intro__by{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:#8d97abbf;margin-top:.5rem;font-size:.68rem}.intro__enter{border-radius:var(--radius-sm);min-height:46px;color:var(--text);font-family:var(--font-mono);letter-spacing:.4em;text-transform:uppercase;transition:background var(--dur), box-shadow var(--dur);background:#c8f1691a;border:1px solid #c8f169b3;margin-top:2rem;padding:0 2.4rem;font-size:.82rem}.intro__enter:hover,.intro__enter:focus-visible{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 32px #c8f16966}.intro__hint{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-top:1rem;font-size:.68rem;animation:2.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.35}}.intro__skip{z-index:103;border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-height:40px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;transition:color var(--dur), border-color var(--dur);background:#070b148c;padding:0 .95rem;font-size:.7rem;position:fixed;top:1.1rem;right:1.1rem}.intro__skip:hover{color:var(--text);border-color:var(--text)}.xfer{z-index:102;pointer-events:none;animation:1.7s linear forwards xfer-dark;position:fixed;inset:0}@keyframes xfer-dark{0%,50%{background:0 0}78%,to{background:#04070d}}.xfer__particles i{background:var(--vermilion);opacity:0;width:4px;height:4px;animation:.95s cubic-bezier(.2,.6,.3,1) .2s forwards burst;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #e5432bcc}.xfer__particles i.is-moon{background:var(--moon);box-shadow:0 0 8px #f4efe1cc}@keyframes burst{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.3)}}.xfer__scan{opacity:0;background:repeating-linear-gradient(#4ade8017 0 1px,#0000 1px 4px);animation:1.7s linear forwards scan-in;position:absolute;inset:-20% 0}@keyframes scan-in{0%,30%{opacity:0;transform:translateY(0)}60%{opacity:1}to{opacity:.6;transform:translateY(8%)}}.xfer__streaks i{transform-origin:0;background:linear-gradient(90deg, transparent, var(--vermilion) 30%, #ff9a85 70%, transparent);opacity:0;width:100%;height:2px;animation:.45s cubic-bezier(.6,0,.3,1) forwards streak;position:absolute;left:0;transform:scaleX(0);box-shadow:0 0 14px #e5432be6}.xfer__streaks i:first-child{animation-delay:.7s;top:38%}.xfer__streaks i:nth-child(2){animation-delay:.82s;top:55%}.xfer__streaks i:nth-child(3){height:1px;animation-delay:.95s;top:47%}@keyframes streak{0%{opacity:1;transform:scaleX(0)}70%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)translate(10%)}}.xfer__glitch{opacity:0;background:linear-gradient(#0000 44%,#e5432b2e 44% 47%,#0000 47% 58%,#4ade8024 58% 60%,#0000 60%);animation:.3s steps(2,end) 1.3s forwards glitch;position:absolute;inset:0}@keyframes glitch{0%{opacity:1;transform:translate(-2%)}50%{opacity:1;transform:translate(3%)}to{opacity:0;transform:none}}.login{z-index:104;color:var(--green);font-family:var(--font-mono);background:repeating-linear-gradient(#4ade8009 0 1px,#0000 1px 4px),radial-gradient(at 50% 40%,#0a1424,#04070d 70%);place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}@keyframes login-in{0%{clip-path:inset(48% 0)}60%{clip-path:inset(10% 0 12%)}to{clip-path:inset(0)}}.login__box{border-radius:var(--radius-md);background:#040910d9;border:1px solid #4ade8040;width:min(620px,100%);animation:.45s steps(3,end) both login-in;overflow:hidden;box-shadow:0 0 60px -20px #4ade8059}.login__bar{color:#6b8f78;border-bottom:1px solid #4ade802e;align-items:center;gap:6px;padding:.7rem 1rem;font-size:.72rem;display:flex}.login__bar i{background:#23402d;border-radius:50%;width:9px;height:9px}.login__bar i:first-child{background:var(--accent)}.login__status{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.3rem;display:inline-flex}.login__status:first-of-type{margin-left:auto}.login__status+.login__status{margin-left:.9rem}.login__status b{font-weight:400}.login__status .is-ok{color:var(--green)}.login__status .is-blue{color:#6aa5ff}.login__box{position:relative}.login__glyphs{writing-mode:vertical-rl;letter-spacing:.6em;font-family:var(--font-jp);color:#e5432b59;pointer-events:none;font-size:.8rem;position:absolute;bottom:.8rem;right:.9rem}.login__cursor{vertical-align:text-bottom;background:var(--green);width:.6em;height:1.1em;animation:.9s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.login__ok{color:#86efac}.login__line--gap{margin-top:.8rem}.login__screen{text-shadow:0 0 6px #4ade8059;min-height:300px;padding:1.25rem 1.3rem 1.5rem;font-size:clamp(.78rem,.72rem + .3vw,.9rem);line-height:1.9}.login__line{white-space:nowrap;display:block;overflow:hidden}.login__line.is-typed span{vertical-align:bottom;border-right:.6em solid var(--green);width:0;animation:type .36s steps(var(--n)) forwards;display:inline-block;overflow:hidden}@keyframes type{to{width:calc(var(--n) * 1ch)}}.login__line--dim{color:#8fb59c}.login__warn{color:#ffb3a6;letter-spacing:.06em}.login__form{margin-top:.2rem}.login__field{border-radius:var(--radius-sm);background:#4ade800a;border:1px solid #4ade8059;align-items:center;gap:.6rem;margin-top:.3rem;padding:.55rem .8rem;display:flex}.login__field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #4ade8026}.login__field input{min-width:0;color:var(--green);font:inherit;caret-color:var(--green);background:0 0;border:0;outline:none;flex:1}.login__field input::placeholder{color:#4d6b57}.login__actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.login__btn{border-radius:var(--radius-sm);color:#8fb59c;min-height:42px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:background var(--dur), color var(--dur);background:0 0;border:1px solid #4ade8059;padding:0 1rem;font-size:.78rem}.login__btn:hover{color:var(--green);background:#4ade8014}.login__btn--primary{color:#04070d;background:var(--green);border-color:var(--green);font-weight:700}.login__btn--primary:hover{color:#04070d;background:#86efac}.login__note{color:#5d7d68;text-shadow:none;white-space:normal;margin-top:.9rem;font-size:.7rem}.login__granted .login__line{opacity:0;animation:.2s forwards fade-in}.login__granted .login__line:nth-child(2){animation-delay:.15s}.login__granted .login__line:nth-child(3){animation-delay:0s}.login__granted .login__line:nth-child(4){animation-delay:.3s}.login__granted .login__line:nth-child(5){animation-delay:.6s}.login__welcome{color:var(--moon);letter-spacing:.08em;text-shadow:0 0 10px #f4efe180;margin-top:.6rem;font-weight:700}@keyframes fade-in{to{opacity:1}}.login .intro__skip{z-index:105}.ocean--ambient{opacity:.22}@media (width>=900px){.ocean--ambient{opacity:.38}.ocean--ambient .ocean__gate,.ocean--ambient .ocean__moon,.ocean--ambient .ocean__shimmer{left:80%}}.ocean__horizon{height:clamp(70px,14vh,150px);transform:translateX(calc(var(--px,0) * -4px));will-change:transform;position:absolute;bottom:38%;left:-2%;right:-2%}.skyline{width:100%;height:100%;display:block}.skyline--lights{will-change:opacity;animation:3.5s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.skyline--lights+.skyline--lights{animation-delay:-1.75s}.ocean.is-entering .ocean__water{transform-origin:50% 100%;animation:.9s ease-in forwards swell}@keyframes swell{to{transform:scaleY(1.35)}}.ocean.is-entering .ocean__horizon{animation:.8s ease-in forwards shatter}@keyframes shatter{to{opacity:0;transform:translateY(-12px)scale(1.05)}}.xfer__shards i{aspect-ratio:1.6;opacity:0;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);background:linear-gradient(135deg,#3d6cb48c,#0a1226e6);border:1px solid #9cc4ff80;animation:1s cubic-bezier(.3,.6,.4,1) forwards shard;position:absolute;bottom:38%}@keyframes shard{0%{opacity:.9;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(var(--rise)) rotate(var(--rot)) scale(.6)}}.xfer__streaks i:nth-child(4){background:linear-gradient(90deg,#0000,#3d8bff 30%,#9cc4ff 70%,#0000);animation-delay:.88s;top:62%;box-shadow:0 0 14px #3d8bffe6}.xfer__streaks i:nth-child(2){background:linear-gradient(90deg,#0000,#3d8bff 30%,#9cc4ff 70%,#0000);box-shadow:0 0 14px #3d8bffe6}@media (width<=480px){.login__glyphs{display:none}}.intro__enter--quiet{color:var(--text-muted);background:#070b1466;border-color:#e8ecf34d}.intro__enter--quiet:hover,.intro__enter--quiet:focus-visible{color:var(--text);box-shadow:none;background:#e8ecf31a}.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,oklch(0% none none/.15))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.35)),inset 0 0 10px 4px var(--lightningcss-light,oklch(0% none none/.1))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.15)),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--webgl{box-shadow:0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d}.glass-surface__canvas,.glass-surface__frame{border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.glass-surface__frame{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,oklch(0% none none/.15))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.35)),inset 0 0 10px 4px var(--lightningcss-light,oklch(0% none none/.1))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.15)),inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--fallback{background:var(--lightningcss-light,hsl(0 0% 100%/calc(.12 + var(--glass-frost,0) * .5)))var(--lightningcss-dark,hsl(0 0% 100%/calc(.04 + var(--glass-frost,0) * .3)));-webkit-backdrop-filter:blur(12px) saturate(calc(var(--glass-saturation,1) * 1.4)) brightness(1.04);backdrop-filter:blur(12px) saturate(calc(var(--glass-saturation,1) * 1.4)) brightness(1.04);box-shadow:inset 0 1px var(--lightningcss-light,#ffffffd9)var(--lightningcss-dark,#ffffff4d),inset 0 -1px var(--lightningcss-light,#ffffff59)var(--lightningcss-dark,#ffffff14),inset 0 0 2px 1px var(--lightningcss-light,oklch(0% none none/.12))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.28)),inset 0 0 12px 3px var(--lightningcss-light,oklch(100% 5.96046e-8 none/.28))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.1)),0 4px 16px #11111a0f,0 8px 24px #11111a0f,0 16px 56px #11111a0f}.glass-surface__sheen,.glass-surface__rim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.glass-surface__sheen{background:linear-gradient(135deg,var(--lightningcss-light,#ffffff6b)var(--lightningcss-dark,#ffffff24) 0%,#0000 42% 64%,var(--lightningcss-light,#ffffff2e)var(--lightningcss-dark,#ffffff0d) 100%)}.glass-surface__rim{-webkit-mask-composite:xor;background:linear-gradient(150deg,var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff57),var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#ffffff08) 45%,var(--lightningcss-light,#ffffff14)var(--lightningcss-dark,#ffffff05) 60%,var(--lightningcss-light,#ffffff6b)var(--lightningcss-dark,#ffffff2e));padding:3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass-surface__line,.glass-surface__glow{pointer-events:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.glass-surface--svg .glass-surface__line,.glass-surface--webgl .glass-surface__line{background:var(--lightningcss-light,oklch(0% none none/.15))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.35))}.glass-surface--svg .glass-surface__glow,.glass-surface--webgl .glass-surface__glow{background:var(--lightningcss-light,oklch(0% none none/.1))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.15))}.glass-surface--fallback .glass-surface__line{background:var(--lightningcss-light,oklch(0% none none/.12))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.28))}.glass-surface--fallback .glass-surface__glow{background:var(--lightningcss-light,oklch(100% 5.96046e-8 none/.28))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.1))}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-surface--fallback{background:var(--lightningcss-light,#ffffffb8)var(--lightningcss-dark,#1f1f1fb8)}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}.gooey-nav{--gn-pad:6px;--gn-gap:4px;--gn-font:14px;--gn-x:16px;--gn-y:9px;max-width:100%;font-size:var(--gn-font);line-height:1.2;display:inline-flex;position:relative}.gooey-nav--sm{--gn-pad:5px;--gn-gap:2px;--gn-font:13px;--gn-x:13px;--gn-y:7px}.gooey-nav--lg{--gn-pad:7px;--gn-gap:6px;--gn-font:16px;--gn-x:20px;--gn-y:11px}.gooey-nav--framed{padding:var(--gn-pad);background:var(--gn-frame);box-shadow:var(--gn-frame-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);border-radius:999px}.gooey-nav__stage{max-width:100%;position:relative}.gooey-nav__canvas{pointer-events:none;position:absolute;top:0;left:0}.gooey-nav__fallback{background:var(--gn-pill);pointer-events:none;border-radius:999px;display:none;position:absolute;top:0;left:0}.gooey-nav__list{gap:var(--gn-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav__list--active{color:var(--gn-active-ink);visibility:hidden;clip-path:inset(100%);pointer-events:none;position:absolute;inset:0}.gooey-nav__item{display:flex}.gooey-nav__link{padding:var(--gn-y) var(--gn-x);color:var(--gn-muted);font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.gooey-nav__list--active .gooey-nav__link{color:inherit}.gooey-nav__item[data-active] .gooey-nav__link{color:var(--gn-ink)}.gooey-nav__link:focus-visible{outline:2px solid var(--gn-ink);outline-offset:2px}.gooey-nav__icon{flex:none;display:inline-flex}.gooey-nav__icon svg{width:1.15em;height:1.15em}.gooey-nav__rim{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--gn-frame-edge), inset 0 1px 0 var(--gn-frame-highlight);pointer-events:none;position:absolute;inset:0}@media (hover:hover){.gooey-nav__link:hover{color:var(--gn-ink)}}.shiny-text{-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.shiny-text__glow{filter:blur(.14em);pointer-events:none;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#fff;position:relative}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media (prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto:#0b0b0b}}.logoloop__track{will-change:transform;-webkit-user-select:none;user-select:none;z-index:0;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;display:flex}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);flex:none;line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{align-items:center;display:inline-flex}.logoloop__item img{height:var(--logoloop-logoHeight);object-fit:contain;width:auto;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform-origin:50%;transform:scale(1.2)}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{border-radius:4px;align-items:center;text-decoration:none;transition:opacity .2s;display:inline-flex}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline-offset:2px;outline:2px solid}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:10;width:clamp(24px,8%,120px);position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);left:0}.logoloop--fade:after{background:linear-gradient(to left, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);right:0}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{width:100%;height:clamp(24px,8%,120px);left:0;right:0}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);top:0;bottom:auto}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);top:auto;bottom:0}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translate(0,0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}