.os{--paper:#f4f1ea;--paper-2:#ebe6db;--ink:#141414;--muted:#6b665d;--line:#d9d2c4;--accent:#ff5a1f;--accent-ink:#b8360a;--on-ink:#f4f1ea;--ok:#1d7a46;--private:#8a5a00;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--hand:"Bradley Hand", "Segoe Print", "Comic Neue", "Chalkboard SE", cursive;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme:dark){.os{--paper:#141311;--paper-2:#1d1c19;--ink:#f1ece2;--muted:#a39d92;--line:#34312b;--accent:#ff6a33;--accent-ink:#ff8a5c;--on-ink:#141311;--ok:#5fd39a;--private:#f0b45a}}.os *,.os :before,.os :after{box-sizing:border-box}.os [hidden]{display:none!important}.os a{color:inherit}:where(.os) :where(h1,h2,h3,p,figure,ul,ol){margin:0}:where(.os) :where(ul,ol){padding:0;list-style:none}.os code{font:.9em var(--mono);background:var(--paper-2);border-radius:4px;padding:.1em .35em}.os a:focus-visible,.os button:focus-visible,.os input:focus-visible,.os textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.os-wrap{max-width:1160px;margin:0 auto;padding:0 28px}.os-word{letter-spacing:-.04em;align-items:baseline;font-size:21px;font-weight:800;text-decoration:none;display:inline-flex}.os-word:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;margin-left:3px}.os-btn{background:var(--ink);border:1.5px solid var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;color:var(--paper)!important}.os-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff!important}.os-btn-line{background:0 0;color:var(--ink)!important}.os-btn-line:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)!important}.os-btn-sm{min-height:36px;padding:0 14px;font-size:14px}.os-arrow{transition:transform .15s ease-out}.os-btn:hover .os-arrow{transform:translate(3px)}.os-top{justify-content:space-between;align-items:center;height:72px;display:flex}.os-top nav{align-items:center;gap:26px;font-size:15px;display:flex}.os-top nav a:not(.os-btn){text-decoration:none}.os-top nav a:not(.os-btn):hover{color:var(--accent-ink)}.os-hero{padding:56px 0 40px}.os-hero h1{letter-spacing:-.055em;max-width:11ch;font-size:clamp(48px,9.4vw,128px);font-weight:800;line-height:.92}.os-circled{display:inline-block;position:relative}.os-circled svg{pointer-events:none;width:118%;height:128%;position:absolute;top:-14%;left:-9%;overflow:visible}.os-circled path{fill:none;stroke:var(--accent);stroke-width:3.2px;stroke-linecap:round}.os-hero-row{grid-template-columns:1fr 1.25fr;align-items:center;gap:56px;margin-top:44px;display:grid}.os-lede{max-width:26em;font-size:20px;line-height:1.5}.os-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.os-small{color:var(--muted);margin-top:14px;font-size:14px}.os-shot{margin:0;position:relative}.os-shot-frame{border:1.5px solid var(--ink);background:var(--paper-2);box-shadow:8px 8px 0 var(--ink);border-radius:10px;transition:transform .2s ease-out;display:block;overflow:hidden;transform:rotate(1.2deg)}.os-shot-frame:hover{transform:rotate(0)}.os-shot-bar{border-bottom:1.5px solid var(--ink);background:var(--paper);height:34px;font:12px var(--mono);align-items:center;gap:8px;padding:0 12px;display:flex}.os-shot-bar:before{content:"";background:radial-gradient(circle, var(--ink) 3px, transparent 3.5px) 0 0 / 13px 8px repeat-x;width:34px;height:8px}.os-shot img{width:100%;height:auto;display:block}.os-note{font:21px/1.15 var(--hand);color:var(--accent-ink);white-space:nowrap;position:absolute;transform:rotate(-4deg)}.os-note svg{display:block;overflow:visible}.os-note path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.os-shot .os-note{top:-58px;left:-10px}.os-band{border-top:1.5px solid var(--ink);padding:72px 0}.os-kicker{font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink)}.os-h2{letter-spacing:-.045em;max-width:16ch;margin-top:14px;font-size:clamp(34px,5vw,60px);font-weight:800;line-height:1}.os-rooms{border-top:1px solid var(--line);margin-top:44px}.os-room{border-bottom:1px solid var(--line);grid-template-columns:80px 1.1fr 1fr 2fr 110px;align-items:baseline;gap:20px;padding:24px 0;display:grid}.os-room-n{font:600 14px var(--mono);color:var(--muted)}.os-room h3{letter-spacing:-.03em;font-size:28px;font-weight:750}.os-room-host{font:14px var(--mono);color:var(--muted)}.os-room p{color:var(--muted)}.os-room-state{font:600 13px var(--mono);justify-self:end}.os-room-state.is-open{color:var(--ok)}.os-room-state.is-open:before{content:"● "}.os-room-state.is-soon{color:var(--muted)}.os-dark{background:var(--ink);color:var(--paper)}.os-dark .os-kicker{color:var(--accent)}.os-dark .os-band{border-top:0}.os-promises{grid-template-columns:repeat(4,1fr);gap:36px;margin-top:48px;display:grid}.os-promises h3{letter-spacing:-.02em;border-top:3px solid var(--accent);padding-top:16px;font-size:20px}.os-promises p{opacity:.78;margin-top:10px;font-size:15px}.os-steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px;display:grid}.os-steps li{counter-increment:step}.os-steps li:before{content:counter(step);letter-spacing:-.05em;color:var(--accent);font-size:72px;font-weight:800;line-height:1;display:block}.os-steps h3{letter-spacing:-.02em;margin-top:14px;font-size:21px}.os-steps p{color:var(--muted);margin-top:8px}.os-cta{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:40px;display:flex}.os-foot{border-top:1.5px solid var(--ink);padding:28px 0 0;overflow:hidden}.os-foot-row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:14px;display:flex}.os-foot-row nav{gap:22px;display:flex}.os-foot-row a{text-decoration:none}.os-foot-row a:hover{color:var(--ink)}.os-foot-word{letter-spacing:-.065em;user-select:none;margin:36px 0 0 -.04em;padding-bottom:.04em;font-size:clamp(80px,21vw,300px);font-weight:800;line-height:.78}.os-foot-word span{color:var(--accent)}.os-app{flex-direction:column;min-height:100vh;display:flex}.os-demo-bar{background:var(--accent);color:#fff;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:9px 16px;font-size:14px;display:flex}.os-demo-bar strong{font-weight:700}.os-demo-bar a{color:#fff;text-underline-offset:3px;font-weight:700}.os-shell{flex:1;grid-template-columns:252px 1fr;display:grid}.os-side{border-right:1.5px solid var(--ink);flex-direction:column;gap:26px;padding:22px 18px;display:flex}.os-me{align-items:center;gap:10px;font-size:14px;display:flex}.os-avatar{background:var(--ink);width:30px;height:30px;color:var(--paper);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.os-side-h{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:8px}.os-apps li,.os-views li{margin:1px 0}.os-app-link,.os-view-link{width:100%;min-height:40px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:15px;text-decoration:none;display:flex}.os-app-link small{font:11px var(--mono);color:var(--muted);margin-left:auto}.os-app-link[aria-current],.os-view-link[aria-current]{background:var(--ink);color:var(--paper)}.os-app-link[aria-current] small{color:inherit;opacity:.7}.os-app-link[aria-disabled]{color:var(--muted);cursor:default}.os-app-link:not([aria-current]):not([aria-disabled]):hover,.os-view-link:not([aria-current]):hover{background:var(--paper-2)}.os-side-foot{color:var(--muted);margin-top:auto;font-size:13px}.os-main{min-width:0;padding:30px 40px 60px}.os-main-head{border-bottom:1.5px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;padding-bottom:20px;display:flex}.os-main-head h1{letter-spacing:-.045em;font-size:40px;font-weight:800;line-height:1}.os-site-line{font:13px var(--mono);color:var(--muted);align-items:center;gap:10px;margin-bottom:10px;display:flex}.os-live{color:var(--ok)}.os-live:before{content:"●";margin-right:5px}.os-site-line a{text-underline-offset:3px}.os-tabs{gap:4px;margin:18px 0 6px;display:flex;overflow-x:auto}.os-tab{border:1px solid var(--line);min-height:36px;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:0 14px;font-size:14px}.os-tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.os-tab span{opacity:.6;font-family:var(--mono);margin-left:4px;font-size:12px}.os-posts li{border-bottom:1px solid var(--line)}.os-post{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:14px 6px;display:grid}.os-post:hover{background:var(--paper-2)}.os-thumb{background:var(--paper-2) center / cover no-repeat;border:1px solid var(--line);border-radius:4px;width:64px;height:48px}.os-thumb-empty{font:18px var(--mono);color:var(--muted);place-items:center;display:grid}.os-post-title{letter-spacing:-.01em;font-size:16px;font-weight:650}.os-post-meta{color:var(--muted);margin-top:2px;font-size:13px}.os-state{font:600 12px var(--mono);white-space:nowrap}.os-state.is-published{color:var(--ok)}.os-state.is-draft{color:var(--muted)}.os-state.is-private{color:var(--private)}.os-panel{display:none}.os-panel.is-open{display:block}.os-editor{grid-template-columns:1fr 260px;gap:32px;margin-top:20px;display:grid}.os-back{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:14px}.os-back:hover{color:var(--ink)}.os-title-input{border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;letter-spacing:-.04em;background:0 0;padding:8px 0 12px;font-family:inherit;font-size:34px;font-weight:800;line-height:1.1}.os-body-input{min-height:360px;margin-top:16px;font:18px/1.7 Georgia,Iowan Old Style,serif}.os-body-input p,.os-body-input ul,.os-body-input ol{margin:0 0 1em}.os-body-input ul{padding-left:1.3em;list-style:outside}.os-body-input ol{padding-left:1.4em;list-style:decimal}.os .os-title-input:focus,.os .os-body-input:focus{outline:none}.os-aside{border-left:1px solid var(--line);flex-direction:column;gap:18px;padding-left:24px;font-size:14px;display:flex}.os-aside label{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px;display:block}.os-seg{flex-direction:column;gap:4px;display:flex}.os-seg button{text-align:left;border:1px solid var(--line);min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px}.os-seg button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.os-seg small{opacity:.7;font-size:12px;display:block}.os-autosave{font:12px var(--mono);color:var(--muted)}.os-themes{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;display:grid}.os-theme{border:1.5px solid var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:10px;padding:0;overflow:hidden}.os-theme[aria-pressed=true]{border-color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.os-theme-art{border-bottom:1px solid var(--line);background:var(--paper-2);flex-direction:column;gap:7px;height:130px;padding:16px;display:flex}.os-theme-art i{background:var(--muted);opacity:.45;border-radius:2px;height:8px;display:block}.os-theme-art i.big{opacity:.25;height:46px}.os-theme-art.paper{align-items:center}.os-theme-art.paper i{width:70%}.os-theme-art.paper i:first-child{opacity:.8;width:40%;height:12px}.os-theme-art.minimal i{width:55%}.os-theme-art.minimal i:nth-child(odd){opacity:.7;width:80%}.os-theme-info{justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.os-theme-info strong{font-size:15px}.os-theme-info a{color:var(--accent-ink);text-underline-offset:3px;font-size:13px}.os-rows{border-top:1px solid var(--line);margin-top:24px}.os-row{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr;gap:24px;padding:20px 0;display:grid}.os-row-k{font-weight:650}.os-row-v{color:var(--muted);font-size:15px}.os-row-v strong{color:var(--ink);font-family:var(--mono);font-weight:500}.os-input{border:1.5px solid var(--line);background:var(--paper);width:100%;max-width:380px;min-height:44px;color:inherit;font:16px var(--mono);border-radius:6px;padding:0 12px}.os-input:focus{border-color:var(--ink);outline:none}.os-inline{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.os-dns{border:1.5px dashed var(--line);border-radius:8px;margin-top:14px;padding:14px;font-size:14px}.os-dns table{border-collapse:collapse;width:100%;font:13px var(--mono);margin-top:10px}.os-dns th,.os-dns td{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}.os-toast{opacity:0;background:var(--ink);color:var(--paper);pointer-events:none;z-index:10;border-radius:999px;padding:11px 18px;font-size:14px;transition:opacity .18s ease-out,transform .18s ease-out;position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px)}.os-toast.is-on{opacity:1;transform:translate(-50%)}.os-center{flex-direction:column;justify-content:center;gap:18px;max-width:560px;min-height:100vh;margin:0 auto;padding:0 28px;display:flex}.os-center h1{letter-spacing:-.04em;font-size:34px;font-weight:800}@media (width<=960px){.os-hero-row{grid-template-columns:1fr;gap:80px}.os-room{grid-template-columns:52px 1fr auto;row-gap:4px}.os-room-host{grid-area:2/2}.os-room p{grid-area:3/2/auto/4}.os-room-state{grid-area:1/3}.os-promises{grid-template-columns:repeat(2,1fr)}.os-shell{grid-template-columns:1fr}.os-side{border-right:0;border-bottom:1.5px solid var(--ink);gap:12px;padding:14px 18px}.os-side-apps-wrap,.os-side-foot{display:none}.os-views{gap:4px;display:flex;overflow-x:auto}.os-views .os-side-h{display:none}.os-view-link{white-space:nowrap;min-height:38px}.os-main{padding:22px 18px 60px}.os-editor{grid-template-columns:1fr}.os-aside{border-left:0;border-top:1px solid var(--line);padding-top:18px;padding-left:0}.os-themes{grid-template-columns:1fr}.os-row{grid-template-columns:1fr;gap:6px}}@media (width<=600px){.os-wrap{padding:0 20px}.os-top nav a.os-hide-sm{display:none}.os-hero{padding-top:32px}.os-lede{font-size:18px}.os-actions .os-btn{flex:100%;justify-content:center}.os-band{padding:56px 0}.os-promises,.os-steps{grid-template-columns:1fr;gap:28px}.os-shot .os-note{font-size:18px;top:-50px}.os-main-head h1{font-size:32px}.os-post{grid-template-columns:52px 1fr}.os-post .os-state{grid-column:2}.os-thumb{width:52px;height:40px}}@media (prefers-reduced-motion:reduce){.os *,.os :before,.os :after{transition:none!important}.os-shot-frame{transform:none}}
