@font-face{font-family:Geist;src:url(/assets/fonts/geist-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:light dark;--ink: rgb(28, 28, 28);--gray-mid: rgb(92, 92, 92);--gray-light: rgb(161, 161, 161);--bg: #ffffff;--intro-muted: #b8b8b8;--card-bg: rgba(255, 255, 255, .7);--card-bg-solid: #ffffff;--card-shadow: rgba(0, 0, 0, .16);--sheet-shadow: rgba(0, 0, 0, .18);--hairline: rgba(0, 0, 0, .07);--hairline-strong: rgba(0, 0, 0, .18);--chip-bg: rgba(255, 255, 255, .5);--card-rim: transparent;--squircle: url(/pokoe/assets/squircle-mask.svg)}:root[data-theme=light]{color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: rgb(237, 237, 238);--gray-mid: rgb(154, 154, 159);--gray-light: rgb(123, 123, 128);--bg: #0b0b0c;--intro-muted: rgb(106, 106, 111);--card-bg: rgba(26, 26, 28, .72);--card-bg-solid: #151517;--card-shadow: rgba(0, 0, 0, .62);--sheet-shadow: rgba(0, 0, 0, .72);--hairline: rgba(255, 255, 255, .12);--hairline-strong: rgba(255, 255, 255, .3);--chip-bg: rgba(255, 255, 255, .07);--card-rim: rgba(255, 255, 255, .12)}}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Geist,Geist Placeholder,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.intro-wrap{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:48px 144px}.intro{max-width:737px;margin:0;font-size:32px;line-height:38.4px;font-weight:400;color:var(--ink)}.intro a{color:inherit;text-decoration:none}.intro a:hover{text-decoration:underline}.pokoe-link{position:relative}.pokoe-word{transition:opacity .34s ease}.pokoe-icon{position:absolute;left:50%;top:50%;width:1.5em;height:1.5em;pointer-events:none;user-select:none;background:linear-gradient(180deg,#2b2b2e,#050506);box-shadow:inset 0 1.5px 1.5px #fff3;-webkit-mask:var(--squircle) center/100% 100% no-repeat;mask:var(--squircle) center/100% 100% no-repeat;filter:drop-shadow(0 2px 3px #00000026) drop-shadow(0 18px 28px #00000042);opacity:0;transform:translate(-50%,-78%) scale(.42) rotate(-26deg);transition:transform .54s cubic-bezier(.34,1.5,.48,1),opacity .2s ease}.pokoe-glyph{position:absolute;inset:0;margin:auto;width:52%;height:auto;fill:#fff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pokoe-icon{filter:drop-shadow(0 0 1px rgba(255,255,255,.34)) drop-shadow(0 14px 26px rgba(0,0,0,.75))}}@media(hover:hover)and (pointer:fine){.pokoe-link:hover .pokoe-word,.pokoe-link:focus-visible .pokoe-word{opacity:.2}.pokoe-link:hover .pokoe-icon,.pokoe-link:focus-visible .pokoe-icon{opacity:1;transform:translate(-50%,-52%) scale(1) rotate(-7deg)}}.links{display:flex;flex-wrap:wrap;align-items:baseline;gap:24px;margin-top:45px}.link-socials{display:contents}.links a{font-size:16px;line-height:21px;font-weight:400;color:var(--gray-mid);text-decoration:none;transition:color .18s ease}.links a:hover{color:var(--ink)}.overlay[hidden]{display:none}.backdrop{position:fixed;inset:0;z-index:40;background:transparent;animation:fade .2s ease both}.card{position:fixed;top:16px;right:16px;width:548px;max-width:calc(100vw - 32px);height:calc(100svh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:50;display:flex;flex-direction:column;gap:24px;padding:60px 60px 60px 90px;background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;box-shadow:var(--card-shadow) 0 1px 26px 1px,inset 0 0 0 1px var(--card-rim);transform-origin:top right;will-change:transform;animation:cardIn .49s linear(0,.1087 4.9%,.2363 8.2%,.3882 11.4%,.5375 14.9%,.6645 18.4%,.779 21.6%,.8703 25.1%,.9355 28.6%,.9849 31.8%,1.0172 35.3%,1.0351 38.8%,1.0442 42%,1.0459 45.5%,1.0432 49%,1.0377 52.2%,1.0308 55.7%,1.0243 59.2%,1.0177 62.4%,1.0121 65.9%,1.0077 69.4%,1.0041 72.7%,1.0015 76.1%,.9998 79.6%,.9987 82.9%,.9981 86.3%,1) both}.overlay.is-closing .card{animation:cardOut .3s cubic-bezier(.5,0,.75,0) both}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{transform:translate(calc(100% + 24px))}to{transform:translate(0)}}@keyframes cardOut{0%{transform:translate(0)}to{transform:translate(calc(100% + 24px))}}.card-close{position:absolute;top:28px;right:28px;width:32px;height:32px;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--hairline);border-radius:50%;background:var(--chip-bg);color:var(--gray-light);cursor:pointer;transition:color .18s ease,border-color .18s ease}.card-close:before{content:"";position:absolute;inset:-10px}.card-close:hover{color:var(--ink);border-color:var(--hairline-strong)}.card-close{-webkit-tap-highlight-color:transparent}.card-close:focus:not(:focus-visible){outline:none}.card-close:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.card:focus,.card:focus-visible{outline:none}.links a,.intro a{-webkit-tap-highlight-color:transparent}.sheet-handle{display:none}.card.dragging,.card.dragging *{-webkit-user-select:none;user-select:none}.profile{display:flex;flex-direction:row;align-items:center;gap:16px}.profile img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}.profile-text{display:flex;flex-direction:column}.name{margin:0;font-size:20px;line-height:26px;font-weight:400;color:var(--ink)}.role{margin:0;font-size:14px;line-height:22.4px;font-weight:400;color:var(--gray-light)}.section-label{margin:0;font-size:14px;line-height:22.4px;font-weight:500;color:var(--ink)}.xp-row{display:flex;flex-direction:row;gap:40px}.xp-row .years{flex:0 0 93px;width:93px;margin:0;font-size:14px;line-height:22.4px;font-weight:400;color:var(--gray-mid)}.xp-row .detail{display:flex;flex-direction:column}.xp-row .detail .title{margin:0;font-size:14px;line-height:22.4px;font-weight:400;color:var(--ink)}.xp-row .detail .title a{color:var(--ink);text-decoration:none}.xp-row .detail .title a:hover{text-decoration:underline}.xp-row .detail .sub{margin:0;font-size:14px;line-height:22.4px;font-weight:400;color:var(--gray-light)}@media(max-width:1100px){.intro-wrap{padding:48px 80px}}@media(max-width:900px){.intro-wrap{padding:40px}.intro{font-size:28px;line-height:34px}}@media(max-width:600px){.intro-wrap{justify-content:flex-end;padding:32px 24px max(40px,env(safe-area-inset-bottom,0px) + 40px)}.intro{font-size:25px;line-height:32px}.links{flex-direction:column;align-items:flex-start;gap:4px;margin-top:36px}.link-socials{display:contents}.links a{padding:2px 0}.backdrop{background:transparent}.card{inset:auto 0 0;width:100%;max-width:none;height:auto;max-height:92svh;gap:16px;padding:44px 22px calc(22px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;transform-origin:bottom center;background:var(--card-bg-solid);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--sheet-shadow) 0 -2px 30px 0,inset 0 1px 0 0 var(--card-rim);touch-action:pan-y;animation:sheetIn .42s cubic-bezier(.32,.72,0,1) both}.overlay.is-closing .card{animation:sheetOut .26s cubic-bezier(.32,.72,0,1) both}.card-close{top:16px;right:16px}.sheet-handle{display:block;position:absolute;top:0;left:0;right:0;height:36px;touch-action:none;cursor:grab;z-index:1}.sheet-handle:before{content:"";position:absolute;top:9px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:999px;background:var(--hairline-strong)}.sheet-handle:active{cursor:grabbing}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.backdrop,.card,.overlay.is-closing .card,.overlay.is-closing .backdrop{animation:none}.pokoe-icon{transition:opacity .18s ease;transform:translate(-50%,-52%) rotate(-7deg)}.pokoe-link:hover .pokoe-icon,.pokoe-link:focus-visible .pokoe-icon{transform:translate(-50%,-52%) rotate(-7deg)}}
