:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f2ec;--bg-soft:#ece9e0;--ink:#1d1a15;--ink-soft:#6c655a;--ink-faint:#6b6256;--line:#e0dccf;--card:#fff;--halo:#fff;--grain-opacity:.035;--cover-ring:transparent;--font-display:"Fraunces", "Iowan Old Style", Georgia, "Songti TC", serif;--font-sans:"Inter", -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark] .card{--accent-on:color-mix(in srgb, var(--accent) 52%, #efe6d4)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14120e;--bg-soft:#1c1813;--ink:#ece5d9;--ink-soft:#a99d8d;--ink-faint:#9d9283;--line:#322b23;--card:#1c1813;--halo:#241e16;--grain-opacity:.05;--cover-ring:#ece5d914}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);transition:background-color .5s var(--ease), color .5s var(--ease);line-height:1.6}.cv-kicker{font-family:var(--font-sans);letter-spacing:3px;font-size:9px;font-weight:600}.cv-title{font-family:var(--font-display);letter-spacing:.5px;font-size:17px;font-weight:600}.cv-title-lg{font-family:var(--font-display);font-size:25px;font-weight:700}.cv-author{font-family:var(--font-sans);letter-spacing:2px;font-size:10px;font-weight:500}.cv-coin{font-family:var(--font-display);font-size:18px;font-weight:600}.cv-stamp{font-family:var(--font-sans);letter-spacing:4px;font-size:12px;font-weight:600}.shell{background:radial-gradient(120% 80% at 50% -10%, var(--halo) 0%, transparent 55%), var(--bg);max-width:1200px;min-height:100vh;margin:0 auto;padding:clamp(2.5rem,6vw,6rem) clamp(1.25rem,5vw,4rem) 4rem;position:relative}.grain{pointer-events:none;z-index:0;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.shell>*{z-index:1;position:relative}.masthead{border-bottom:1px solid var(--line);margin-bottom:clamp(2rem,5vw,3.5rem);padding-bottom:clamp(2rem,5vw,3.5rem);position:relative}.masthead-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.kicker{letter-spacing:.42em;color:var(--ink-faint);text-transform:uppercase;font-size:.72rem;font-weight:600}.controls{flex:none;align-items:center;gap:.6rem;display:inline-flex}.theme-toggle{appearance:none;cursor:pointer;border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 60%, var(--card));width:2.25rem;height:2.25rem;color:var(--ink-soft);transition:color .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);border-radius:999px;place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--ink);border-color:color-mix(in srgb, var(--ink-faint) 60%, var(--line))}.theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.theme-track{width:14px;height:14px;position:relative}.theme-icon{transition:opacity .35s var(--ease-out-expo), transform .45s var(--ease-out-expo);position:absolute;inset:0}.theme-sun{opacity:1;transform:rotate(0)scale(1)}.theme-moon{opacity:0;transform:rotate(-90deg)scale(.6)}:root[data-theme=dark] .theme-sun{opacity:0;transform:rotate(90deg)scale(.6)}:root[data-theme=dark] .theme-moon{opacity:1;transform:rotate(0)scale(1)}.lang-toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 60%, #fff);border-radius:999px;flex:none;padding:3px;display:inline-flex;position:relative}.lang-thumb{background:var(--ink);width:calc(50% - 3px);height:calc(100% - 6px);transform:translateX(calc(var(--active,0) * 100%));transition:transform .4s var(--ease-out-expo);border-radius:999px;position:absolute;top:3px;left:3px}.lang-opt{z-index:1;appearance:none;cursor:pointer;min-width:2.6rem;font-family:var(--font-sans);letter-spacing:.04em;color:var(--ink-soft);transition:color .3s var(--ease);background:0 0;border:none;padding:.32rem .6rem;font-size:.78rem;font-weight:600;position:relative}.lang-opt.is-active{color:var(--bg)}.lang-opt:focus-visible{outline:2px solid var(--accent,var(--ink));outline-offset:3px;border-radius:999px}.display{font-family:var(--font-display);letter-spacing:-.01em;margin:.5rem 0 0;font-size:clamp(3rem,11vw,6.5rem);font-weight:600;line-height:.95}.lede{max-width:34ch;color:var(--ink-soft);margin-top:1.25rem;font-size:clamp(.95rem,1.4vw,1.05rem)}.count{align-items:baseline;gap:.5rem;display:flex;position:absolute;bottom:clamp(2rem,5vw,3.5rem);right:0}@media (width<=720px){.count{margin-top:1.5rem;position:static}}.count-num{font-family:var(--font-display);color:var(--ink);font-size:clamp(2rem,4vw,3rem);font-weight:500}.count-label{letter-spacing:.3em;color:var(--ink-faint);font-size:.72rem}.grid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(2rem,4vw,3.25rem) clamp(1.6rem,2.6vw,2.5rem);list-style:none;display:flex}@media (width<=560px){.card{flex-basis:100%;max-width:320px}}.card{--accent-on:color-mix(in srgb, var(--accent) 55%, var(--ink));opacity:0;min-width:0;max-width:288px;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:var(--reveal-delay,0s);flex-direction:column;flex:0 250px;display:flex;transform:translateY(26px)}.card.is-revealed{opacity:1;transform:none}.card-link{perspective:1100px;--px:0;--py:0;--rx:0;--ry:0;outline:none;text-decoration:none;display:block}.card-link:focus-visible .cover-stage{outline:2px solid var(--accent-on);outline-offset:8px;border-radius:4px}.cover{padding-bottom:8%;position:relative}.cover-stage{aspect-ratio:2/3;transform-style:preserve-3d;transform:translateY(var(--lift,0px)) rotateX(calc(var(--rx) * 1deg)) rotateY(calc(var(--ry) * 1deg));transition:transform .5s var(--ease), box-shadow .5s var(--ease);box-shadow:0 0 0 1px var(--cover-ring), 0 1px 1px #1c18120a, 0 12px 24px -16px #1c181266;will-change:transform;border-radius:3px 7px 7px 3px;position:relative;overflow:hidden}.card-link:hover .cover-stage{--lift:-6px;box-shadow:0 2px 2px #1c18120d,0 40px 64px -28px #1c181280}.cover-svg{width:100%;height:100%;display:block}.spine{z-index:4;pointer-events:none;background:linear-gradient(90deg,#00000047,#0000001a 45%,#ffffff24 60%,#0000 100%);width:9px;position:absolute;inset:0 auto 0 0}.cover-sheen{z-index:5;pointer-events:none;transition:transform .85s var(--ease);mix-blend-mode:soft-light;background:linear-gradient(105deg,#0000 30%,#ffffff59 48%,#0000 62%);position:absolute;inset:0;transform:translate(-120%)}.card-link:hover .cover-sheen{transform:translate(120%)}.cover-shadow{filter:blur(13px);opacity:.5;height:22px;transition:transform .5s var(--ease), opacity .5s var(--ease);background:#1c181252;border-radius:50%;position:absolute;bottom:0;left:8%;right:8%;transform:scale(.9)}.card-link:hover .cover-shadow{opacity:.7;transform:translateY(8px)scale(1.04)}.layer{transition:transform .5s var(--ease)}.card-link:hover .layer{transition:transform .12s linear}.layer-back{transform:translate(calc(var(--px) * 5px), calc(var(--py) * 5px))}.layer-mid{transform:translate(calc(var(--px) * -9px), calc(var(--py) * -9px))}.layer-front{transform:translate(calc(var(--px) * -18px), calc(var(--py) * -18px))}.meta{flex-direction:column;flex:auto;align-items:flex-start;margin-top:1.4rem;display:flex}.badge{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.62rem;font-weight:600;display:inline-flex}.badge:before{content:"";background:var(--accent-on);border-radius:50%;flex:none;width:5px;height:5px}.meta-title{font-family:var(--font-display);letter-spacing:-.005em;font-size:1.2rem;font-weight:600;line-height:1.25}.meta-byline{color:var(--ink-faint);letter-spacing:.02em;margin-top:.3rem;font-size:.82rem}.meta-tagline{color:var(--ink-soft);max-width:32ch;margin-top:.7rem;font-size:.88rem}.open{letter-spacing:.04em;color:var(--ink-soft);transition:color .3s var(--ease);align-items:center;gap:.4rem;margin-top:auto;padding-top:1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.open svg{transition:transform .3s var(--ease)}.open:hover{color:var(--accent-on)}.open:hover svg,.card-link:hover~.meta .open svg{transform:translate(4px)}.reader-shell{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.reader-bar{z-index:2;border-bottom:1px solid var(--line);background:var(--bg-soft);align-items:center;gap:.7rem;padding:.7rem clamp(1rem,4vw,2rem);display:flex;position:sticky;top:0}.reader-back{letter-spacing:.04em;color:var(--ink-soft);transition:color .3s var(--ease);align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.reader-back svg{transition:transform .3s var(--ease)}.reader-back:hover{color:var(--ink)}.reader-back:hover svg{transform:translate(-3px)}.reader-back:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.reader-sep{color:var(--line)}.reader-title{font-family:var(--font-display);color:var(--ink);font-size:.95rem;font-weight:600}.reader-frame,.reader-mount{background:var(--bg);border:0;flex:auto;width:100%;min-height:0}.footer{border-top:1px solid var(--line);letter-spacing:.08em;color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:clamp(3rem,7vw,5.5rem);padding-top:1.75rem;font-size:.78rem;display:flex}.footer .dot{color:var(--line)}.anim-spin{transform-box:fill-box;transform-origin:50%;will-change:transform;animation:150s linear infinite spin}.enoch-stars circle{animation:4s ease-in-out infinite twinkle}.enoch-stars circle:nth-child(2n){animation-duration:5.5s;animation-delay:-1.2s}.enoch-stars circle:nth-child(3n){animation-duration:3.4s;animation-delay:-.6s}.enoch-stars circle:nth-child(4n){animation-duration:6s;animation-delay:-2.3s}.enoch-meteor{opacity:0;will-change:transform, opacity;animation-name:enoch-meteor;animation-timing-function:cubic-bezier(.3,0,.2,1);animation-iteration-count:infinite}.anim-rays{transform-box:view-box;transform-origin:150px 289px;will-change:transform;animation:120s linear infinite spin}.anim-breathe,.anim-breathe-alt{transform-box:fill-box;transform-origin:50%;will-change:transform}.anim-breathe{animation:6s ease-in-out infinite alternate breathe}.anim-breathe-alt{animation:7.5s ease-in-out -3.75s infinite alternate breathe}.anim-pulse{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite pulse-glow}.anim-sheen{opacity:0;animation:coin-sheen 7s var(--ease-out-quart) infinite}.anim-draw{stroke-dasharray:1;stroke-dashoffset:0}.card.is-revealed .anim-draw{animation:draw-in 1.5s var(--ease-out-quart) both}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes breathe{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes pulse-glow{0%,to{opacity:.22;transform:scale(.82)}50%{opacity:.55;transform:scale(1.18)}}@keyframes coin-sheen{0%{opacity:0;transform:translate(-26px)}8%{opacity:.75}18%{opacity:0;transform:translate(26px)}to{opacity:0;transform:translate(26px)}}@keyframes draw-in{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes enoch-meteor{0%{opacity:0;transform:translate(0)}3%{opacity:.95}13%{opacity:0;transform:translate(var(--mx,120px), var(--my,64px))}to{opacity:0;transform:translate(var(--mx,120px), var(--my,64px))}}@media (prefers-reduced-motion:reduce){.card,.cover-stage,.layer,.cover-sheen,.cover-shadow,.lang-thumb,.theme-icon,.open svg{transition:none!important}.card{opacity:1;transform:none}.cover-stage{transform:none!important}.anim-spin,.anim-rays,.anim-breathe,.anim-breathe-alt,.anim-pulse,.anim-sheen,.enoch-stars circle,.enoch-meteor,.card.is-revealed .anim-draw{animation:none!important}.anim-sheen{opacity:0}.anim-pulse{opacity:.4}.enoch-meteor{opacity:0}}.gate{background:radial-gradient(120% 80% at 50% -10%, var(--halo) 0%, transparent 55%), var(--bg);place-items:center;min-height:100dvh;padding:clamp(1.5rem,5vw,3rem);display:grid;position:relative}.gate-top{z-index:1;align-items:center;gap:.6rem;display:inline-flex;position:absolute;top:clamp(1rem,4vw,2rem);right:clamp(1rem,4vw,2rem)}.gate-main{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:320px;display:flex;position:relative}.gate-title{font-family:var(--font-display);letter-spacing:-.01em;margin-top:.35rem;font-size:clamp(2.5rem,9vw,4rem);font-weight:600;line-height:.95}.gate-hint{color:var(--ink-soft);letter-spacing:.02em;min-height:1.4em;font-size:.9rem}.gate.is-error .gate-hint{color:color-mix(in srgb, #c0492f 80%, var(--ink))}.gate-dots{flex-direction:row;gap:.85rem;display:flex}.gate-dot{border:1.5px solid var(--ink-faint);width:13px;height:13px;transition:background .25s var(--ease), transform .25s var(--ease), border-color .25s var(--ease);border-radius:50%}.gate-dot.is-filled{background:var(--ink);border-color:var(--ink);transform:scale(1.06)}.gate.is-error .gate-dot.is-filled{background:color-mix(in srgb, #c0492f 70%, var(--ink));border-color:color-mix(in srgb, #c0492f 70%, var(--ink))}@keyframes gate-shake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(1px)}to{transform:translate(0)}}.gate.is-error .gate-dots{animation:gate-shake .45s var(--ease)}.gate-pad{grid-template-columns:repeat(3,1fr);gap:clamp(.7rem,2.5vw,1.1rem);width:min(82vw,280px);display:grid}.gate-key{aspect-ratio:1;border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 55%, var(--card));color:var(--ink);font-family:var(--font-display);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--ease), background .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);border-radius:50%;place-items:center;font-size:clamp(1.3rem,5vw,1.7rem);font-weight:500;display:grid}@media (hover:hover){.gate-key:hover{border-color:var(--ink-faint);box-shadow:0 4px 12px -4px color-mix(in srgb, var(--ink) 20%, transparent);transform:translateY(-2px)}}.gate-key:active{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:scale(.94)}.gate-key:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.gate-key--empty{pointer-events:none;background:0 0;border:none}.gate-key--util{color:var(--ink-soft)}@media (hover:hover){.gate-key--util:hover{color:var(--ink)}}.gate-key--util:active{color:var(--bg)}@media (prefers-reduced-motion:reduce){.gate-dot,.gate-key{transition:none}.gate.is-error .gate-dots{animation:none}}