.pf-subnav{z-index:40;border-bottom:1px solid var(--nh-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);background:#07080de0;position:fixed;top:69px;left:0;right:0;transform:translateY(-100%)}.pf-subnav[data-show=true]{opacity:1;pointer-events:auto;transform:none}.pf-subnav-in{scrollbar-width:none;justify-content:flex-start;align-items:center;gap:.25rem;max-width:1200px;height:46px;margin-inline:auto;padding-inline:1rem;display:flex;overflow-x:auto}.pf-subnav-in::-webkit-scrollbar{display:none}@media (min-width:768px){.pf-subnav-in{justify-content:center}}.pf-subnav a.tab{color:#ffffff80;flex:none;padding:.5rem .85rem;font-size:13.5px;font-weight:500;transition:color .18s;position:relative}.pf-subnav a.tab[aria-current=true]{color:#fff}.pf-subnav a.tab[aria-current=true]:after{content:"";background:var(--nh-accent);border-radius:2px;height:2px;position:absolute;inset:auto .85rem .1rem}@media (hover:hover) and (pointer:fine){.pf-subnav a.tab:hover{color:#fff}}.pf-anchor{scroll-margin-top:7.5rem}.pf-index{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;align-items:center;gap:.75rem;font-size:12px;display:flex}.pf-index b{color:var(--nh-accent);font-weight:500}.pf-index i{background:#ffffff38;width:2.5rem;height:1px;display:block}.pf-h2{letter-spacing:-.02em;text-wrap:balance;max-width:22ch;margin-top:1rem;font-size:clamp(1.9rem,3.5vw,3rem);font-weight:600;line-height:1.07}.pf-hero{isolation:isolate;padding-block:3.5rem 4.5rem;position:relative;overflow:clip}.pf-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50%,#a78bfa33,#0000 70%),radial-gradient(35% 35% at 30% 70%,#ffb54721,#0000 70%);width:60rem;height:40rem;position:absolute;top:8%;right:-10%}.pf-stage{position:relative}.pf-win{border:1px solid var(--nh-line-strong);background:#0a0b10;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 50px 90px -40px #000000e6,0 0 0 1px #ffffff08}.pf-win .bar{border-bottom:1px solid var(--nh-line);align-items:center;gap:.35rem;padding:.55rem .8rem;display:flex}.pf-win .bar i{background:#ffffff29;border-radius:99px;width:8px;height:8px}.pf-win .bar span{font-family:var(--font-mono);color:#ffffff73;text-overflow:ellipsis;white-space:nowrap;margin-left:.5rem;font-size:10.5px;overflow:hidden}.pf-win img{width:100%;height:auto;display:block}.pf-chip{border:1px solid var(--nh-line-strong);color:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0e16e0;border-radius:12px;align-items:center;gap:.55rem;padding:.6rem .85rem;font-size:13px;line-height:1.3;display:flex;box-shadow:0 20px 40px -18px #000000d9}.pf-chip b{color:#fff;font-size:14px;font-weight:600;display:block}.pf-chip .dot{background:var(--c,var(--nh-accent));width:8px;height:8px;box-shadow:0 0 12px var(--c,var(--nh-accent));border-radius:99px;flex:none}@media (min-width:1024px){.pf-stage{min-height:34rem}.pf-win--back{z-index:1;width:58%;position:absolute;top:0;right:0}.pf-win--main{z-index:3;width:80%;position:absolute;top:9rem;left:0}.pf-win--side{z-index:4;width:50%;position:absolute;bottom:0;right:1%}.pf-chip{z-index:6;position:absolute}.pf-chip--a{top:10.5rem;right:-.5rem}.pf-chip--b{bottom:5.5rem;left:-1rem}.pf-chip--c{bottom:-1.25rem;right:4%}}@media (max-width:1023px){.pf-win--back,.pf-win--side{display:none}.pf-chips{gap:.6rem;margin-top:.9rem;display:grid}}.pf-tour{gap:2.5rem;margin-top:3.5rem;display:grid}@media (min-width:1024px){.pf-tour{grid-template-columns:.82fr 1.18fr;gap:4.5rem;margin-top:4.5rem}}.pf-chapters{margin:0;padding:0;list-style:none;position:relative}.pf-rail{background:#ffffff17;width:2px;display:none;position:absolute;top:0;bottom:0;left:6px}.pf-rail i{transform-origin:top;background:linear-gradient(var(--nh-accent), var(--nh-violet));position:absolute;inset:0}.pf-chapter{padding-bottom:3.5rem;position:relative}.pf-chapter-body{transition:opacity .4s var(--ease-out)}@media (min-width:1024px){.pf-rail{display:block}.pf-chapter{padding-block:0;align-items:center;min-height:62vh;padding-left:2.5rem;display:flex}.pf-chapter:before{content:"";background:var(--nh-bg);border:2px solid #ffffff38;border-radius:99px;width:14px;height:14px;transition:border-color .3s,box-shadow .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pf-chapter[data-active=true]:before{border-color:var(--nh-accent);box-shadow:0 0 0 6px #ffb54726}.pf-chapter[data-active=false] .pf-chapter-body{opacity:.38}}.pf-step{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--nh-accent);font-size:12px}.pf-sticky{align-self:start;position:sticky;top:8.25rem}.pf-layer{opacity:0;transition:opacity .5s var(--ease-out);pointer-events:none;position:absolute;inset:0}.pf-layer[data-on=true]{opacity:1}.pf-stepchip{z-index:3;border:1px solid var(--nh-line-strong);font-family:var(--font-mono);letter-spacing:.04em;color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0e16d9;border-radius:99px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:11px;display:inline-flex;position:absolute;bottom:.9rem;right:.9rem}.pf-stepchip i{background:var(--nh-accent);border-radius:99px;width:6px;height:6px}.pf-ex{gap:1.5rem;margin-top:3rem;display:grid}@media (min-width:1024px){.pf-ex{grid-template-columns:15.5rem 1fr;align-items:start;gap:2.5rem;margin-top:4rem}}.pf-ex-list{scrollbar-width:none;gap:1.25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.pf-ex-list::-webkit-scrollbar{display:none}.pf-ex-group{flex:none;align-items:center;gap:.35rem;display:flex}@media (min-width:1024px){.pf-ex-list{flex-direction:column;gap:1.5rem;padding:0;position:sticky;top:8.25rem;overflow:visible}.pf-ex-group{flex-direction:column;align-items:stretch;gap:.15rem}}.pf-ex-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff61;flex:none;padding:0 .5rem;font-size:11px}.pf-ex-label b{color:var(--nh-accent);font-weight:500}@media (min-width:1024px){.pf-ex-label{margin-bottom:.35rem}}.pf-ex-item{text-align:left;white-space:nowrap;color:#fff9;border-radius:10px;flex:none;align-items:center;gap:.65rem;padding:.55rem .75rem;font-size:14.5px;font-weight:500;transition:background-color .18s,color .18s;display:flex;position:relative}.pf-ex-item svg{color:#fff6;flex:none;transition:color .18s}.pf-ex-item[aria-selected=true]{color:#fff;background:#ffffff12}.pf-ex-item[aria-selected=true] svg{color:var(--nh-accent)}@media (min-width:1024px){.pf-ex-item[aria-selected=true]:before{content:"";background:var(--nh-accent);border-radius:2px;width:2px;position:absolute;top:.5rem;bottom:.5rem;left:-.5rem}}@media (hover:hover) and (pointer:fine){.pf-ex-item:hover:not([aria-selected=true]){color:#fff;background:#ffffff09}}.pf-ex-body{padding:1.75rem .25rem 0}.pf-ex-meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c;flex-wrap:wrap;gap:.5rem;font-size:11.5px;display:flex}.pf-ex-meta span{border:1px solid var(--nh-line-strong);border-radius:99px;padding:.25rem .7rem}.pf-ex-meta b{color:var(--nh-accent);font-weight:500}.pf-ex-body h3{letter-spacing:-.02em;max-width:26ch;margin-top:1rem;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;line-height:1.12}.pf-ex-body .lede{color:#ffffffb3;max-width:40rem;margin-top:.9rem;font-size:16.5px;line-height:1.7}.pf-ex-foot{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.5rem;display:flex}.pf-ex-foot .works{color:#ffffff80;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:13.5px;display:flex}.pf-ex-foot .works a{border:1px solid var(--nh-line-strong);color:#ffffffd1;border-radius:99px;padding:.25rem .7rem;transition:border-color .18s,color .18s}@media (hover:hover) and (pointer:fine){.pf-ex-foot .works a:hover{border-color:var(--nh-accent);color:#fff}}.pf-trace{gap:1.25rem;margin-top:2.5rem;display:grid}@media (min-width:1024px){.pf-trace{grid-template-columns:15rem 1fr;gap:2.5rem;margin-top:3.5rem}}.pf-rail{justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:relative}.pf-rail:before{content:"";background:var(--nh-line-strong);height:1px;position:absolute;top:1.1rem;left:1.1rem;right:1.1rem}.pf-rail li{position:relative}.pf-rail button{text-align:left;color:#ffffff80;align-items:center;gap:.85rem;font-size:15px;font-weight:500;transition:color .2s;display:flex}.pf-rail .n{border:1px solid var(--nh-line-strong);background:var(--nh-bg,#08090d);width:2.2rem;height:2.2rem;font-family:var(--font-mono);border-radius:99px;flex:none;place-items:center;font-size:12px;transition:background-color .2s,border-color .2s,color .2s;display:grid}.pf-rail .lbl{display:none}.pf-rail li[data-state=done] .n{color:var(--nh-accent);border-color:#ffb5478c}.pf-rail li[data-state=done] button{color:#ffffffc7}.pf-rail li[data-state=now] .n{border-color:var(--nh-accent);background:var(--nh-accent);color:var(--nh-accent-ink)}.pf-rail li[data-state=now] button{color:#fff}@media (min-width:1024px){.pf-rail{flex-direction:column;justify-content:flex-start;gap:.35rem}.pf-rail:before{width:1px;height:auto;inset:1.1rem auto 1.1rem 1.1rem}.pf-rail .lbl{display:inline}.pf-rail button{width:100%;padding:.3rem .5rem .3rem 0}}@media (hover:hover) and (pointer:fine){.pf-rail li[data-state=next] button:hover{color:#fff}.pf-rail li[data-state=next] button:hover .n{border-color:#ffffff73}}.pf-record{border:1px solid var(--nh-line-strong);background:var(--nh-panel);border-radius:20px;flex-direction:column;min-height:24rem;display:flex;overflow:hidden}.pf-record-head{border-bottom:1px solid var(--nh-line);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.9rem 1.4rem;font-size:14px;display:flex}.pf-record-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--nh-violet);background:#a78bfa29;border-radius:99px;padding:.15rem .6rem;font-size:11px}.pf-record-title{color:#ffffffb3}.pf-record-body{flex:1;padding:1.75rem 1.4rem 1.25rem}@media (min-width:640px){.pf-record-head,.pf-record-body,.pf-record-foot{padding-left:2rem;padding-right:2rem}}.pf-record-step{letter-spacing:-.02em;align-items:baseline;gap:.9rem;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;display:flex}.pf-record-step b{font-family:var(--font-mono);letter-spacing:.06em;color:var(--nh-accent);font-size:12px;font-weight:500}.pf-record-meaning{color:#fff9;margin-top:.5rem}.pf-receipt{border:1px solid var(--nh-line-strong);border-left:3px solid var(--nh-accent);background:#ffffff08;border-radius:12px;max-width:36rem;margin-top:1.5rem;padding:1.1rem 1.25rem}.pf-receipt-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-size:11.5px}.pf-receipt-line{color:#fff;margin-top:.5rem;font-size:17px;line-height:1.55}.pf-receipt.is-mono .pf-receipt-line{font-family:var(--font-mono);color:var(--nh-ok);margin-top:.2rem;font-size:15px}.pf-receipt.is-mono .pf-receipt-label+.pf-receipt-line{margin-top:.75rem}.pf-receipt-status{border-radius:99px;margin-top:.9rem;padding:.2rem .75rem;font-size:13px;font-weight:600;display:inline-block}.pf-receipt-status[data-tone=ok]{color:var(--nh-ok);background:#3ee6b024}.pf-receipt-status[data-tone=open]{color:var(--nh-accent);background:#ffb54724}.pf-record-note{color:#ffffff8c;max-width:36rem;margin-top:1rem;font-size:14.5px;line-height:1.6}.pf-record-foot{border-top:1px solid var(--nh-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:1rem 1.4rem;display:flex}.pf-record-foot p{color:#ffffff73;font-size:13.5px}.pf-points{flex-wrap:wrap;gap:.4rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.pf-points li{border:1px solid var(--nh-line-strong);color:#ffffffc7;border-radius:99px;padding:.28rem .75rem;font-size:13px}.pf-more{max-width:34rem;margin-top:1rem}.pf-more summary{cursor:pointer;color:#fff9;align-items:center;gap:.4rem;font-size:13.5px;font-weight:600;list-style:none;display:inline-flex}.pf-more summary::-webkit-details-marker{display:none}.pf-more summary:after{content:"+";text-align:center;width:1ch;transition:transform .2s var(--ease-out);display:inline-block}.pf-more[open] summary:after{content:"−"}.pf-more p{color:#ffffff9e;margin-top:.6rem;font-size:15px;line-height:1.65}@media (hover:hover) and (pointer:fine){.pf-more summary:hover{color:#fff}}.pf-glance{flex-wrap:wrap;align-items:center;gap:.4rem;margin:2rem 0 0;padding:0;font-size:13px;list-style:none;display:flex}.pf-glance a{color:#ffffffc7;background:#ffffff0d;border-radius:99px;padding:.3rem .65rem;transition:background-color .18s,color .18s;display:block}@media (hover:hover) and (pointer:fine){.pf-glance a:hover{background:var(--nh-accent);color:var(--nh-accent-ink)}}.pf-dialog{border:1px solid var(--nh-line-strong);color:#fff;background:#07080d;border-radius:18px;width:min(1100px,92vw);max-width:none;padding:0;overflow:hidden}.pf-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030407cc}@media (prefers-reduced-motion:no-preference){.pf-win--main{animation:pf-in 1s var(--ease-out) .15s backwards}.pf-win--back{animation:pf-in 1s var(--ease-out) .35s backwards}.pf-win--side{animation:pf-in 1s var(--ease-out) .5s backwards}.pf-chip{animation:pf-in .8s var(--ease-out) .9s backwards}.pf-chip--a .dot,.pf-chip--b .dot,.pf-chip--c .dot{animation:2.6s ease-in-out infinite pf-blink}.pf-dialog[open]{animation:pf-in .4s var(--ease-out)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.pf-win--back{animation:pf-in 1s var(--ease-out) .35s backwards, pf-lift linear both;animation-timeline:auto,view();animation-range:normal,exit}.pf-win--side{animation:pf-in 1s var(--ease-out) .5s backwards, pf-drop linear both;animation-timeline:auto,view();animation-range:normal,exit}.pf-rail i{animation:linear both nh-fill;animation-timeline:view();animation-range:cover 8% cover 92%}}}@keyframes pf-in{0%{opacity:0;transform:translate(26px,22px)}to{opacity:1;transform:none}}@keyframes pf-lift{to{transform:translateY(-48px)}}@keyframes pf-drop{to{transform:translateY(38px)}}@keyframes pf-blink{50%{opacity:.35}}