.fb-root{--fb-hue: 65;--fb-accent: oklch(.78 .16 var(--fb-hue));--fb-accent-hover: oklch(.86 .16 var(--fb-hue));--fb-accent-contrast: oklch(.18 .05 var(--fb-hue));--fb-accent-subtle: oklch(.78 .16 var(--fb-hue) / .2);--fb-surface: oklch(.17 .012 var(--fb-hue));--fb-surface-raised: oklch(.21 .014 var(--fb-hue));--fb-surface-overlay: oklch(.26 .016 var(--fb-hue));--fb-surface-sunken: oklch(.13 .01 var(--fb-hue));--fb-border: oklch(.33 .02 var(--fb-hue));--fb-border-strong: oklch(.43 .03 var(--fb-hue));--fb-text: oklch(.95 .008 var(--fb-hue));--fb-text-secondary: oklch(.78 .015 var(--fb-hue));--fb-text-muted: oklch(.6 .02 var(--fb-hue));--fb-success: oklch(.78 .14 165);--fb-danger: oklch(.7 .17 15);--fb-radius-sm: .375rem;--fb-radius: .5rem;--fb-radius-lg: .75rem;--fb-radius-full: 9999px;--fb-shadow-sm: 0 4px 12px rgba(0, 0, 0, .35);--fb-shadow: 0 12px 32px rgba(0, 0, 0, .45);--fb-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--fb-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--fb-z: 2147483000;--fb-dur: .15s;--fb-ease: cubic-bezier(.16, 1, .3, 1);font-family:var(--fb-font);line-height:1.5;color:var(--fb-text)}.fb-root *,.fb-root *:before,.fb-root *:after{box-sizing:border-box}.fb-overlay{position:absolute;left:0;top:0;pointer-events:none;z-index:var(--fb-z)}.fb-note{position:absolute;pointer-events:auto;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--fb-radius);border:1px solid var(--fb-border-strong);background:var(--fb-surface-overlay);box-shadow:var(--fb-shadow);color:var(--fb-text);transition:opacity var(--fb-dur),box-shadow var(--fb-dur)}.fb-note--current{border-color:var(--fb-accent);box-shadow:0 0 0 2px var(--fb-accent),var(--fb-shadow)}.fb-note--resolved{opacity:.6}.fb-note__header{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.25rem .5rem;background:var(--fb-surface-sunken);color:var(--fb-text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.fb-note__header:active{cursor:grabbing}.fb-note__actions{display:flex;align-items:center;gap:.125rem}.fb-note__body{resize:none;border:0;background:transparent;padding:.5rem .75rem;font-family:var(--fb-font);font-size:.875rem;line-height:1.375;color:var(--fb-text);outline:none}.fb-note__body::placeholder{color:var(--fb-text-muted)}.fb-knob{position:absolute;width:.75rem;height:.75rem;transform:translate(-50%,-50%);border-radius:var(--fb-radius-full);border:1px solid var(--fb-accent);background:var(--fb-surface-overlay);cursor:crosshair;touch-action:none;pointer-events:auto;transition:background-color var(--fb-dur)}.fb-knob:hover{background:var(--fb-accent)}.fb-ghost{position:fixed;pointer-events:none;z-index:calc(var(--fb-z) + 5);border-radius:var(--fb-radius);border:2px dashed var(--fb-accent);background:var(--fb-accent-subtle)}.fb-arrow{position:absolute;overflow:visible;pointer-events:none}.fb-edge__hit{pointer-events:auto;cursor:pointer}.fb-edge__head{pointer-events:auto;cursor:grab;touch-action:none}.fb-edge__head:active{cursor:grabbing}.fb-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:transparent;color:var(--fb-text-secondary);border-radius:var(--fb-radius-full);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--fb-dur),background-color var(--fb-dur),border-color var(--fb-dur)}.fb-btn:disabled{cursor:not-allowed;opacity:.4}.fb-btn--sm{width:1.5rem;height:1.5rem}.fb-btn--md{width:2rem;height:2rem}.fb-btn--lg{width:3rem;height:3rem}.fb-btn--ghost:not(:disabled):hover{color:var(--fb-text)}.fb-btn--ghost.fb-btn--success:not(:disabled):hover{color:var(--fb-success)}.fb-btn--ghost.fb-btn--danger:not(:disabled):hover{color:var(--fb-danger)}.fb-btn.is-active.fb-btn--accent{color:var(--fb-accent)}.fb-btn.is-active.fb-btn--success{color:var(--fb-success)}.fb-btn.is-active.fb-btn--danger{color:var(--fb-danger)}.fb-btn--solid{border:1px solid var(--fb-border);background:var(--fb-surface-overlay);color:var(--fb-text-secondary);box-shadow:var(--fb-shadow-sm)}.fb-btn--solid:not(:disabled):hover{border-color:var(--fb-border-strong);color:var(--fb-accent)}.fb-btn--solid.is-active{border-color:var(--fb-accent);background:var(--fb-accent);color:var(--fb-accent-contrast)}.fb-btn-wrap{position:relative;display:inline-flex}.fb-btn__badge{position:absolute;top:-.25rem;right:-.25rem;display:flex;align-items:center;justify-content:center;height:1.25rem;min-width:1.25rem;padding:0 .25rem;border-radius:var(--fb-radius-full);background:var(--fb-accent);color:var(--fb-accent-contrast);font-size:10px;font-weight:600;pointer-events:none}.fb-dock{position:fixed;right:1.25rem;bottom:1.25rem;z-index:calc(var(--fb-z) + 10);display:flex;align-items:center;gap:.5rem}.fb-dock__launcher{cursor:grab;touch-action:none}.fb-dock__launcher:active{cursor:grabbing}.fb-toolbar{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;border-radius:var(--fb-radius-full);border:1px solid var(--fb-border);background:color-mix(in oklab,var(--fb-surface-overlay) 95%,transparent);box-shadow:var(--fb-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fb-toolbar__divider{width:1px;height:1.25rem;margin:0 .25rem;background:var(--fb-border)}.fb-reviewbar{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:calc(var(--fb-z) + 10)}.fb-reviewbar__count{min-width:4rem;text-align:center;font-family:var(--fb-font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--fb-text-secondary)}.fb-popover{position:fixed;z-index:calc(var(--fb-z) + 20);width:20rem;max-width:calc(100vw - 24px);padding:1rem;border-radius:var(--fb-radius-lg);border:1px solid var(--fb-border);background:var(--fb-surface-raised);box-shadow:var(--fb-shadow);font-size:.875rem;color:var(--fb-text-secondary)}.fb-guide__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.fb-guide__title{margin:0;font-size:1rem;font-weight:600;color:var(--fb-text)}.fb-guide__close{display:inline-flex;padding:.125rem;border:0;background:transparent;color:var(--fb-text-muted);border-radius:var(--fb-radius-sm);cursor:pointer;transition:color var(--fb-dur)}.fb-guide__close:hover{color:var(--fb-text)}.fb-guide__lead{margin:0 0 .75rem;color:var(--fb-text-secondary)}.fb-guide__steps{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.fb-guide__step{display:flex;gap:.75rem}.fb-guide__step-icon{flex-shrink:0;margin-top:.125rem;color:var(--fb-accent)}.fb-guide__step-text{color:var(--fb-text-secondary)}.fb-guide__step-text b{color:var(--fb-text)}.fb-guide__inline-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:1.25rem;height:1.25rem;margin:0 .125rem;border-radius:var(--fb-radius-full);border:1px solid var(--fb-border);background:var(--fb-surface-overlay);color:var(--fb-text)}.fb-guide__inline-icon svg{width:.875rem;height:.875rem}.fb-guide__knob{display:block;margin-top:.25rem;width:.75rem;height:.75rem;border-radius:var(--fb-radius-full);border:1px solid var(--fb-accent);background:var(--fb-surface-overlay)}:root{--hue: 65;--bg: oklch(.15 .012 var(--hue));--bg-raised: oklch(.19 .014 var(--hue));--bg-card: oklch(.22 .016 var(--hue));--bg-code: oklch(.13 .01 var(--hue));--border: oklch(.3 .02 var(--hue));--border-soft: oklch(.25 .016 var(--hue));--text: oklch(.96 .008 var(--hue));--text-dim: oklch(.77 .015 var(--hue));--text-faint: oklch(.58 .02 var(--hue));--accent: oklch(.8 .16 var(--hue));--accent-bright: oklch(.88 .16 var(--hue));--accent-contrast: oklch(.18 .05 var(--hue));--accent-glow: oklch(.8 .16 var(--hue) / .16);--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--radius: 14px;--radius-sm: 9px;--maxw: 1060px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1100px 600px at 50% -8%,var(--accent-glow),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0}.s-container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.s-narrow{max-width:780px}.s-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.s-muted{color:var(--text-dim)}.s-accent{color:var(--accent)}.s-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;transition:transform .15s cubic-bezier(.16,1,.3,1),background-color .15s,border-color .15s,color .15s}.s-btn:hover{transform:translateY(-1px)}.s-btn--primary{background:var(--accent);color:var(--accent-contrast)}.s-btn--primary:hover{background:var(--accent-bright)}.s-btn--ghost{border-color:var(--border);color:var(--text);background:transparent}.s-btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.s-nav{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in oklab,var(--bg) 78%,transparent);border-bottom:1px solid var(--border-soft)}.s-nav__inner{display:flex;align-items:center;justify-content:space-between;height:62px}.s-brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.02em;text-decoration:none;color:var(--text)}.s-brand svg{color:var(--accent)}.s-nav__links{display:flex;align-items:center;gap:4px}.s-nav__link{padding:7px 13px;border-radius:999px;font-size:14px;font-weight:500;text-decoration:none;color:var(--text-dim);transition:color .15s,background-color .15s}.s-nav__link:hover{color:var(--text)}.s-nav__link.is-active{color:var(--accent);background:var(--accent-glow)}.s-nav__icon-link{display:inline-flex;padding:8px;color:var(--text-dim);border-radius:999px}.s-nav__icon-link:hover{color:var(--text)}.s-section{padding:84px 0}.s-section--tight{padding:48px 0}.s-section__head{max-width:640px;margin-bottom:44px}.s-section__head h2{font-size:clamp(26px,4vw,36px);margin:14px 0 12px}.s-section__head p{color:var(--text-dim);font-size:18px;margin:0}.s-hero{padding:clamp(64px,12vw,130px) 0 72px;text-align:center}.s-hero .s-container{position:relative}.s-heronote{position:absolute;top:-46px;right:-8px;width:210px;transform:rotate(-4deg);text-align:left;pointer-events:none;z-index:3}.s-heronote__card{border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,var(--bg-card),var(--bg-raised));box-shadow:0 14px 34px #00000080;overflow:hidden}.s-heronote__bar{display:flex;align-items:center;padding:8px 11px;background:var(--bg-code);border-bottom:1px solid var(--border-soft)}.s-heronote__grip{display:grid;grid-template-columns:repeat(2,3px);grid-auto-rows:3px;gap:3px}.s-heronote__grip i{width:3px;height:3px;border-radius:999px;background:var(--text-faint)}.s-heronote__body{margin:0;padding:12px 14px;font-size:14px;line-height:1.45;color:var(--text)}.s-heronote__body b{color:var(--accent)}.s-heronote__arrow{position:absolute;top:74px;left:-96px;width:132px;height:111px;overflow:visible;color:var(--accent)}@media(max-width:960px){.s-heronote{display:none}}.s-hero h1{font-size:clamp(40px,8vw,76px);font-weight:700;margin:22px 0 0}.s-hero__tag{max-width:620px;margin:20px auto 0;font-size:clamp(17px,2.4vw,21px);color:var(--text-dim)}.s-hero__cta{display:flex;justify-content:center;gap:12px;margin-top:34px;flex-wrap:wrap}.s-hero__hint{margin-top:30px;font-family:var(--mono);font-size:13px;color:var(--text-faint)}.s-hero__hint b{color:var(--accent);font-weight:500}.s-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.s-card{padding:24px;border-radius:var(--radius);border:1px solid var(--border-soft);background:linear-gradient(180deg,var(--bg-card),var(--bg-raised));transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1)}.s-card:hover{border-color:var(--border);transform:translateY(-2px)}.s-card__head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.s-card__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;background:var(--accent-glow);color:var(--accent)}.s-card__icon svg{width:20px;height:20px}.s-card h3{font-size:17px}.s-card p{margin:0;color:var(--text-dim);font-size:15px}.s-callout{display:flex;gap:16px;padding:20px 22px;border-radius:var(--radius);border:1px solid var(--border);background:var(--accent-glow)}.s-callout__icon{flex-shrink:0;color:var(--accent)}.s-callout p{margin:0;color:var(--text)}.s-callout p+p{margin-top:6px;color:var(--text-dim);font-size:15px}.s-code{position:relative;border-radius:var(--radius);border:1px solid var(--border-soft);background:var(--bg-code);overflow:hidden}.s-code__bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--border-soft)}.s-code__dot{width:11px;height:11px;border-radius:999px;background:var(--border)}.s-code__file{margin-left:6px;font-family:var(--mono);font-size:12px;color:var(--text-faint)}.s-code__copy{margin-left:auto;padding:4px 10px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:11px;cursor:pointer;transition:color .15s,border-color .15s}.s-code__copy:hover{color:var(--accent);border-color:var(--accent)}.s-code pre{margin:0;padding:18px 20px;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:1.65;color:var(--text)}.s-code code{font-family:inherit}.tok-key{color:var(--accent)}.tok-str{color:#83dc97}.tok-com{color:var(--text-faint);font-style:italic}.tok-num{color:#e3a6dd}.tok-type{color:#81daef}.s-prose h2{font-size:30px;margin:56px 0 14px;scroll-margin-top:84px}.s-prose h3{font-size:20px;margin:34px 0 10px}.s-prose p{color:var(--text-dim);margin:0 0 16px}.s-prose ul{color:var(--text-dim);padding-left:20px;margin:0 0 16px}.s-prose li{margin:6px 0}.s-prose code{font-family:var(--mono);font-size:.88em;padding:2px 6px;border-radius:6px;background:var(--bg-code);border:1px solid var(--border-soft);color:var(--accent)}.s-prose pre code{padding:0;border:0;background:none;color:inherit}.s-prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.s-prose a:hover{border-bottom-color:var(--accent)}.s-table{width:100%;border-collapse:collapse;margin:12px 0 24px;font-size:14.5px}.s-table th,.s-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border-soft);vertical-align:top}.s-table th{color:var(--text-faint);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.s-table td code{font-family:var(--mono);font-size:12.5px;color:var(--accent);white-space:nowrap}.s-table td:last-child{color:var(--text-dim)}.s-scrollpanel{position:relative;height:440px;overflow:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);padding:28px}.s-scrollpanel h3{margin-bottom:10px}.s-scrollpanel p{color:var(--text-dim)}.s-footer{border-top:1px solid var(--border-soft);padding:40px 0;color:var(--text-faint);font-size:14px}.s-footer__inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.s-footer a{color:var(--text-dim);text-decoration:none}.s-footer a:hover{color:var(--accent)}.s-anchor-tip{display:inline-block;font-family:var(--mono);font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}