.sp-theme-toggle{min-height:38px;color:inherit;opacity:.8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:.4rem;padding:.35rem .72rem;font:600 .78rem/1.2 system-ui,sans-serif;display:inline-flex}.sp-theme-toggle:hover{opacity:1}.sp-theme-toggle:focus-visible{outline:2px solid var(--sp-accent,#3157c8);outline-offset:3px;opacity:1}.sp-theme-toggle>span:first-child{font-size:1.12rem;line-height:1}.sp-theme-toggle--floating{z-index:1000;background:var(--bg,#1a1a1a);color:var(--fg,var(--text,#e8e6e1));position:fixed;top:1rem;right:1rem;box-shadow:0 2px 12px #00000029}[data-theme-page=serpent] .sp-theme-toggle{opacity:.85;min-height:30px;padding:.22rem .35rem}[data-theme-page=serpent] .sp-theme-toggle__label{display:none}@media (max-width:640px){.sp-header__inner>.sp-theme-toggle{align-self:flex-end}.sp-theme-toggle--floating{top:.65rem;right:.65rem}}@media print{.sp-theme-toggle{display:none!important}}:root[data-theme=light] .sp-header,:root[data-theme=light] .sp-footer{--sp-accent:#205e76}:root[data-theme=dark] .sp-header,:root[data-theme=dark] .sp-footer{--sp-accent:#98d5e5}:root[data-theme=light] body.sp-index-page{color:#142b38;background:#f3f7f7}:root[data-theme=dark] body.sp-index-page{color:#e5eef0;background:#102530}:root[data-theme=light] :is(.sp-index .sp-kicker,.sp-entry__links a){color:#205e76}:root[data-theme=dark] :is(.sp-index .sp-kicker,.sp-entry__links a){color:#98d5e5}:root[data-theme=light] .sp-skip{color:#1a1a1a;background:#fdfdfc}:root[data-theme=dark] .sp-skip{color:#e8e6e1;background:#1a1a1a}:root[data-theme=light][data-theme-page=home]{--bg:#f3f7f7;--fg:#142b38;--muted:#4e6974;--line:#cad9dc;--accent:#205e76;--feature:#e7f0f1;--feature-line:#cad9dc}:root[data-theme=dark][data-theme-page=home]{--bg:#102530;--fg:#e5eef0;--muted:#a8c0c8;--line:#365560;--accent:#98d5e5;--feature:#183642;--feature-line:#365560}:root[data-theme=light][data-theme-page=reading]{--bg:#fdfdfc;--fg:#1a1a1a;--muted:#1a1a1a94;--line:#1a1a1a24;--quote:#1a1a1a0e;--code-bg:#1a1a1a0a}:root[data-theme=dark][data-theme-page=reading]{--bg:#1a1a1a;--fg:#e8e6e1;--muted:#e8e6e199;--line:#e8e6e126;--quote:#e8e6e10f;--code-bg:#e8e6e10f}:root[data-theme=light][data-theme-page=git]{--bg:#fdfdfc;--fg:#1b1b1b;--muted:#1b1b1b9c;--line:#1b1b1b24;--soft:#f6f2ef;--accent:#c84b2b;--accent-soft:#f8e9e3;--code:#f1efed;--branch:#3157c8}:root[data-theme=dark][data-theme-page=git]{--bg:#191817;--fg:#edeae6;--muted:#edeae69e;--line:#edeae624;--soft:#24211f;--accent:#ff8e6e;--accent-soft:#3a2520;--code:#292624;--branch:#9ab2ff}:root[data-theme=light][data-theme-page=jev]{--bg:#fdfdfc;--fg:#191919;--muted:#1919199e;--line:#19191924;--soft:#f2f4f9;--accent:#3157c8;--accent-soft:#e8edff;--code:#eef1f7}:root[data-theme=dark][data-theme-page=jev]{--bg:#181818;--fg:#eceae5;--muted:#eceae59e;--line:#eceae524;--soft:#21242b;--accent:#9ab2ff;--accent-soft:#242d4b;--code:#242730}:root[data-theme=light][data-theme-page=skills]{--paper:#fdfdfc;--ink:#20242b;--muted:#626a74;--line:#d9dee6;--accent:#3157c8;--blue-tint:#eef2fc;--panel:#f5f7fb;--file:#fff;--forest:#315f57}:root[data-theme=dark][data-theme-page=skills]{--paper:#181c23;--ink:#e8ebf0;--muted:#aab2bf;--line:#3a4351;--accent:#9ab2ff;--blue-tint:#252e45;--panel:#202733;--file:#1b222d;--forest:#9bd0bf}:root[data-theme=light][data-theme-page=reading] code{background:#1a1a1a0a}:root[data-theme=dark][data-theme-page=reading] code{background:#e8e6e114}:root[data-theme=light][data-theme-page=night]{background:#f4f5f6}:root[data-theme=light][data-theme-page=night] body,:root[data-theme=light][data-theme-page=night] :is(img,video,canvas){filter:invert()hue-rotate(180deg)}:root[data-theme=light][data-theme-page=night] .sp-nav a[aria-current]{color:#fff;border-color:#fff}@media print{:root[data-theme=light][data-theme-page=night] body,:root[data-theme=light][data-theme-page=night] :is(img,video,canvas){filter:none}}:root[data-theme=light][data-theme-page=serpent]{--bg:#f7f5f0;--bg-deep:#ece7dd;--fg:#28251f;--fg-dim:#28251f9e;--fg-faint:#28251f29;--accent:#77541f;--accent-bright:#93682b;--grid-line:#28251f12;--snake:#8d6d3d;--snake-dark:#5c4729;--snake-light:#b89455;--wall-1:#918475;--wall-2:#6d6255;--wall-3:#b3a99c}:root[data-theme=light][data-theme-page=replay]{--bg:#faf8f3;--fg:#29251f;--dim:#665f56;--line:#d8d1c5;--accent:#79552d}:root[data-theme=light][data-theme-page=replay] .canvas-frame{background:#050505}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#f3f7f7;--ink:#142b38;--muted:#4e6974;--line:#cad9dc;--accent:#205e76;--accent-warm:#b87638;--surface:#e7f0f1;--display:"Iowan Old Style", "Palatino Linotype", "Songti SC", "STSong", Georgia, serif;--ui:"Segoe UI", "Microsoft YaHei", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#102530;--ink:#e5eef0;--muted:#a8c0c8;--line:#365560;--accent:#98d5e5;--accent-warm:#e7b37b;--surface:#183642}}:root[data-theme=light]{--paper:#f3f7f7;--ink:#142b38;--muted:#4e6974;--line:#cad9dc;--accent:#205e76;--accent-warm:#b87638;--surface:#e7f0f1}:root[data-theme=dark]{--paper:#102530;--ink:#e5eef0;--muted:#a8c0c8;--line:#365560;--accent:#98d5e5;--accent-warm:#e7b37b;--surface:#183642}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);font:18px/1.72 var(--display);margin:0}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sp-skip{z-index:20;background:var(--paper);color:var(--ink);font:600 .9rem var(--ui);padding:.55rem .8rem;position:absolute;top:-5rem;left:1rem}.sp-skip:focus{top:1rem}.sp-header,.sp-footer{width:min(100% - 3rem,1160px);margin-inline:auto}.sp-header{z-index:5;border-bottom:1px solid var(--line);position:relative}.sp-header__inner{align-items:center;gap:2rem;min-height:86px;display:flex}.sp-brand{font:600 1.48rem var(--display);letter-spacing:-.055em;flex:none;margin-right:auto;text-decoration:none}.sp-brand span{color:var(--accent-warm)}.sp-nav{font:550 .91rem var(--ui);flex-wrap:wrap;align-items:center;gap:clamp(.7rem,2.4vw,2.1rem);display:flex}.sp-nav a{border-bottom:2px solid #0000;padding:.75rem 0;text-decoration:none}.sp-nav a[aria-current],.sp-nav a:hover{color:var(--accent);border-color:var(--accent)}.sp-header .sp-theme-toggle{border-color:var(--line);color:var(--ink)}.sp-footer{z-index:1;border-top:1px solid var(--line);color:var(--muted);font:400 .79rem/1.6 var(--ui);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding:1.5rem 0 3rem;display:flex;position:relative}.sp-footer__inner{display:contents}.sp-footer p{margin:0}.sp-index{width:min(100% - 3rem,1160px);margin:auto;padding:clamp(3.5rem,7vw,6.6rem) 0 6rem}.sp-index-intro{max-width:780px;margin-bottom:clamp(4rem,8vw,7rem)}.sp-index h1{font:500 clamp(3.7rem,8vw,6.8rem)/1.08 var(--display);letter-spacing:-.075em;margin:0 0 .8rem}.sp-index .sp-intro{max-width:700px;color:var(--muted);margin:0;font-size:clamp(1.08rem,1.8vw,1.23rem)}.sp-index-section{border-top:1px solid var(--line);padding:1.4rem 0 3rem}.sp-index-label{color:var(--muted);font:600 .85rem var(--ui);margin:0 0 1.5rem}.sp-entry{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 180px;gap:1rem 2rem;padding:1.45rem 0;display:grid}.sp-entry:first-child{border-top:0;padding-top:0}.sp-entry h2,.sp-entry h3,.sp-card h2{font:500 clamp(1.3rem,2.4vw,1.85rem)/1.35 var(--display);letter-spacing:-.025em;margin:0 0 .35rem}.sp-entry h2 a,.sp-entry h3 a,.sp-card h2 a{text-decoration:none}.sp-entry p,.sp-card p{max-width:710px;color:var(--muted);margin:0;font-size:.97rem}.sp-entry__meta{color:var(--muted);font:.79rem/1.6 var(--ui)}.sp-entry__links{font:.82rem/1.5 var(--ui);flex-wrap:wrap;gap:.4rem 1rem;margin-top:.8rem;display:flex}.sp-entry__links a{color:var(--accent)}.sp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;display:grid}.sp-card{background:var(--surface);border:1px solid var(--line);min-height:245px;padding:1.7rem}.sp-card .sp-entry__meta{margin-bottom:1.2rem;display:block}.sp-card h2{font-size:clamp(1.5rem,2.6vw,2rem)}.sp-context{max-width:700px;color:var(--muted)}.sp-games-lead{color:#eef4f3;background:#192d38;grid-template-columns:1fr minmax(190px,.42fr);align-items:end;gap:2rem;padding:clamp(2rem,5vw,4rem);display:grid}.sp-games-lead .sp-entry__meta,.sp-games-lead p{color:#b5c9cd}.sp-games-lead h2{font:500 clamp(2rem,4vw,3.2rem)/1.15 var(--display);margin:.8rem 0 .6rem}.sp-games-lead h2 a{text-decoration:none}:root[data-theme] .sp-games-lead .sp-entry__links a{color:#f2c183}.sp-serpent-mark{aspect-ratio:1;opacity:.85;justify-self:end;width:min(100%,260px)}@media (max-width:740px){.sp-header__inner{flex-wrap:wrap;gap:0 .8rem;padding:.85rem 0}.sp-brand{margin-right:auto}.sp-nav{order:3;justify-content:space-between;gap:.4rem;width:100%;margin-top:.4rem;font-size:.8rem}.sp-nav a{padding:.5rem 0}.sp-index{padding-top:3.5rem}.sp-index-intro{margin-bottom:3.5rem}.sp-entry{grid-template-columns:1fr;gap:.25rem}.sp-entry__meta{grid-row:1}.sp-card-grid,.sp-games-lead{grid-template-columns:1fr}.sp-card{min-height:0}.sp-serpent-mark{display:none}}@media (max-width:420px){.sp-header,.sp-footer,.sp-index{width:calc(100% - 2rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--sx-paper:#f3f7f7;--sx-ink:#142b38;--sx-muted:#4e6974;--sx-line:#cad9dc;--sx-accent:#205e76;--sx-warm:#b87638;--sx-surface:#e7f0f1}:root[data-theme=dark]{--sx-paper:#102530;--sx-ink:#e5eef0;--sx-muted:#a8c0c8;--sx-line:#365560;--sx-accent:#98d5e5;--sx-warm:#e7b37b;--sx-surface:#183642}.sx-modal-open{overflow:hidden}body :is(.sx-dialog,.sx-search-button,.sx-reader-launch,.sx-annotate,.sx-resume,.sx-status){box-sizing:border-box;color:var(--sx-ink);letter-spacing:normal;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif}body .sx-dialog *{box-sizing:border-box}body :is(.sx-dialog,.sx-search-button,.sx-reader-launch,.sx-annotate,.sx-resume) :is(button,input,textarea,a):focus-visible,body :is(.sx-search-button,.sx-reader-launch,.sx-annotate):focus-visible{outline:2px solid var(--sx-accent);outline-offset:3px}body .sx-search-button{border:1px solid var(--sx-line);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;min-height:42px;padding:.4rem .7rem;font-size:.82rem;display:inline-flex}body .sx-search-button:hover{background:var(--sx-surface)}body .sx-search-floating{z-index:85;background:var(--sx-paper);position:fixed;top:4.6rem;right:1rem}body .sx-dialog{background:var(--sx-paper);border:1px solid var(--sx-line);width:min(660px,100% - 24px);max-width:none;max-height:calc(100dvh - 40px);color:var(--sx-ink);border-radius:8px;margin:auto;padding:1.4rem;font-size:15px;line-height:1.6;overflow:auto;box-shadow:0 30px 100px #061d3050}body .sx-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061d3075}body .sx-dialog-head{justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1.2rem;display:flex}body .sx-dialog h2{color:var(--sx-ink);margin:0;font:500 1.3rem/1.4 Iowan Old Style,Palatino Linotype,Songti SC,Georgia,serif}body .sx-dialog h3{color:var(--sx-ink);margin:1.8rem 0 1rem;font:600 1rem/1.5 Segoe UI,Microsoft YaHei,system-ui,sans-serif}body .sx-close{color:var(--sx-muted);cursor:pointer;background:0 0;border:0;flex:none;min-height:40px;padding:.4rem .2rem;font-size:.8rem}body .sx-search{width:100%;min-width:0;font:inherit;border:1px solid var(--sx-line);background:var(--sx-surface);color:var(--sx-ink);border-radius:4px;padding:.85rem;display:block}body .sx-search::placeholder{color:var(--sx-muted)}body .sx-tabs{flex-wrap:wrap;gap:.35rem;padding:1rem 0 .35rem;display:flex}body .sx-tab{min-height:38px;font:inherit;color:var(--sx-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:.25rem .6rem;font-size:.8rem}body .sx-tab[aria-pressed=true]{color:var(--sx-accent);border-color:var(--sx-line);background:var(--sx-surface)}body .sx-result-count{color:var(--sx-muted);margin:.4rem 0 .6rem;font-size:.75rem}body .sx-results{overscroll-behavior:contain;max-height:min(48dvh,460px);overflow:auto}body .sx-result{border-top:1px solid var(--sx-line);cursor:pointer;border-radius:3px;grid-template-columns:88px minmax(0,1fr);gap:.15rem .6rem;padding:.8rem;display:grid}body .sx-result[aria-selected=true]{background:var(--sx-surface);box-shadow:inset 3px 0 var(--sx-warm)}body .sx-result strong{color:var(--sx-ink);overflow-wrap:anywhere;font-size:.9rem;font-weight:550}body .sx-result small{color:var(--sx-muted);grid-column:2;font-size:.76rem}body .sx-result-section{color:var(--sx-accent);padding-top:.15rem;font-size:.7rem}body .sx-hint{color:var(--sx-muted);margin:1rem 0 0;font-size:.75rem}body .sx-empty{color:var(--sx-muted);margin:0;padding:.8rem 0;font-size:.88rem}body .sx-reader-controls{gap:1.3rem;margin:1.5rem 0;display:grid}body .sx-range{grid-template-columns:1fr auto;gap:.5rem;font-size:.9rem;display:grid}body .sx-range output{color:var(--sx-muted);font-size:.8rem}body .sx-range input{width:100%;accent-color:var(--sx-accent);cursor:pointer;grid-column:1/-1;min-height:28px}body .sx-reader-actions{flex-wrap:wrap;gap:.5rem;display:flex}body .sx-button{border:1px solid var(--sx-line);background:var(--sx-surface);min-height:40px;color:var(--sx-ink);font:inherit;cursor:pointer;border-radius:3px;padding:.5rem .7rem;font-size:.8rem}body .sx-button:hover{border-color:var(--sx-accent)}body .sx-button[aria-pressed=true]{color:var(--sx-accent);border-color:var(--sx-accent)}body .sx-reader-launch{z-index:90;background:var(--sx-paper);border:1px solid var(--sx-line);cursor:pointer;border-radius:4px;min-height:44px;padding:.65rem .9rem;font-size:.8rem;position:fixed;bottom:1.4rem;right:1.2rem;box-shadow:0 4px 18px #061d301a}body .sx-annotate{z-index:91;background:var(--sx-ink);min-height:40px;color:var(--sx-paper);border:1px solid var(--sx-accent);cursor:pointer;border-radius:4px;padding:.55rem .8rem;font-size:.8rem;position:fixed;box-shadow:0 5px 20px #061d3030}body .sx-annotate[hidden],body .sx-note-editor[hidden]{display:none}body .sx-note{border-top:1px solid var(--sx-line);box-shadow:none;background:0 0;border-radius:0;padding:1rem 0}body .sx-dialog blockquote{border:0;border-left:2px solid var(--sx-warm);background:var(--sx-surface);color:var(--sx-muted);white-space:pre-wrap;max-height:150px;margin:0 0 .8rem;padding:.5rem .8rem;font-size:.85rem;overflow:auto}body .sx-note>p{color:var(--sx-ink);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}body .sx-note-editor{padding-bottom:1rem}body .sx-note-editor label{margin-bottom:.4rem;font-size:.8rem;display:block}body .sx-note-editor textarea{resize:vertical;background:var(--sx-paper);width:100%;color:var(--sx-ink);border:1px solid var(--sx-line);font:inherit;border-radius:3px;margin-bottom:.7rem;padding:.6rem}body .sx-resume{z-index:89;background:var(--sx-paper);border:1px solid var(--sx-line);border-radius:4px;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:calc(100% - 150px);padding:.6rem .8rem;font-size:.8rem;display:flex;position:fixed;bottom:1.2rem;left:1rem;box-shadow:0 5px 22px #061d3020}body .sx-status{z-index:100;background:var(--sx-ink);max-width:min(380px,100% - 2rem);color:var(--sx-paper);pointer-events:none;border-radius:4px;padding:.65rem .8rem;font-size:.8rem;position:fixed;bottom:5.2rem;right:1rem}body .sx-status:empty{display:none}.sx-reading .note-layout{grid-template-columns:190px minmax(0, var(--sx-measure));gap:clamp(1rem,4vw,4rem)}.sx-reading .note-page{width:min(calc(var(--sx-measure) + 270px), calc(100% - 3rem))}.sx-reading .note-body,.sx-reading .sp-content-page main{max-width:var(--sx-measure);min-width:0}.sx-reading .sp-essay.sp-content-page .page{max-width:calc(var(--sx-measure) + 4rem)}.sx-reading :is(.note-body,.sp-content-page main) :is(p,li,blockquote){font-size:var(--sx-font-size);line-height:var(--sx-leading)}.sx-reading :is(.note-body,.sp-content-page main) :is(nav,aside) :is(p,li){font-size:inherit;line-height:inherit}::highlight(soren-annotations){color:inherit;background:#e4b36e65;-webkit-text-decoration:underline #b87638;text-decoration:underline #b87638}:is(.note-toc,.toc,.contents) a[aria-current=location]{color:var(--sx-accent);text-underline-offset:.25em;font-weight:650;text-decoration:underline}.sx-tilt{--sx-rx:0deg;--sx-ry:0deg;--sx-px:50%;--sx-py:50%;position:relative}.sx-tilt:after{content:"";border-radius:inherit;background:radial-gradient(180px circle at var(--sx-px) var(--sx-py), var(--sx-accent), transparent 80%);opacity:0;pointer-events:none;padding:1px;transition:opacity .2s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sx-tilt:is(:hover,:focus-within):after{opacity:.65}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}@media (prefers-reduced-motion:no-preference){.sx-tilt{transform:perspective(900px) rotateX(var(--sx-rx)) rotateY(var(--sx-ry));transition:transform .18s ease-out}.sx-dialog[open]{animation:.18s ease-out sx-panel-in}@keyframes sx-panel-in{0%{opacity:.3;translate:0 8px}to{opacity:1;translate:0}}}@media (max-width:740px){body .sx-search-button{min-width:44px}body .sx-dialog{max-height:calc(100dvh - 24px);padding:1rem}body .sx-dialog h2{font-size:1.15rem}body .sx-result{grid-template-columns:65px minmax(0,1fr);gap:.15rem .4rem;padding:.75rem .5rem}body .sx-result-section{font-size:.62rem}body .sx-reader-launch{bottom:.8rem;right:.65rem}body .sx-resume{max-width:calc(100% - 1.3rem);bottom:4.2rem;left:.65rem}.sx-reading .note-layout{display:block}.sx-reading .note-page{width:calc(100% - 2rem)}}@media (prefers-reduced-motion:reduce){.sx-tilt{transform:none}.sx-tilt:after{transition:none}}
@view-transition{navigation:auto}:root[data-motion-arrival] h1{view-transition-name:route-title}:root[data-motion-cover]:before{content:"";background:var(--sx-paper,#f3f7f7);pointer-events:none;view-transition-name:route-cover;z-index:-1;position:fixed;inset:0}:root:not([data-theme-transition])::view-transition-new(root){animation:.42s ease-out both motion-page-arrive}::view-transition-group(route-title){z-index:12;animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.75,.25,1)}::view-transition-group(route-cover){z-index:10;animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.75,.25,1)}::view-transition-old(route-cover){animation:.55s ease-out both motion-cover-out}::view-transition-new(route-cover){animation:.55s ease-out both motion-cover-out}@keyframes motion-page-arrive{0%{opacity:.25;translate:0 10px}to{opacity:1;translate:0}}@keyframes motion-cover-out{0%{opacity:.75}to{opacity:0}}.motion-exit{color:var(--sx-ink);background:var(--sx-paper);border-radius:4px;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif}.motion-exit a{color:inherit;text-decoration:none}.hub-hero{isolation:isolate;position:relative}.hub-hero>*{z-index:1;position:relative}.motion-scene{--scene-progress:.5;position:relative}.motion-scene:before{content:"";background:var(--sx-warm);transform-origin:0;width:100%;height:1px;transform:scaleX(var(--scene-progress));opacity:.5;pointer-events:none;position:absolute;top:0;left:0}.motion-scene .feature-art,.motion-scene .work-project__visual{translate:0 calc((var(--scene-progress) - .5) * -36px)}.motion-scene .feature-art{rotate:calc((var(--scene-progress) - .5) * 3deg)}.motion-scene .manuscript--front{translate:calc((var(--scene-progress) - .5) * -20px) 0}.motion-scene .manuscript--back{translate:calc((var(--scene-progress) - .5) * 25px) 0}.motion-cover .art-sheet{transform-box:fill-box;transform-origin:50%}.motion-cover .art-trace,.motion-cover .essay-pages path{stroke-dasharray:var(--trace-length,1500)}.motion-snake-light{fill:var(--accent-warm,var(--sx-warm));offset-distance:0%;offset-rotate:0deg}.motion-outline{position:relative}.motion-outline:before{content:"";background:var(--sx-line);opacity:.8;width:1px;position:absolute;top:0;bottom:0;left:-10px}.motion-outline-marker{background:var(--sx-warm);pointer-events:none;border-radius:3px;width:4px;transition:translate .36s cubic-bezier(.2,.75,.25,1),height .36s;position:absolute;top:0;left:-12px}.motion-outline-marker[hidden]{display:none}.sp-outline nav.motion-outline:before{left:10px}.sp-outline nav .motion-outline-marker{left:8px}.motion-feedback{pointer-events:none;z-index:110;width:0;height:0;position:absolute}.motion-feedback i{color:var(--sx-warm);font-size:15px;font-style:normal;position:absolute}.motion-annotation-line{background:var(--sx-warm);transform-origin:0;pointer-events:none;z-index:50;height:2px;position:absolute}.motion-departure{background:var(--sx-surface);border:1px solid var(--sx-line);transform-origin:0 0;border-radius:4px}.thought-field .thought-field__node{transform:translate(var(--node-x,0px), var(--node-y,0px));transition:transform .85s cubic-bezier(.2,.75,.25,1),opacity .3s,translate .3s,background .3s,border-color .3s}.thought-field[data-field-shape=ai] [data-node=articles]{--node-x:-25px;--node-y:18px}.thought-field[data-field-shape=ai] [data-node=learning]{--node-x:-18px;--node-y:-22px}.thought-field[data-field-shape=mind] [data-node=knowledge]{--node-x:-32px;--node-y:22px}.thought-field[data-field-shape=mind] [data-node=games]{--node-x:25px;--node-y:-15px}.thought-field[data-field-shape=strategy] [data-node=articles]{--node-x:15px;--node-y:25px}.thought-field[data-field-shape=strategy] [data-node=learning]{--node-x:-22px;--node-y:-15px}@media (min-width:1000px){.motion-scene.essay-feature{align-items:start;min-height:600px;padding-block:4rem}.motion-scene.essay-feature .essay-feature__art{position:sticky;top:140px}.motion-scene.essay-feature .essay-feature__copy{align-self:center;padding-block:2.2rem}}@media (prefers-reduced-motion:no-preference){body .sx-dialog[open]{animation:.4s cubic-bezier(.2,.75,.25,1) both motion-panel-spring}.motion-button{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .25s cubic-bezier(.2,.8,.2,1),background .25s,color .25s}.motion-button:active{scale:.96}.motion-button>span[aria-hidden]{transition:translate .25s}.motion-button:hover>span[aria-hidden]{translate:3px -2px}.motion-cover[data-cover-seen] .art-trace,.motion-cover[data-cover-seen] .essay-pages path{animation:2.2s cubic-bezier(.2,.75,.25,1) both motion-ink}.motion-cover[data-cover-seen] .art-sheet--back{animation:1.6s cubic-bezier(.2,.75,.25,1) both motion-paper-open}.motion-cover[data-cover-seen] .art-copper{transform-origin:50%;transform-box:fill-box;animation:.9s .45s both motion-pencil}.motion-cover[data-cover-seen] .motion-snake-light{animation:4.4s .25s both motion-snake-travel}.motion-cover:hover .motion-snake-light{animation:3s linear infinite motion-snake-travel}.motion-feedback i{animation:.7s ease-out both motion-spark}}@keyframes motion-ink{0%{stroke-dashoffset:var(--trace-length,1500)}to{stroke-dashoffset:0}}@keyframes motion-paper-open{0%{translate:0 5px;rotate:-2deg}to{translate:13px -9px;rotate:3deg}}@keyframes motion-pencil{0%{opacity:0;translate:-20px 20px}to{opacity:1;translate:0}}@keyframes motion-snake-travel{0%{offset-distance:0%;opacity:0}15%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes motion-spark{0%{opacity:1;translate:-50% -50%;scale:.4}to{opacity:0;translate:var(--burst-x) var(--burst-y);scale:1}}@keyframes motion-panel-spring{0%{opacity:0;translate:0 12px;scale:.96}70%{opacity:1;translate:0 -1px;scale:1.008}to{opacity:1;translate:0;scale:1}}@media (max-width:740px){.thought-field .thought-field__node{transform:translate(calc(var(--node-x,0px) * .35), calc(var(--node-y,0px) * .35))}.motion-scene .feature-art,.motion-scene .work-project__visual{translate:0 calc((var(--scene-progress) - .5) * -16px)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}:root[data-motion-arrival] h1,:root[data-motion-cover]:before{view-transition-name:none}.motion-scene :is(.feature-art,.work-project__visual,.manuscript){translate:none;rotate:none}.motion-outline-marker,.thought-field .thought-field__node{transition:none}}@media print{.motion-outline-marker,.motion-feedback,.motion-annotation-line,.motion-exit{display:none}.motion-scene.essay-feature{min-height:0}}
body.has-projection{isolation:isolate}.projection-background{--projection-cool:#56899d;--projection-warm:#bd986b;--projection-base:#f3f7f7;z-index:-1;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}:root[data-theme=dark] .projection-background{--projection-cool:#79bacd;--projection-warm:#cb9c65;--projection-base:#102530}@media (prefers-color-scheme:dark){:root:not([data-theme]) .projection-background{--projection-cool:#79bacd;--projection-warm:#cb9c65;--projection-base:#102530}:root:not([data-theme]) .sp-footer{--sx-ink:#e5eef0;--sx-muted:#a8c0c8;--sx-line:#365560;--sx-warm:#e7b37b}}.projection-haze,.projection-drift,.projection-veil,.projection-grain{position:absolute;inset:0}.projection-haze{background:radial-gradient(ellipse at 93% 18%, color-mix(in srgb, var(--projection-cool) 23%, transparent), transparent 48%), radial-gradient(ellipse at 2% 88%, color-mix(in srgb, var(--projection-warm) 14%, transparent), transparent 45%);transform:translate3d(var(--projection-x,0px), var(--projection-y,0px), 0);inset:-15%}.projection-drift{transform:translate3d(var(--projection-x,0px), calc(var(--projection-y,0px) + var(--projection-scroll-y,0px)), 0) rotate(var(--projection-scroll-turn,0deg));transform-origin:70% 40%;inset:-12% -8% -24%}.projection-optics{opacity:.74;width:100%;height:100%;display:block;overflow:visible}.projection-ribbon,.projection-echo{transform-origin:50%}.projection-veil{background:radial-gradient(ellipse at 38% 43%, color-mix(in srgb, var(--projection-base) 75%, transparent), transparent 69%)}.projection-grain{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23grain)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}:root[data-theme=dark] .projection-optics{opacity:.44}:root[data-theme=dark] .projection-haze{opacity:.8}body:has(.note-page,.sp-readerbar) .projection-optics{opacity:.33}body:has(.note-page,.sp-readerbar) .projection-veil{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--projection-base) 80%, transparent) 22% 78%, transparent)}.sp-play-page .projection-background{opacity:.5}.thought-field__wash{display:none}body .sp-footer:has(.sp-colophon){opacity:1;color:var(--sx-muted,#4e6974);border-top-color:var(--sx-line,#cad9dc);padding-top:0;padding-bottom:2rem;display:block}.sp-colophon{grid-template-columns:1.15fr 1fr;align-items:center;gap:3rem;padding:clamp(3rem,7vw,6rem) 0 3.5rem;display:grid}.sp-colophon__identity{width:fit-content}body .sp-colophon__wordmark{width:fit-content;color:var(--sx-ink,#142b38);letter-spacing:-.085em;opacity:1;background:0 0;border:0;padding:.06em .1em .06em 0;font:italic 400 clamp(6.4rem,13.8vw,12.5rem)/.95 Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;text-decoration:none;display:block}.sp-colophon__wordmark span{color:var(--sx-warm,#b87638)}.sp-colophon__imprint{color:var(--sx-muted,#4e6974);letter-spacing:.18em;margin:.7rem 0 0 .42rem;font:400 .83rem/1.5 Segoe UI,Microsoft YaHei,sans-serif;display:block}.sp-colophon__note{justify-self:end;padding-top:1rem}body.has-projection .sp-footer .sp-colophon__closing{color:var(--sx-ink,#142b38);letter-spacing:.035em;margin:0 0 1rem;font:400 clamp(1.45rem,2.2vw,2rem)/1.5 Iowan Old Style,Palatino Linotype,Songti SC,STSong,Georgia,serif}body .sp-footer .sp-colophon__note>p:not(.sp-colophon__closing){font:400 .85rem/1.9 Segoe UI,Microsoft YaHei,sans-serif}body .sp-footer:has(.sp-colophon) .sp-footer__inner{border-top:1px solid var(--sx-line,#cad9dc);flex-wrap:wrap;justify-content:space-between;gap:.65rem 2rem;padding-top:1.2rem;font:400 .72rem/1.7 Segoe UI,Microsoft YaHei,sans-serif;display:flex}body.has-projection:has(.sx-reader-launch) .sp-footer{padding-bottom:6rem}.projection-toggle{min-height:44px;color:var(--sx-muted,#4e6974);cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;margin:1.2rem 0 0;padding:.5rem .2rem;font:400 .72rem/1.5 Segoe UI,Microsoft YaHei,sans-serif;display:inline-flex}.projection-toggle[hidden]{display:none}.projection-toggle:hover{color:var(--sx-accent,#205e76)}.projection-toggle:focus-visible{outline-offset:4px;outline:2px solid}.projection-toggle:disabled{cursor:default}.projection-toggle__icon{border-inline:2px solid;width:8px;height:10px}.projection-toggle[aria-pressed=true] .projection-toggle__icon{border:5px solid #0000;border-left:8px solid;border-right:0;height:0}@media (prefers-reduced-motion:no-preference){:root[data-motion-ready=true] .projection-ribbon{animation:28s ease-in-out infinite alternate projection-light}:root[data-motion-ready=true] .projection-echo{animation:34s ease-in-out infinite alternate projection-echo}}.projection-background[data-still=true] *{animation-play-state:paused}:root[data-motion-paused=true] *,:root[data-motion-paused=true] :before,:root[data-motion-paused=true] :after{animation-play-state:paused!important}@keyframes projection-light{0%{transform:translate(-16px,-12px)rotate(-3deg)}to{transform:translate(22px,18px)rotate(3deg)}}@keyframes projection-echo{0%{transform:translate(-15px,22px)}to{transform:translate(18px,-24px)}}@media (max-width:740px){.projection-drift{inset:-8% -48% -20%}.projection-optics{opacity:.52}.projection-veil{background:radial-gradient(ellipse at 40% 40%, color-mix(in srgb, var(--projection-base) 68%, transparent), transparent 85%)}.sp-colophon{grid-template-columns:1fr;gap:2.3rem;padding:3rem 0 2.2rem}.sp-colophon__note{justify-self:start;padding:0}body .sp-colophon__wordmark{font-size:clamp(6.3rem,21vw,9rem)}.sp-colophon__imprint{font-size:.74rem}.projection-toggle{margin-top:.85rem}}@media print{.projection-background,.projection-toggle{display:none!important}}
