:root{--paper:#fcfbf8;--panel:#fff;--soft:#f6f4ee;--chrome:#f4f2ec;--line:#e7e3d9;--line-soft:#efede4;--field:#dcd7cb;--ink:#17150f;--ink-hover:#000;--muted:#5c584e;--faint:#938e81;--faint-2:#a8a296;--you:#5b4ddb;--you-2:#7d70e6;--you-wash:#eeecfb;--mate:#e0603a;--mate-wash:#fbeee9;--agent:#1f9c84;--agent-wash:#e7f5f1;--note:#e0a100;--note-wash:#fff6dc;--ok:#1f9c84;--bad:#d44a3a;--mono:var(--font-jetbrains),"JetBrains Mono",ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--sans:var(--font-hanken),"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--display:var(--font-bricolage),"Bricolage Grotesque","Hanken Grotesk",system-ui,sans-serif;--ease:cubic-bezier(0.16,1,0.3,1);--lift:0 22px 46px -32px rgba(20,16,10,.42);--grad:linear-gradient(100deg,#5b4ddb,#7d70e6 50%,#e0603a)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--sans);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a,body{color:var(--ink)}::selection{background:#d8d2f7}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:18px;color:var(--ink)}.dot,.logo .dot{width:12px;height:12px;border-radius:50%;background:var(--you);flex:none}.dots{display:inline-flex;align-items:center;gap:4px;flex:none}.dots i{width:10px;height:10px;border-radius:50%;display:block}.dots i:first-child{background:var(--you)}.dots i:nth-child(2){background:var(--mate)}.dots i:nth-child(3){background:var(--agent)}.topbar{border-bottom:1px solid var(--line);background:hsla(45,40%,98%,.85);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:40}.topbar .row{display:flex;align-items:center;gap:14px;height:60px}.topbar .row .spacer{margin-left:auto}.admin-bar .row{gap:10px}.admin-bar .logo{min-width:0}.admin-bar .logo .admin-bar-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.admin-bar .btn.s{padding:9px 12px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:700 14px/1 var(--sans);border-radius:10px;padding:11px 17px;cursor:pointer;text-decoration:none;border:1.5px solid transparent;background:var(--ink);color:#fff;white-space:nowrap;transition:transform .15s var(--ease),background .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.btn:hover{background:var(--ink-hover);transform:translateY(-1px)}.btn.s{background:var(--panel);color:var(--ink);border-color:var(--ink)}.btn.s:hover{background:var(--ink);color:#fff;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.vseg{align-items:stretch;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.vseg,.vseg button{display:inline-flex}.vseg button{align-items:center;gap:5px;font:700 12px/1 var(--sans);padding:8px 11px;border:0;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.vseg button+button{border-left:1px solid var(--line)}.vseg button:hover{color:var(--ink)}.vseg button.on{background:var(--ink);color:#fff}.linklike{background:none;border:none;padding:0;font:inherit;color:var(--you);text-decoration:underline;cursor:pointer}.linklike:hover{text-decoration:none}.linklike:disabled{opacity:.6;cursor:default}.eyebrow{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}h1{font-family:var(--display);font-size:34px;line-height:1.06;letter-spacing:-.03em;font-weight:800}.lead,h1{margin:10px 0 0}.lead{color:var(--muted);font-size:15px;line-height:1.6}.field{width:100%;padding:10px 13px;border:1.5px solid var(--field);border-radius:10px;font:500 14px/1.3 var(--sans);color:var(--ink);background:var(--panel);transition:border-color .2s ease,box-shadow .2s ease}.field::placeholder{color:var(--faint)}.field:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(23,21,15,.08)}textarea.code{width:100%;min-height:320px;font:13px/1.5 var(--mono);color:var(--ink);background:var(--panel);border:1.5px solid var(--field);border-radius:11px;padding:14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}textarea.code:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(23,21,15,.08)}.sample-gallery{margin-top:18px}.sample-gallery-label{display:block;font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}.sample-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.sample-chip{display:flex;flex-direction:column;gap:4px;text-align:left;padding:13px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s ease,border-color .2s ease}.sample-chip:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--lift);border-color:var(--ink)}.sample-chip:disabled{opacity:.6;cursor:default}.sample-kind{font:800 13px/1.2 var(--display);letter-spacing:-.01em;color:var(--ink)}.sample-blurb{font:500 12px/1.35 var(--sans);color:var(--muted)}@media (max-width:720px){.sample-row{grid-template-columns:1fr 1fr}}.frame{height:70vh;border:1px solid var(--line);border-radius:12px}.frame,.frame-full{width:100%;background:#fff}.frame-full{flex:1 1;border:0}.sharebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:11px 14px;font:550 13px/1.4 var(--sans)}.sharebar code{font-family:var(--mono);font-size:12.5px}.card{border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:transform .2s var(--ease),box-shadow .2s ease,border-color .2s ease}.card.hoverable:hover{transform:translateY(-3px);box-shadow:var(--lift);border-color:var(--ink)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}@media (max-width:820px){.grid2{grid-template-columns:1fr}}.csplit{display:flex;gap:14px;align-items:stretch}.crail{width:300px;flex-shrink:0;display:flex}.crail,.csplit.stacked{flex-direction:column}.csplit.stacked .crail{width:100%}@media (max-width:820px){.csplit{flex-direction:column}.crail{width:100%}}@media (max-width:520px){.wrap{padding:0 16px}}.badge,.muted{color:var(--muted)}.badge{font:700 11px/1 var(--sans);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:5px 10px;text-decoration:none}.section{padding-top:26px;padding-bottom:28px}.iconbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:34px;height:34px;padding:0;border-radius:9px;border:1.5px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font:600 13px/1 var(--sans);transition:background .15s ease,color .15s ease,border-color .15s ease}.iconbtn:hover{background:var(--soft);color:var(--ink)}.iconbtn.wide{width:auto;padding:0 12px}.avatar{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font:800 11px/1 var(--sans);border:2px solid #fff;flex:none}.pill{display:inline-flex;align-items:center;gap:5px;font:700 11px/1 var(--sans);border-radius:999px;padding:5px 10px;white-space:nowrap}.pill.note{color:#8a6d00;background:var(--note-wash);border:1px solid #f2e2a8}.pill.live{color:var(--ok);background:var(--agent-wash);border:1px solid #bfe6d8}.pill .d{width:7px;height:7px;border-radius:50%;background:currentColor}.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--soft);border:1px solid var(--line)}.segmented button{border:0;background:transparent;color:var(--muted);font:700 13px/1 var(--sans);padding:8px 14px;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.segmented button[aria-selected=true]{background:var(--panel);color:var(--ink);box-shadow:0 2px 8px -3px rgba(20,16,10,.22)}.chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip{font:500 11px/1 var(--mono);color:var(--muted);background:transparent;border:0;border-radius:7px;padding:6px 10px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.chip:hover{color:var(--ink)}.chip[aria-selected=true]{font-weight:700;color:var(--ink);background:var(--soft)}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.thumb-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:transform .16s var(--ease),box-shadow .16s ease,border-color .16s ease}.thumb-card:hover{transform:translateY(-3px);box-shadow:var(--lift);border-color:var(--ink)}.thumb-shell{position:relative;height:150px;background:#fff;border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;overflow:hidden;cursor:pointer}.thumb-shell iframe{position:absolute;top:0;left:50%;width:1100px;height:825px;border:0;transform:translateX(-50%) scale(.27);transform-origin:top center;pointer-events:none;background:#fff}.thumb-shell .thumb-veil{position:absolute;inset:0;z-index:1}.thumb-meta{display:flex;align-items:flex-start;gap:8px;padding:11px 12px}.thumb-meta .grow{flex:1 1;min-width:0}.thumb-title{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-sub{color:var(--faint);font:10.5px/1.3 var(--mono);margin-top:4px}.thumb-badges{position:absolute;top:10px;left:10px;z-index:2;display:flex;gap:6px}.menu{position:fixed;z-index:120;min-width:168px;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--lift);padding:5px;display:flex;flex-direction:column}.menu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);font:600 13px/1 var(--sans);padding:9px 10px;border-radius:7px;cursor:pointer}.menu button:hover{background:var(--soft)}.menu button.danger{color:var(--bad)}.menu button.danger:hover{background:#fdecea}.menu .sep{height:1px;background:var(--line);margin:5px 2px}.overlay{position:fixed;inset:0;z-index:100;background:rgba(20,16,10,.34);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;animation:overlay-in .18s var(--ease)}@keyframes overlay-in{0%{opacity:0}}.dialog{width:100%;max-width:540px;max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--lift);padding:22px;animation:dialog-in .2s var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.99)}}.dialog h2,.dialog h3{margin:0 0 6px;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.02em}.dialog .row-end{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:100;max-height:78vh;overflow:auto;background:var(--panel);border-radius:20px 20px 0 0;border-top:1px solid var(--line);box-shadow:0 -20px 50px -24px rgba(20,16,10,.4);padding:14px 16px 22px;animation:sheet-in .24s var(--ease)}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet-grip{width:40px;height:4px;border-radius:999px;background:var(--field);margin:0 auto 12px}.fab{display:none;position:fixed;right:18px;bottom:18px;z-index:50;width:56px;height:56px;border-radius:18px;border:0;background:var(--ink);color:#fff;font-size:26px;cursor:pointer;box-shadow:0 16px 30px -12px rgba(20,16,10,.5)}@media (max-width:720px){.fab{display:flex;align-items:center;justify-content:center}.topbar .btn:not(.s){display:none}.topbar .row{gap:8px}.topbar .badge{padding:5px 8px;white-space:nowrap}}@media (max-width:460px){.topbar .logo .wm{display:none}.topbar .badge{font-size:10px;padding:5px 7px}.topbar .wrap{padding-left:12px;padding-right:12px}}.coach{position:relative;display:flex;align-items:flex-start;gap:12px;background:hsla(45,40%,98%,.96);color:var(--ink);border:1px solid var(--line);border-radius:13px;padding:13px 15px;box-shadow:var(--lift)}.coach .coach-x{margin-left:auto;background:transparent;border:0;color:var(--faint);cursor:pointer;font-size:16px;line-height:1}.coach b{font-size:13.5px}.coach p{margin:3px 0 0;font-size:12.5px;color:var(--muted)}.makeyours{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:radial-gradient(420px 160px at 0 0,var(--you-wash),transparent 70%),var(--panel)}.makeyours .grow{flex:1 1;min-width:200px}.plan-head{display:flex;align-items:flex-start;gap:12px}.plan-badge{flex:none;font:800 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 11px;margin-top:2px}.plan-badge.pro{color:#fff;background:var(--ink);border-color:var(--ink)}.plan-desc{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}.plan-lines{margin-top:12px;border-top:1px solid var(--line-soft);padding-top:6px}.plan-upsell{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:radial-gradient(360px 140px at 0 0,var(--you-wash),transparent 70%),var(--panel)}.plan-upsell-label{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.plan-features{list-style:none;margin:12px 0 16px;padding:0;display:flex;flex-direction:column;gap:9px}.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;color:var(--muted)}.plan-features li:before{content:"✓";flex:none;font-weight:800;font-size:12px;line-height:1;color:var(--ink);margin-top:3px}.plan-fine{margin:10px 0 0;font-size:12px;line-height:1.55;color:var(--muted)}.present{position:fixed;inset:0;z-index:90;background:#17150f;display:flex;flex-direction:column}.present .present-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#c9c6bd}.present iframe{flex:1 1;width:100%;border:0;background:#fff}.comment-pin{width:22px;height:22px;font:800 11px/1 var(--sans)}@media (max-width:720px){.comment-pin{width:30px;height:30px;font-size:14px}}.dropzone{border:2px dashed var(--field);border-radius:12px;background:var(--soft);transition:border-color .18s ease,background .18s ease}.dropzone.drag{border-color:var(--ink);background:var(--panel)}@media (max-width:720px){.thumb-grid{grid-template-columns:1fr 1fr;gap:12px}.thumb-shell{height:132px}.thumb-shell iframe{transform:translateX(-50%) scale(.3)}}@media (max-width:460px){.thumb-grid{grid-template-columns:1fr}.thumb-shell{height:170px}.thumb-shell iframe{transform:translateX(-50%) scale(.4)}}.hc-hero{border-bottom:1px solid var(--line);background:radial-gradient(680px 260px at 50% -40px,var(--you-wash),transparent 70%),var(--paper);padding:46px 0 40px;text-align:center}.hc-hero .eyebrow{display:block}.hc-hero-title{font-family:var(--display);font-size:40px;line-height:1.05;letter-spacing:-.03em;font-weight:800;margin:12px 0 0}.hc-hero-sub{color:var(--muted);font-size:16px;margin:10px auto 22px;max-width:560px}.hc-search{position:relative}.hc-search.lg{max-width:620px;margin:0 auto}.hc-search.sm{width:260px}@media (max-width:720px){.hc-search.sm{display:none}}.hc-search-box{display:flex;align-items:center;gap:10px;background:var(--panel);border:1.5px solid var(--field);border-radius:12px;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease}.hc-search.lg .hc-search-box{border-radius:14px;box-shadow:var(--lift)}.hc-search-box:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(23,21,15,.08)}.hc-search-icon{font-size:14px;opacity:.7}.hc-search-input{flex:1 1;border:0;background:transparent;outline:none;font:500 15px/1 var(--sans);color:var(--ink);padding:14px 0}.hc-search.sm .hc-search-input{padding:9px 0;font-size:13.5px}.hc-search-input::placeholder{color:var(--faint)}.hc-search-results{position:absolute;z-index:60;left:0;right:0;margin-top:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--lift);padding:5px;text-align:left;overflow:hidden}.hc-search-hit{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:8px;text-decoration:none}.hc-search-hit:hover{background:var(--soft)}.hc-search-hit-title{font:700 13.5px/1.3 var(--sans);color:var(--ink)}.hc-search-hit-sub{font:500 11px/1 var(--mono);color:var(--faint);text-transform:uppercase;letter-spacing:.06em}.hc-search-empty{padding:12px;color:var(--muted);font-size:13px}.hc-popular{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.hc-popular-label{font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--faint)}.hc-popular-link{font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px;transition:color .15s ease,border-color .15s ease}.hc-popular-link:hover{color:var(--ink);border-color:var(--ink)}.hc-collections{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding-top:34px;padding-bottom:40px}@media (max-width:720px){.hc-collections{grid-template-columns:1fr}}.hc-col-card{display:flex;gap:16px;padding:20px;text-decoration:none;align-items:flex-start}.hc-col-icon{font-size:26px;line-height:1;flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--soft);border:1px solid var(--line)}.hc-col-icon.lg{width:56px;height:56px;font-size:30px}.hc-col-title{font-family:var(--display);font-size:19px;font-weight:800;letter-spacing:-.02em;margin:2px 0 0}.hc-col-desc{color:var(--muted);font-size:13.5px;line-height:1.5;margin:6px 0 0}.hc-col-count{display:inline-block;margin-top:10px;font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.hc-page{max-width:820px}.hc-crumbs{display:flex;align-items:center;gap:8px;font:600 12.5px/1 var(--sans);color:var(--muted);margin-bottom:16px;flex-wrap:wrap}.hc-crumbs a{color:var(--muted);text-decoration:none}.hc-crumbs a:hover{color:var(--ink)}.hc-crumbs span[aria-hidden]{color:var(--faint-2)}.hc-crumb-current{color:var(--ink);font-weight:700}.hc-col-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:26px}.hc-page-title{font-family:var(--display);font-size:30px;line-height:1.1;letter-spacing:-.03em;font-weight:800;margin:0}.hc-article-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.hc-article-list li+li .hc-article-row{border-top:1px solid var(--line-soft)}.hc-article-row{display:flex;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:background .15s ease}.hc-article-row:hover{background:var(--soft)}.hc-article-row-main{display:flex;flex-direction:column;gap:3px;min-width:0}.hc-article-row-title{font:700 15px/1.3 var(--sans);color:var(--ink)}.hc-article-row-desc{font-size:13px;color:var(--muted);line-height:1.45}.hc-article-row-arrow{margin-left:auto;color:var(--faint-2);font-size:16px;flex:none;transition:transform .15s var(--ease),color .15s ease}.hc-article-row:hover .hc-article-row-arrow{color:var(--ink);transform:translateX(3px)}.hc-article-meta{display:flex;align-items:center;gap:8px;font:600 12px/1 var(--mono);color:var(--faint);margin:14px 0 8px;padding-bottom:20px;border-bottom:1px solid var(--line)}.hc-toc{margin:20px 0 4px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.hc-toc-label{display:block;font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:8px}.hc-toc ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.hc-toc a{font-size:14px;color:var(--ink);text-decoration:none;border-bottom:1px solid transparent}.hc-toc a:hover{border-bottom-color:var(--ink)}.hc-prose{font-size:15.5px;line-height:1.68;color:var(--ink)}.hc-prose h2[id]{scroll-margin-top:80px}.hc-prose p{margin:16px 0;color:#2b271f}.hc-prose h2{font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:-.02em;margin:30px 0 8px}.hc-prose ul{margin:16px 0;padding-left:22px}.hc-prose ul li{margin:7px 0;color:#2b271f}.hc-prose code{font:500 13px/1 var(--mono);background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--ink)}.hc-prose a{color:var(--you);text-decoration:underline;text-underline-offset:2px;font-weight:600}.hc-prose a:hover{color:var(--ink)}.hc-steps{list-style:none;counter-reset:none;margin:18px 0;padding:0;display:flex;flex-direction:column;gap:10px}.hc-steps li{display:flex;gap:12px;align-items:flex-start;color:#2b271f}.hc-step-num{flex:none;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font:800 12px/1 var(--sans);display:grid;place-items:center;margin-top:2px}.hc-callout{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin:18px 0;background:var(--soft)}.hc-callout p{margin:0;font-size:14px;line-height:1.55}.hc-callout-icon{font-size:15px;line-height:1.4;flex:none}.hc-callout.tip{background:var(--agent-wash);border-color:#bfe6d8}.hc-callout.note{background:var(--you-wash);border-color:#d6d1f4}.hc-callout.warn{background:var(--note-wash);border-color:#f2e2a8}.hc-codeblock{margin:0;background:#1c1a14;color:#e7e3d9;border-radius:12px;padding:15px 16px;overflow-x:auto;font:13px/1.7 var(--mono);white-space:pre;-webkit-text-size-adjust:100%}.hc-codeblock code{font:inherit;color:inherit;background:none;border:0;padding:0}.hc-faq{display:flex;flex-direction:column;gap:10px;margin:18px 0}.hc-faq-item{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--panel)}.hc-faq-q{font:700 14.5px/1.4 var(--sans);color:var(--ink)}.hc-faq-a{font-size:14px;color:var(--muted);margin-top:4px;line-height:1.55}.hc-figure{margin:24px 0}.hc-figure figcaption{margin-top:10px;font-size:12.5px;color:var(--faint);text-align:center;line-height:1.5}.hc-browser{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);box-shadow:var(--lift)}.hc-browser-bar{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px;background:var(--chrome);border-bottom:1px solid var(--line)}.hc-lights{display:inline-flex;gap:6px;flex:none}.hc-lights i{width:11px;height:11px;border-radius:50%;display:block}.hc-url{font:500 12px/1 var(--mono);color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:6px 12px;flex:1 1;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-browser-body{background:var(--paper)}.hc-topbar{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--panel)}.hc-pad{padding:16px 18px 20px}.hc-h1{font-size:22px;margin:6px 0 0}.hc-h1,.hc-h2{font-family:var(--display);font-weight:800;letter-spacing:-.02em}.hc-h2{font-size:17px}.hc-btn{display:inline-flex;align-items:center;gap:6px;font:700 12.5px/1 var(--sans);background:var(--ink);color:#fff;border-radius:9px;padding:9px 13px;white-space:nowrap}.hc-btn.ghost{background:var(--panel);color:var(--ink);border:1.5px solid var(--ink)}.hc-btn.sm{padding:6px 10px;font-size:11.5px;border-radius:8px}.hc-btn.danger{color:var(--bad);border-color:var(--bad)}.hc-saved{display:inline-flex;align-items:center;gap:7px;font:700 12px/1 var(--sans);color:var(--muted)}.hc-saved i{width:8px;height:8px;border-radius:50%;background:var(--ok)}.hc-thumbs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.hc-thumb{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.hc-thumb-shell{position:relative;height:72px;background:linear-gradient(135deg,#f0eee7,#fbfaf6);border-bottom:1px solid var(--line)}.hc-dot{position:absolute;top:8px;left:8px;width:9px;height:9px;border-radius:50%}.hc-thumb-meta{padding:9px 10px}.hc-thumb-title{font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-thumb-sub{font:9.5px/1.3 var(--mono);color:var(--faint);margin-top:3px}.hc-sample-label,.hc-share-sub{font:500 11px/1.4 var(--mono);color:var(--faint)}.hc-sample-label{display:block;text-transform:uppercase;letter-spacing:.1em;margin:14px 0 8px}.hc-samples{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.hc-sample{border:1.5px solid var(--line);border-radius:10px;padding:10px;background:var(--panel)}.hc-sample-kind{font:800 12px/1.2 var(--display);color:var(--ink)}.hc-sample-blurb{font:500 10.5px/1.3 var(--sans);color:var(--muted);margin-top:2px}.hc-field{border:1.5px solid var(--field);border-radius:9px;padding:9px 12px;font:500 12.5px/1 var(--sans)}.hc-field,.hc-paste{color:var(--faint);background:var(--panel)}.hc-paste{border:1.5px solid var(--field);border-radius:10px;padding:14px;min-height:64px;margin-top:10px;font:500 12.5px/1.5 var(--sans)}.hc-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:560px){.hc-samples,.hc-split,.hc-thumbs{grid-template-columns:1fr}.hc-samples{grid-template-columns:1fr 1fr}}.hc-split .eyebrow{display:block;margin-bottom:6px}.hc-code{background:#1c1a14;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:2px;overflow-x:auto}.hc-tag{font:500 11.5px/1.6 var(--mono);color:#d7d2c4;white-space:pre}.hc-preview{border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px;min-height:120px}.hc-promo{position:relative;width:190px;margin:0 auto;background:linear-gradient(160deg,#6c3bff,#9b7bff);color:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 18px 34px -22px rgba(108,59,255,.7)}.hc-promo-btn{background:#fff;color:#6c3bff;font:800 12px/1 var(--sans);border-radius:8px;padding:9px}.hc-selected{outline:2px solid #fff;outline-offset:3px;border-radius:4px}.hc-toolbar{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;background:var(--ink);border-radius:10px;padding:7px 9px;box-shadow:var(--lift);z-index:2}.hc-tool{color:#fff;font:700 12px/1 var(--sans);min-width:18px;text-align:center}.hc-swatch{width:14px;height:14px;border-radius:50%;border:1.5px solid #fff}.hc-thread{position:absolute;top:30px;right:12px;width:210px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--lift);padding:11px;z-index:3}.hc-thread-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:9px}.hc-thread-name{font:700 11.5px/1.2 var(--sans)}.hc-thread-text{font-size:12px;color:var(--muted);line-height:1.4}.hc-thread-foot{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line-soft);padding-top:8px}.hc-reply{flex:1 1;font-size:11.5px;color:var(--faint)}.hc-resolve{font:700 11px/1 var(--sans);color:var(--ok)}.hc-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px}.hc-share-row{display:flex;align-items:center;gap:10px}.hc-share-title{font:700 13px/1.3 var(--sans);color:var(--ink)}.hc-divider{height:1px;background:var(--line);margin:12px 0}.hc-link-list{margin-top:10px}.hc-link-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.hc-roles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}@media (max-width:560px){.hc-roles{grid-template-columns:1fr}}.hc-role{border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--panel)}.hc-role-dot{display:block;width:12px;height:12px;border-radius:50%;margin-bottom:8px}.hc-role-name{font:800 13.5px/1.2 var(--display);letter-spacing:-.01em}.hc-role-body{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.45}.hc-ver-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line-soft)}.hc-ver-row:first-of-type{border-top:0}.hc-sugg{border:1px solid var(--line);border-radius:9px;padding:10px;margin-top:10px}.hc-guestbar{display:flex;align-items:center;gap:9px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:8px 11px;margin-bottom:10px}.hc-asset{font:500 11.5px/1.5 var(--mono);color:var(--you);background:var(--you-wash);border-radius:6px;padding:3px 7px}.hc-tool-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:var(--panel);flex-wrap:wrap}.hc-cursor{position:absolute;font:800 10.5px/1 var(--sans);padding:3px 6px;border-radius:6px;background:currentColor;z-index:2;color:var(--you)}.hc-cursor:first-letter{color:#fff}.hc-report{position:absolute;top:10px;right:10px;font:700 11px/1 var(--sans);color:var(--bad);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 10px;box-shadow:var(--lift)}.hc-terminal{border-radius:14px;overflow:hidden;border:1px solid #2a2720;box-shadow:var(--lift)}.hc-term-bar{background:#2a2720;border-bottom:1px solid #38342b}.hc-term-bar .hc-url{background:#1c1a14;border-color:#38342b;color:#c9c6bd}.hc-term-body{margin:0;background:#17150f;color:#e7e3d9;font:12.5px/1.8 var(--mono);padding:14px 16px;display:flex;flex-direction:column;white-space:pre-wrap}.hc-prompt{color:var(--agent);margin-right:8px}.hc-term-ok{color:#56d3b4}.hc-term-dim{color:#928d80}.hc-helpful{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:16px 18px;margin:36px 0 10px}.hc-helpful-q{font:700 14px/1 var(--sans)}.hc-helpful-btns{display:flex;gap:8px;margin-left:auto}.hc-helpful-btn{font:700 13px/1 var(--sans);background:var(--panel);border:1.5px solid var(--line);border-radius:9px;padding:9px 15px;cursor:pointer;transition:border-color .15s ease,transform .15s var(--ease)}.hc-helpful-btn:hover{border-color:var(--ink);transform:translateY(-1px)}.hc-helpful-thanks{margin:0;font:600 14px/1.4 var(--sans);color:var(--ink)}.hc-related{margin-top:34px}.hc-related-head{font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.hc-related-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:560px){.hc-related-grid{grid-template-columns:1fr}}.hc-related-card{display:flex;flex-direction:column;gap:5px;padding:15px;text-decoration:none}.hc-related-col{font:600 10.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.hc-related-title{font:700 14.5px/1.35 var(--sans);color:var(--ink)}.hc-back,.hc-footer{margin-top:30px}.hc-footer{border-top:1px solid var(--line);background:var(--panel);padding:22px 0}.hc-footer-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hc-footer-link{font:600 13px/1 var(--sans);color:var(--muted);text-decoration:none}.hc-footer-link:hover{color:var(--ink)}@font-face{font-family:__Hanken_Grotesk_9c618b;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a6c19694cd327cd4-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Hanken_Grotesk_9c618b;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/851c4691abdf3def-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Hanken_Grotesk_9c618b;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a8a8dd7277bab4cf-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Hanken_Grotesk_9c618b;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/313510e2713fb214-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Hanken_Grotesk_Fallback_9c618b;src:local("Arial");ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.00%;size-adjust:100.94%}.__className_9c618b{font-family:__Hanken_Grotesk_9c618b,__Hanken_Grotesk_Fallback_9c618b;font-style:normal}.__variable_9c618b{--font-hanken:"__Hanken_Grotesk_9c618b","__Hanken_Grotesk_Fallback_9c618b"}@font-face{font-family:__Bricolage_Grotesque_a4bae9;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Bricolage_Grotesque_a4bae9;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Bricolage_Grotesque_a4bae9;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Bricolage_Grotesque_Fallback_a4bae9;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_a4bae9{font-family:__Bricolage_Grotesque_a4bae9,__Bricolage_Grotesque_Fallback_a4bae9;font-style:normal}.__variable_a4bae9{--font-bricolage:"__Bricolage_Grotesque_a4bae9","__Bricolage_Grotesque_Fallback_a4bae9"}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__JetBrains_Mono_Fallback_3c557b;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:__JetBrains_Mono_3c557b,__JetBrains_Mono_Fallback_3c557b;font-style:normal}.__variable_3c557b{--font-jetbrains:"__JetBrains_Mono_3c557b","__JetBrains_Mono_Fallback_3c557b"}