:root{--paper:#f5f0e6;--ink:#2d2b26;--ember:#bf512d;--subtle:#696357;--line:#d8d1c4;--white:#fffdf8;--night:#292c27;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scrollbar-color:#aaa291 var(--paper)}*{box-sizing:border-box}body{margin:0}::selection{background:#e8bda5;color:#2d2b26}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ember);outline-offset:5px}button:disabled{cursor:wait;opacity:.6}input{caret-color:var(--ember)}.wrap{width:min(1184px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding-block:25px;border-bottom:1px solid var(--line)}.site-header>a{display:flex}.site-header img{height:42px;width:auto}.site-header nav{display:flex;flex-wrap:wrap;gap:8px 32px;font-size:14px;font-weight:650}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--ember)}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--ink);color:var(--paper);padding:12px}.skip:focus{top:12px}.hero{padding-top:55px;padding-bottom:42px}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,6.5vw,88px);font-weight:600;line-height:1.07;letter-spacing:-.04em;text-wrap:balance}h1 span{color:var(--ember)}.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;margin-top:28px;gap:30px}.hero-bottom>p{max-width:600px;font-size:19px;line-height:1.65;color:#635d53}.actions{display:flex;align-items:center;gap:28px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:14px 20px;border-radius:7px;text-decoration:none;font-size:15px;font-weight:700;transition:background .18s ease,color .18s ease}.primary{background:var(--ember);color:#fff9f0}.primary:hover{background:#a13f21}.text-link{font-size:15px;font-weight:650;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link:hover{color:var(--ember)}.bench-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:24px}.bench-heading h2{font-size:16px;letter-spacing:-.02em;font-weight:650}.bench-heading p{font-size:14px;color:var(--subtle)}.bench{display:grid;grid-template-columns:1.05fr 1fr;border-radius:12px;overflow:hidden;box-shadow:0 12px 36px -18px #39312345}.code-side{background:var(--night);color:#ede9dc;min-width:0;display:flex;flex-direction:column}.code-toolbar,.demo-toolbar{height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:12px}.code-toolbar{border-bottom:1px solid #474a41;color:#b8bbad}.code-toolbar>div{display:flex;height:100%;gap:23px}.code-toolbar button{color:#c0c3b7;background:none;border:0;padding:0;border-bottom:2px solid transparent;font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:12px}.code-toolbar button[aria-pressed=true]{color:#fff7e9;border-bottom-color:#e19869}.code-toolbar button:hover{color:#fff}.source{font-size:13px;line-height:1.75;padding:24px 28px 28px;margin:0;white-space:pre;overflow:auto;min-height:319px;tab-size:4}.source code{font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}.syntax-muted{color:#a4ad9c}.syntax-accent{color:#e5a483}.syntax-gold{color:#e8c188}.code-foot{font-size:12px;color:#bdc2b3;padding:15px 24px;border-top:1px solid #474a41;margin-top:auto}.demo-side{background:var(--white);display:flex;flex-direction:column;min-width:0}.demo-toolbar{border-bottom:1px solid #e7e1d7}.demo-title{font-size:13px;font-weight:700}.local-indicator{color:#47633d;font-size:12px;display:flex;align-items:center;gap:6px}.local-indicator:before{content:"";height:5px;width:5px;border-radius:50%;background:#668b55}.demo-filters{display:flex;align-items:center;gap:12px;padding:24px 24px 14px}.search{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:10px 12px;background:#f5f2ec;border-radius:5px;color:#7a7369}.search input{min-width:0;width:100%;background:none;border:0;outline-offset:5px;color:var(--ink);font-size:14px}.search input::placeholder{color:#746e64}.demo-filters select{max-width:120px;font-size:13px;background:transparent;color:var(--ink);border:1px solid #ded8cd;border-radius:5px;padding:9px 7px}.demo-list{list-style:none;padding:0 24px;margin:0;min-height:218px}.issue{display:flex;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid #ece6dc;font-size:14px;font-weight:550;line-height:1.4}.issue-check{height:21px;width:21px;flex-shrink:0;border:1px solid #bbb5a8;border-radius:50%;background:transparent;color:transparent;display:grid;place-items:center;padding:0;transition:background .18s ease}.issue-check:hover{border-color:var(--ember);background:#f7e8dd}.completed .issue-check{background:#e7eddf;color:#526548;border-color:#c7d2bd}.completed>span{text-decoration:line-through;color:#746b5f}.demo-foot{display:flex;justify-content:space-between;padding:15px 24px;font-size:12px;color:#756d62;border-top:1px solid #e7e1d7;margin-top:auto}.bench-caption{font-size:13px;line-height:1.7;color:var(--subtle);margin-top:14px;max-width:100ch}.empty-state{display:none;font-size:14px;padding:35px 24px;color:var(--subtle)}.demo-list:not(:has(.issue)){min-height:0}.demo-list:not(:has(.issue))+.empty-state{display:block;min-height:190px}.architecture{padding-block:96px 95px}.architecture>h2{font-size:clamp(28px,3.1vw,42px);line-height:1.25;letter-spacing:-.035em;font-weight:550;text-wrap:balance}.architecture>h2 span{color:#898174}.flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.flow article{padding-top:24px;padding-right:38px}.flow article+article{border-left:1px solid var(--line);padding-left:32px}.flow-tag{font-size:12px;color:#8a442d;font-weight:700}.flow h3{font-size:20px;font-weight:600;letter-spacing:-.025em}.flow p{font-size:15px;line-height:1.75;color:var(--subtle);margin-top:12px}.flow code{display:block;font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:1.7;margin-top:22px;color:#6f6555}.principles{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-block:75px 100px;border-top:1px solid var(--line)}.principles h2{font-size:45px;line-height:1.13;letter-spacing:-.035em;font-weight:550;text-wrap:balance}.principles>div>p{max-width:380px;font-size:16px;color:var(--subtle);line-height:1.8;margin-top:22px}.principles dl{margin:0}.principles dl>div{padding-block:24px;border-bottom:1px solid var(--line)}.principles dl>div:first-child{padding-top:0}.principles dt{font-size:18px;font-weight:650;letter-spacing:-.02em}.principles dd{margin:10px 0 0;font-size:15px;line-height:1.75;color:var(--subtle);max-width:65ch}.start-section{background:var(--ember);color:#fff}.start-inner{padding-block:68px 76px;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.start-inner h2{font-size:64px;font-weight:550;line-height:1.08;letter-spacing:-.04em}.start-inner>div>p{font-size:16px;line-height:1.7;max-width:400px;margin-top:22px;color:#fff}.light{background:var(--paper);color:var(--ink);margin-top:27px}.light:hover{background:#fffaf1}.install{min-width:0}.install>p:first-child{font-size:13px;font-weight:700;margin:0 0 12px}.install pre{font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:1.85;margin:0;padding:20px 22px;background:var(--night);color:#f1ecd9;border-radius:10px;box-shadow:0 14px 30px -18px #3a160a;white-space:pre;overflow-x:auto;scrollbar-color:#5a5d53 transparent}.install pre code{font:inherit}.install pre .prompt{color:#e5a483;user-select:none}.install .install-note{font-size:14px;line-height:1.7;color:#fff;margin-top:18px}.install>a{display:inline-block;font-size:15px;font-weight:650;margin-top:16px}.early{padding-block:56px;display:flex;flex-direction:column;align-items:flex-start}.early p{font-size:15px;line-height:1.75;color:var(--subtle);max-width:70ch}.early a{margin-top:16px}footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px 40px;border-top:1px solid var(--line);padding-block:28px 36px;font-size:13px;color:var(--subtle)}footer img{width:100px;height:auto}footer p{line-height:1.6;margin-right:auto}footer nav{display:flex;gap:24px;font-weight:650;color:var(--ink)}footer nav a{text-decoration:none}footer nav a:hover{color:var(--ember)}.demo-page{padding-block:56px 96px}.demo-intro{margin-bottom:32px;max-width:680px}.demo-intro h1{font-size:clamp(36px,4.4vw,56px);line-height:1.1}.demo-intro p{font-size:17px;line-height:1.7;color:#635d53;margin-top:18px}.code-foot a{color:#fff7e9}.embedded,.embedded body{background:var(--white)}.embedded .bench{border-radius:0;box-shadow:none;min-height:100vh}.embedded .source{min-height:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}hearth-when{display:contents}@media(min-width:1100px){.hero{padding-top:48px}.source{min-height:325px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{padding-top:50px;padding-bottom:44px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.bench-heading{align-items:flex-start;flex-direction:column;gap:6px}.bench{grid-template-columns:1fr}.demo-side{grid-row:1}.source{min-height:300px}.flow article{padding-right:15px}.flow article+article{padding-left:20px}.principles{gap:40px}.principles h2{font-size:38px}.start-inner{gap:35px}.start-inner h2{font-size:50px}}@media(max-width:560px){.wrap{width:calc(100% - 36px)}.site-header{padding-block:20px}.site-header img{height:32px}.hero{padding-top:42px}h1{font-size:47px;line-height:1.12}.hero-bottom>p{font-size:17px;line-height:1.7}.actions{gap:24px}.bench-heading h2{font-size:15px}.demo-toolbar{padding-inline:17px}.demo-filters{padding:20px 16px 10px;gap:8px}.demo-list{padding-inline:17px;min-height:240px}.issue{min-height:56px}.demo-foot{padding-inline:17px}.source{font-size:12px;padding:20px 17px;min-height:285px;line-height:1.8}.code-toolbar{padding-inline:17px}.code-foot{padding-inline:17px}.architecture{padding-block:65px}.architecture>h2{font-size:29px}.flow{grid-template-columns:1fr}.flow article,.flow article+article{padding:23px 0;border-left:0;border-bottom:1px solid var(--line)}.flow h3{margin-top:11px}.flow code{margin-top:15px}.principles{grid-template-columns:1fr;padding-block:40px 60px;gap:40px}.principles h2{font-size:36px;margin-top:0}.principles>div>p{margin-top:16px}.principles dt{font-size:16px}.start-inner{grid-template-columns:1fr;padding-block:45px 50px;gap:37px}.start-inner h2{font-size:53px}.install pre{font-size:12px;padding:16px 18px}.early{padding-block:44px}footer{flex-direction:column;align-items:flex-start}}@media(max-width:420px){.site-header nav{width:100%;gap:8px 22px;font-size:14px}.actions{flex-direction:column;align-items:stretch;width:100%;gap:18px}.actions .text-link{align-self:flex-start}}.button,.text-link{white-space:nowrap}.doc-article pre code,.doc-article pre{font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.issue-check{height:40px;width:40px;border:0;position:relative;isolation:isolate;background:transparent!important}.issue-check:before{content:"";position:absolute;inset:9px;border:1px solid #bbb5a8;border-radius:50%;z-index:-1}.issue-check:hover:before{border-color:var(--ember);background:#f7e8dd}.completed .issue-check:before{background:#e7eddf;border-color:#c7d2bd}.issue{gap:3px}.issue-check:focus-visible{outline-offset:0}

.start-section a:focus-visible,.start-section button:focus-visible{outline-color:#fff}.start-section .light:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 2px var(--ember)}