*,:before,:after{box-sizing:border-box}:root{--bg:#fbfaf7;--fg:#1c1b18;--muted:#6f6b62;--accent:#d9480f;--line:color-mix(in oklab, var(--fg) 12%, transparent);--font:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, monospace;--measure:42rem;--radius:10px;--svedit-brand:var(--accent);--svedit-editing-stroke:var(--accent);--svedit-editing-fill:color-mix(in oklab, var(--accent) 10%, transparent);--svedit-canvas-stroke:color-mix(in oklab, currentColor 25%, transparent)}html{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.55}body{min-height:100dvh;margin:0}a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 60%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 60%, transparent);text-underline-offset:.15em}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);font-family:var(--font-ui);background:0 0;border-radius:999px;padding:.35em .9em;font-size:.85rem;line-height:1.2}button:hover:not(:disabled){border-color:var(--fg)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}button.danger:hover:not(:disabled){color:#b91c1c;border-color:#b91c1c}kbd{font-family:var(--font-ui);opacity:.6;margin-left:.4em;font-size:.75em}code{font-family:var(--font-mono);background:color-mix(in oklab, var(--fg) 7%, transparent);border-radius:4px;padding:.1em .35em;font-size:.9em}.error{color:#b91c1c;font-family:var(--font-ui);font-size:.85rem}.landing{max-width:60rem;margin:0 auto;padding:1.5rem clamp(1rem,4vw,3rem) 4rem}.landing-top{font-family:var(--font-ui);justify-content:space-between;align-items:center;display:flex}.landing-top nav{align-items:center;gap:1rem;font-size:.9rem;display:flex}.logo{font-size:1.1rem;font-weight:700;text-decoration:none}.hero{max-width:var(--measure);padding:clamp(3rem,10vw,7rem) 0 3rem}.hero h1{letter-spacing:-.02em;margin:0 0 1.25rem;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:500;line-height:1.05}.hero p{color:var(--muted);margin:0 0 2rem;font-size:1.15rem}.login{max-width:26rem;font-family:var(--font-ui);gap:.75rem;display:grid}.login label{color:var(--muted);gap:.3rem;font-size:.85rem;display:grid}.login input{border:1px solid var(--line);border-radius:var(--radius);font-size:1.05rem;font-family:var(--font-mono);background:#fff;padding:.7em .9em}.login input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.login button{border-radius:var(--radius);padding:.8em 1.2em;font-size:1rem}.hint{color:var(--muted);margin:0;font-size:.85rem}.themes h2,.how h2{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:3rem 0 1rem;font-size:.8rem}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.theme-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;font-family:var(--font-ui);background:#fff;gap:.5rem;padding:1rem;transition:border-color .15s,transform .15s;display:grid}.theme-card:hover{transform:translateY(-2px)}.theme-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 25%, transparent)}.theme-card h3{margin:.5rem 0 0;font-size:1rem}.theme-card p{color:var(--muted);margin:0;font-size:.85rem}.theme-card a{justify-self:start;font-size:.8rem}.theme-preview{aspect-ratio:16/10;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:6px;align-content:start;gap:6%;padding:10%;display:grid}.tp-nav{gap:6%;margin-bottom:4%;display:flex}.tp-nav i{background:var(--fg);opacity:.35;border-radius:2px;width:14%;height:4px}.tp-h1{background:var(--accent);border-radius:3px;width:70%;height:12%}.tp-p{background:var(--fg);opacity:.35;border-radius:2px;width:100%;height:5%}.tp-p.short{width:60%}.how ol{max-width:var(--measure);gap:.5rem;padding-left:1.2em;display:grid}.landing-foot{font-family:var(--font-ui);color:var(--muted);margin-top:4rem;font-size:.85rem}button.big{border-radius:var(--radius);margin-top:1.5rem;padding:.9em 1.6em;font-size:1.05rem}.kite{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font);flex-direction:column;display:flex}.kite-banner{background:var(--fg);color:var(--bg);font-family:var(--font-ui);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:.6rem clamp(1rem,4vw,3rem);font-size:.85rem;display:flex}.kite-banner a{margin-left:.75rem}.kite-banner form{display:inline}.kite-banner button.primary{background:var(--bg);color:var(--fg);border-color:var(--bg)}.kite-header{font-family:var(--font-ui);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem clamp(1rem,4vw,3rem);display:flex}.kite-brand{align-items:center;gap:.6rem;font-weight:600;text-decoration:none;display:flex}.kite-brand img{object-fit:cover;border-radius:50%;width:36px;height:36px}.kite-nav{gap:1.25rem;font-size:.9rem;display:flex}.kite-nav a{color:var(--muted);text-decoration:none}.kite-nav a[aria-current=page],.kite-nav a:hover{color:var(--fg)}.kite-main{flex:1;padding:2rem clamp(1rem,4vw,3rem) 6rem}.kite-footer{font-family:var(--font-ui);color:var(--muted);gap:.5rem;padding:1.5rem clamp(1rem,4vw,3rem) 5rem;font-size:.8rem;display:flex}.kite-canvas{max-width:var(--measure);outline:none;margin:0 auto}.kite-body{--row:0;grid-template-columns:1fr;display:grid}.kite-h1,.kite-h2,.kite-h3{letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.15}.kite-h1{padding:.6em 0 .3em;font-size:clamp(2rem,5vw,2.8rem)}.kite-h2{padding:1em 0 .25em;font-size:1.5rem}.kite-h3{padding:.9em 0 .2em;font-size:1.15rem}.kite-p{white-space:pre-wrap;margin:0;padding:.35em 0}.kite-list{--row:0;margin:0;padding:.35em 0 .35em 1.4em;list-style:outside;display:grid}.kite-list-number{list-style:decimal}.kite-li{padding:.12em 0}.kite-figure{margin:0;padding:.75em 0}.kite-image-wrapper{border-radius:var(--radius);overflow:hidden}.kite-image-inner img{width:100%;height:auto;display:block}.kite-image-empty{aspect-ratio:16/9;background:color-mix(in oklab, var(--fg) 5%, transparent);border:1px dashed var(--line);border-radius:var(--radius);place-items:center;display:grid}.kite-caption{font-family:var(--font-ui);color:var(--muted);text-align:center;padding-top:.4em;font-size:.85rem}.kite-foreign{font-family:var(--font-ui);color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);margin:.5em 0;padding:.5em .8em;font-size:.8rem}.kite-link-empty{text-decoration-style:wavy}.svedit:not(.editable) .kite-caption:empty{display:none}.kite-toolbar{inset-inline:0;bottom:max(.75rem, env(safe-area-inset-bottom));background:color-mix(in oklab, var(--bg) 80%, white);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:max-content;max-width:calc(100vw - 1.5rem);font-family:var(--font-ui);z-index:20;border-radius:999px;align-items:center;gap:.35rem;margin:0 auto;padding:.4rem;display:flex;position:fixed;overflow-x:auto;box-shadow:0 10px 30px -10px #0000004d}.kite-toolbar .group{gap:.15rem;display:flex}.kite-toolbar .group button{border-color:#0000;min-width:2.2em;padding-inline:.5em}.kite-toolbar .group button.active{background:color-mix(in oklab, var(--fg) 10%, transparent)}.kite-toolbar .sep{background:var(--line);width:1px;height:1.4em;margin:0 .2rem}.kite-toolbar .grow{width:1rem}.kite-toolbar form{display:contents}.kite-toolbar .error{white-space:nowrap;text-overflow:ellipsis;max-width:18rem;overflow:hidden}.kite-popover{position-anchor:var(--anchor);top:anchor(bottom);left:anchor(left);color:#1c1b18;font-family:var(--font-ui);z-index:30;background:#fff;border:1px solid #0000001f;border-radius:8px;gap:.25rem;margin-top:6px;padding:.3rem;display:flex;position:absolute;box-shadow:0 8px 24px -8px #0000004d}.kite-popover input{border:1px solid #0000001f;border-radius:6px;width:18rem;padding:.35em .6em;font-size:.9rem}.kite-popover button{color:#1c1b18}.theme-terminal,.theme-card.theme-terminal .theme-preview{--bg:#0b0f0c;--fg:#d7f5dc;--muted:#6f9a78;--accent:#3dff7a;--font:var(--font-mono);--font-ui:var(--font-mono);--measure:48rem;--radius:4px}.theme-terminal{font-size:15px}.theme-terminal .kite-h1,.theme-terminal .kite-h2,.theme-terminal .kite-h3{color:var(--accent);letter-spacing:0;font-weight:700}.theme-terminal .kite-h1{font-size:1.6rem}.theme-terminal .kite-h2{font-size:1.15rem}.theme-terminal .kite-h2:before,.theme-terminal .kite-h3:before{content:""}.theme-terminal .kite-list{padding-left:1.5em;list-style:none}.theme-terminal .kite-li:before{content:"- ";color:var(--accent);margin-left:-1.5em;padding-right:.5em}.theme-terminal .kite-list-number{counter-reset:n}.theme-terminal .kite-list-number .kite-li:before{counter-increment:n;content:counter(n, decimal-leading-zero) " "}.theme-terminal .kite-brand span:before{content:"~/";color:var(--accent)}.theme-terminal .kite-nav-item a{display:inline-flex}.theme-terminal .kite-nav-item a:before{content:"["}.theme-terminal .kite-nav-item a:after{content:"]"}.theme-terminal a{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.theme-terminal .kite-toolbar{background:#101711}.theme-terminal .kite-banner{background:var(--accent);color:var(--bg)}.theme-terminal .kite-banner button.primary{background:var(--bg);color:var(--accent);border-color:var(--bg)}.theme-poster,.theme-card.theme-poster .theme-preview{--bg:#ffe14d;--fg:#14110a;--muted:#6b5f1a;--accent:#ff3b6b;--font:"Inter Tight", "Helvetica Neue", Arial, sans-serif;--font-ui:var(--font);--measure:56rem;--radius:0}.theme-poster{font-size:20px}.theme-poster .kite-h1{letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:.95}.theme-poster .kite-h2{letter-spacing:-.03em;color:var(--accent);font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800}.theme-poster .kite-p{max-width:36rem;font-size:1.15em}.theme-poster .kite-list{gap:.2em;padding-left:0;list-style:none}.theme-poster .kite-li{border-top:3px solid var(--fg);padding:.4em 0;font-size:1.3em;font-weight:700}.theme-poster .kite-header{border-bottom:3px solid var(--fg);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:800}.theme-poster .kite-nav a[aria-current=page]{color:var(--accent)}.theme-poster a{text-decoration-thickness:3px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.theme-poster .kite-image-wrapper{border:3px solid var(--fg)}.theme-poster .kite-toolbar{border:3px solid var(--fg);background:var(--bg);border-radius:0}.theme-poster .kite-toolbar button{border-radius:0}.theme-card.theme-paper .theme-preview{--bg:#fbfaf7;--fg:#1c1b18;--accent:#d9480f}.kite-settings{font-family:var(--font-ui);flex:1;padding:2rem clamp(1rem,4vw,3rem) 6rem;font-size:.95rem}.kite-settings .inner{gap:1.5rem;max-width:40rem;margin:0 auto;display:grid}.kite-settings header{justify-content:space-between;align-items:baseline;display:flex}.kite-settings h2{margin:0;font-size:1.4rem}.kite-settings h3{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 .5rem;font-size:.75rem}.kite-settings section{border-top:1px solid var(--line);gap:.5rem;padding-top:1rem;display:grid}.kite-settings .row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.kite-settings .grow{flex:1}.kite-settings label{align-items:center;gap:.5rem;display:flex}.kite-settings input:not([type=color]):not([type=checkbox]){border:1px solid var(--line);background:color-mix(in oklab, var(--bg) 92%, white);border-radius:6px;flex:1;padding:.45em .7em}.kite-settings input[type=color]{border:1px solid var(--line);background:0 0;border-radius:6px;width:2.2rem;height:2rem;padding:0}.kite-settings .avatar{border:1px dashed var(--line);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.kite-settings .avatar img{object-fit:cover;width:100%;height:100%}.kite-settings .themes{gap:.4rem;display:flex}.kite-settings .themes label{border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.35em .9em}.kite-settings .themes label.selected{background:var(--fg);color:var(--bg);border-color:var(--fg)}.kite-settings .check{margin-left:auto}.kite-settings .nav-item input{max-width:14rem}.kite-settings code{color:var(--muted);font-size:.8em}.kite-settings .muted{color:var(--muted);margin:0}.kite-settings button.link{color:var(--muted);border:none;padding:0;text-decoration:underline}.kite-settings footer{border-top:1px solid var(--line);align-items:center;gap:.5rem;padding-top:1rem;display:flex}.kite-settings .danger-zone{justify-items:start}a.btn{border:1px solid var(--line);font-family:var(--font-ui);border-radius:999px;padding:.35em .9em;font-size:.85rem;line-height:1.2;text-decoration:none;display:inline-block}a.btn:hover{border-color:var(--fg)}.kite-region{padding-inline:clamp(1rem,4vw,3rem);position:relative}.kite-region-partial{font-family:var(--font-ui);padding-block:1.25rem}.kite-region-partial:last-child{color:var(--muted);padding-bottom:5rem;font-size:.9rem}.kite-region-content{flex:1;padding-block:2rem 4rem}.kite-region-partial .kite-canvas{max-width:none}.kite-region-partial .kite-body{--row:1;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:0;display:flex}.kite-region-partial .kite-p{padding:0}.kite-region-partial .node-nav{margin-left:auto}.kite-region.editing{outline:1px dashed color-mix(in oklab, var(--accent) 40%, transparent);outline-offset:-.4rem}.kite-region.editing.active{outline-color:var(--accent)}.kite-region.editing:before{content:attr(data-label);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:var(--bg);pointer-events:none;border-radius:999px;padding:.1em .5em;font-size:.65rem;position:absolute;top:.4rem;right:.6rem}.kite-brand-image{border-radius:50%;flex:none;width:36px;height:36px;overflow:hidden}.kite-brand-image img{object-fit:cover;width:100%;height:100%;display:block}.kite-brand-image:empty{display:none}.kite-brand-image:not(:has(img,button)){display:none}.kite-brand-empty{border:1px dashed var(--line);border-radius:50%;width:100%;height:100%;padding:0}.kite-brand-title{font-weight:600}.kite-nav{--row:1;flex-wrap:wrap;gap:1.25rem;font-size:.9rem;display:flex}.kite-nav-item a{color:var(--muted);text-decoration:none}.kite-nav-item a[aria-current=page],.kite-nav-item a:hover{color:var(--fg)}.kite-settings .stack{gap:.3rem;display:grid}.kite-settings textarea{width:100%;font-family:var(--font-mono);border:1px solid var(--line);background:color-mix(in oklab, var(--bg) 92%, white);color:inherit;border-radius:6px;padding:.6em .8em;font-size:.85rem}.kite-settings select{font:inherit;color:inherit;border:1px solid var(--line);background:color-mix(in oklab, var(--bg) 92%, white);border-radius:6px;padding:.35em .5em}.kite-settings .cap{text-transform:capitalize}.kite-settings .two{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.kite-settings .slot{gap:.3rem;margin-top:.4rem;display:grid}.kite-settings .page-item summary{cursor:pointer;list-style:none}.kite-settings .partials,.kite-settings .page-item{border:1px solid var(--line);border-radius:var(--radius);gap:.4rem;padding:.75rem;display:grid}.kite-settings .page-item.focus{border-color:var(--accent)}.kite-settings details{margin-top:1rem}.kite-settings summary{cursor:pointer}.kite-settings details button{margin-top:.5rem}.settings-bar{border-radius:var(--radius);width:min(40rem,100vw - 1.5rem);max-width:none}.settings-bar .grow{flex:1}.kite-canvas-header [data-type=node]:has(>.kite-nav){margin-left:auto}.login-section h2{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:3rem 0 1rem;font-size:.8rem}.hero{padding-bottom:0}.kite-settings .layout-card{border:1px solid var(--line);border-radius:var(--radius);gap:.4rem;padding:.75rem;display:grid}.kite-settings .layout-card.selected{border-color:var(--accent)}.kite-settings .page-slot{color:var(--accent);font-weight:600}.kite-settings .themes button,.kite-settings .themes span{border:1px solid var(--line);border-radius:999px;padding:.35em .9em}.kite-settings .themes .selected{background:var(--fg);color:var(--bg);border-color:var(--fg)}.kite-settings .vars{flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;display:flex}.kite-settings .vars label{gap:.4rem;font-size:.9rem}.kite-image-empty button,.kite-brand-empty{z-index:2;pointer-events:auto;position:relative}