:root{--paper:#f8f7ef;--ink:#1a2630;--soft:#71818a;--hair:#c8ccc9;--accent:#f7c85e;--accent-dark:#9b6b13;--card:#fffefa;--shadow:0 23px 55px #172f361c;--split:42%;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Avenir Next,PingFang SC,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:var(--paper);color:var(--ink);min-height:100vh;margin:0;overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #ea8a7c}::selection{color:var(--ink);background:#f2bfc9}.page{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.page:before{content:"";z-index:-2;opacity:.72;pointer-events:none;background:repeating-linear-gradient(116deg,#0000 0 85px,#dfe6e5 86px,#0000 87px),radial-gradient(circle at 83% 12%,#fff0bc 0 13%,#0000 44%);min-height:100vh;position:absolute;inset:-100px -10% auto}.page:after{content:"";z-index:-1;pointer-events:none;border:1px solid #d6dddd;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-250px;right:-280px;box-shadow:0 0 0 75px #eaefed8c,0 0 0 150px #eaefed4d}.top{backdrop-filter:blur(12px);background:#fafbf7c7;border-bottom:1px solid #d9deda;justify-content:space-between;align-items:center;gap:20px;height:85px;padding:20px clamp(20px,4.2vw,76px);display:flex}.brand{align-items:center;gap:14px;text-decoration:none;display:flex}.brand-mark{clip-path:polygon(15% 0,100% 0,100% 78%,84% 100%,0 100%,0 22%);background:#ffe08c;place-items:center;width:43px;height:43px;font-size:24px;font-weight:900;display:grid;transform:rotate(-6deg)}.brand strong{letter-spacing:-1px;font-size:18px;display:block}.brand small{letter-spacing:1.5px;color:#708087;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.bottom{color:#849394;letter-spacing:.04em;border-top:1px solid #d9deda;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding:19px clamp(20px,4.2vw,76px) 25px;font:700 11px ui-monospace,monospace;display:flex}.bottom a{text-underline-offset:4px}.page:before{will-change:transform;animation:25s ease-in-out infinite alternate daylight-shift}.page:after{will-change:transform;animation:21s ease-in-out infinite alternate orbit-soft}.top{z-index:5;position:relative}.top:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#e6b75b,#0000);width:24%;height:2px;animation:8s linear infinite header-scan;position:absolute;bottom:-1px;left:0}@keyframes header-scan{0%{transform:translate(-200%)}to{transform:translate(650%)}}@keyframes daylight-shift{to{transform:translate(-4%)translateY(-1.5%)}}@keyframes orbit-soft{to{transform:translate(-40px,-30px)scale(1.03)}}:root{--gutter:clamp(20px, 4.2vw, 76px);--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease-out:cubic-bezier(.17, .88, .25, 1);color-scheme:light}html{scroll-behavior:auto}[hidden]{display:none!important}.page{overflow:clip}.top{backdrop-filter:none}.brand-mark{flex:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#9b4871}.skip-link{z-index:20;inset:12px auto auto var(--gutter);background:var(--ink);color:#fff;padding:10px 16px;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-nav,.bottom nav,.external-links{flex-wrap:wrap;align-items:center;gap:.65rem 1.2rem;display:flex}.site-nav{font:750 .72rem var(--mono);letter-spacing:.05em}.site-nav a{text-underline-offset:.35em;text-decoration:none}.site-nav a:hover,.site-nav [aria-current]{text-decoration:underline}.bottom{color:#52676b}.bottom a:hover{color:var(--ink)}@view-transition{navigation:auto}::view-transition-old(root){animation:.2s both route-out}::view-transition-new(root){animation:route-in .3s var(--ease-out) both}@keyframes route-out{to{opacity:0;transform:translate(-14px)}}@keyframes route-in{0%{opacity:0;clip-path:inset(0 0 0 4%);transform:translate(14px)}to{opacity:1;clip-path:inset(0);transform:none}}[data-motion-paused] *,[data-motion-paused] :before,[data-motion-paused] :after{animation-play-state:paused!important}[data-lite-motion] .page:before,[data-lite-motion] .page:after,[data-lite-motion] .top:after{will-change:auto;animation:none}@media (width<=650px){:root{--gutter:18px}.top{height:auto;min-height:69px;padding:13px var(--gutter);flex-wrap:wrap;gap:12px}.brand strong{font-size:15px}.brand-mark{width:34px;height:34px}.brand small{font-size:8px}.site-nav{gap:.55rem 1rem;width:100%}.bottom{padding:17px var(--gutter) 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}[data-route-fallback] main{animation:route-in .32s var(--ease-out)}
