@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}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}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;-webkit-tap-highlight-color:transparent}.intro a:hover{text-decoration:underline}@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}}page-edges{display:contents}html[data-page-edges]{--page-background: var(--bg);--edge-top-background: var(--page-background);--edge-bottom-background: var(--page-background);--edge-top-height: max(12px, env(safe-area-inset-top, 0px));--edge-bottom-height: max(12px, env(safe-area-inset-bottom, 0px));--page-safe-top: 0px;--page-safe-bottom: 0px;background:var(--edge-top-background)}html[data-page-edges] body{background:var(--edge-bottom-background)}.page-background{background:var(--page-background, var(--bg));background-image:linear-gradient(var(--edge-bottom-background),var(--edge-bottom-background));background-position:bottom;background-size:100% var(--page-safe-bottom);background-repeat:no-repeat;min-height:100svh}.edge-top,.edge-bottom{display:none;position:fixed;left:0;right:0;z-index:500;pointer-events:none}.edge-top{top:0;height:var(--edge-top-height)}.edge-bottom{bottom:0;height:var(--edge-bottom-height)}.edge-top:after,.edge-bottom:after{content:"";display:none;position:fixed;left:0;right:0;pointer-events:none}.edge-top:after{top:0;height:var(--edge-top-height);background:var(--edge-top-background)}.edge-bottom:after{bottom:0;height:var(--edge-bottom-height);background:var(--edge-bottom-background)}@media(max-width:900px),(pointer:coarse){html[data-page-edges]{--page-safe-top: env(safe-area-inset-top, 0px);--page-safe-bottom: env(safe-area-inset-bottom, 0px)}.page-background{padding:var(--page-safe-top) env(safe-area-inset-right,0px) var(--page-safe-bottom) env(safe-area-inset-left,0px)}html[data-page-edges] .page-background>:is(.intro-wrap,.pd-page,.ed-page,.pv-page,.ug-page,.cl-page,.lb-page){min-height:calc(100svh - var(--page-safe-top) - var(--page-safe-bottom))}html[data-page-edges] :is(.pd-topbar,.ed-topbar){top:var(--page-safe-top)}.reel-page .filter-btn{top:calc(10px + var(--page-safe-top));right:max(10px,env(safe-area-inset-right,0px))}.reel-page :is(.edit-toggle,.toast){bottom:calc(24px + var(--page-safe-bottom))}.reel-page .edit-toggle{right:max(24px,env(safe-area-inset-right,0px))}.reel-page .edit-panel{padding:var(--page-safe-top) env(safe-area-inset-right,0px) var(--page-safe-bottom) env(safe-area-inset-left,0px)}.edge-top,.edge-bottom{display:block}page-edges[data-cover-top] .edge-top:after,page-edges[data-cover-bottom] .edge-bottom:after{display:block}}
