:root{--paper:#fbfaf6;--card:#fff;--ink:#1b1922;--soft:#696475;--rule:#e6e2d8;--accent:#7c3aed;--accent-ink:#6325d4;--tint:#f3edff;--red:#d93f4c;--green:#17803d;--green-tint:#e4f5ea;--red-tint:#fdeaec;--shadow:0 1px 2px #1b19220a, 0 12px 40px -12px #1b19221f;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--paper:#131217;--card:#1b1921;--ink:#edeaf3;--soft:#a29dae;--rule:#2c2935;--accent:#a78bfa;--accent-ink:#b9a3fb;--tint:#261f3a;--red:#f2707b;--green:#5fce85;--green-tint:#17301f;--red-tint:#3a1c20;--shadow:0 1px 2px #0000004d, 0 12px 40px -12px #0009}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p,ul,dl,dd,pre{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}code,pre,textarea{font-family:var(--mono)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:min(100% - 2.5rem,64rem);margin-inline:auto}.bar{justify-content:space-between;align-items:center;padding-block:1.5rem;display:flex}.brand{font:600 1.2rem/1 var(--serif);letter-spacing:-.01em;align-items:center;gap:.6rem;display:flex}.brand img{border-radius:7px}nav{color:var(--soft);gap:1.75rem;font-size:.95rem;display:flex}nav a:hover,footer a:hover{color:var(--ink)}.hero{padding-block:clamp(2.5rem,6vw,4.5rem) clamp(3rem,6vw,4.5rem)}h1{max-width:22ch;font:500 clamp(2.6rem, 6.4vw, 4.4rem) / 1.02 var(--serif);letter-spacing:-.035em;text-wrap:balance}.lead{max-width:34rem;color:var(--soft);text-wrap:pretty;margin-top:1.25rem;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.5}.cta{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2rem;display:flex}.install{border:1px solid var(--rule);background:var(--card);border-radius:999px;align-items:center;gap:1rem;padding:.4rem .4rem .4rem 1.1rem;font-size:.95rem;display:flex}.try-note{color:var(--soft);margin-top:.9rem;font-size:.92rem}.install code:before{content:"$ ";color:var(--soft)}button{font:inherit;color:inherit;cursor:pointer}.install button,.button{background:var(--ink);color:var(--paper);font:500 .9rem/1.4 var(--sans);border:0;border-radius:999px;padding:.45rem 1rem}.install button{min-width:4.75rem}.button{padding:.7rem 1.4rem;font-size:1rem}.install button:hover,.button:hover{background:var(--accent-ink);color:#fff}@media (prefers-color-scheme:dark){.install button:hover,.button:hover{color:#17131f}}.more{border-bottom:1px solid var(--rule);padding-bottom:.1rem;font-weight:500}.more:after{content:" →";color:var(--accent)}.more:hover{border-color:var(--accent)}.intro{max-width:34rem}h2{font:500 clamp(1.9rem, 4vw, 2.6rem) / 1.1 var(--serif);letter-spacing:-.025em}.intro p{color:var(--soft);text-wrap:pretty;margin-top:.75rem}.tabs{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.tabs button{border:1px solid var(--rule);color:var(--soft);background:0 0;border-radius:999px;padding:.35rem .95rem;font-size:.9rem}.tabs button:hover{color:var(--ink)}.tabs button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.sheet{border:1px solid var(--rule);background:var(--card);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-top:1.25rem;display:grid;overflow:hidden}.entry,.result{min-height:21rem;padding:1.5rem 1.75rem 2rem}.result{border-left:1px solid color-mix(in srgb, var(--red) 45%, transparent);background:color-mix(in srgb, var(--paper) 55%, var(--card))}.pane{color:var(--soft);letter-spacing:.09em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.72rem;font-weight:600}.entry{font:.86rem/1.75 var(--mono)}.entry .fields,.entry .text>span{color:var(--soft)}.key{color:var(--ink);font-weight:600}.f{color:var(--accent-ink)}.in{padding-left:2ch}.in2{padding-left:4ch}.text{grid-template-columns:auto minmax(0,1fr);gap:1ch;margin-top:.15rem;display:grid}.field{background:var(--tint);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:8px;transition:box-shadow .15s;position:relative}.field:focus-within{box-shadow:0 0 0 2px var(--accent)}.marks,.field textarea{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;padding:.3rem .6rem}.marks{color:#0000;min-height:2.35rem}.marks mark{color:#0000;text-decoration:underline wavy var(--red) 1.5px;text-underline-offset:3px;text-decoration-skip-ink:none;background:0 0}.field textarea{width:100%;height:100%;color:var(--ink);resize:none;background:0 0;border:0;outline:0;margin:0;position:absolute;inset:0;overflow:hidden}.read{color:var(--soft);font-size:.86rem;display:block}.read .s,.editor .s{color:var(--green)}.read .n{color:var(--accent-ink)}.shown{font:1.6rem/1.25 var(--serif);letter-spacing:-.01em;overflow-wrap:anywhere;margin-top:.6rem;transition:opacity .15s}.shown.unread{opacity:.35}.counter{color:var(--soft);font:.86rem var(--mono);align-items:center;gap:.75rem;margin-top:1rem;display:flex}.counter input{max-width:14rem;accent-color:var(--accent);flex:1}.notes{border-top:1px dashed var(--rule);gap:.9rem;margin-top:1.5rem;padding-top:1.25rem;display:grid}.note{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.1rem .75rem;font-size:.92rem;line-height:1.4;display:grid}.note code{color:var(--red);grid-column:1/-1;font-size:.76rem}.note button{border:1px solid var(--rule);background:var(--card);border-radius:999px;padding:.2rem .7rem;font-size:.82rem;font-weight:500}.note button:hover{border-color:var(--accent);color:var(--accent-ink)}.note.clean{color:var(--green);grid-template-columns:auto 1fr}.note.clean:before{content:"✓";font-weight:700}.tone .entry,.tone .result{min-height:19rem}.tone .s{color:var(--green)}.voice{color:var(--ink);font:1.6rem/1.25 var(--serif);letter-spacing:-.01em;text-wrap:balance;margin-top:1.25rem}.moments{gap:1.1rem;display:grid}.moments li{gap:.15rem;font-size:.95rem;line-height:1.45;display:grid}.moments code{color:var(--soft);font-size:.74rem}.moments del{color:var(--soft);text-decoration-color:var(--red)}.block{padding-top:clamp(5.5rem,12vw,9rem)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,6vw,4rem) clamp(2rem,5vw,3.5rem);margin-top:2.75rem;display:grid}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 2rem}.exhibit{border:1px solid var(--rule);background:var(--card);border-radius:16px;flex-direction:column;justify-content:center;height:14rem;margin-bottom:1.5rem;padding:1.5rem 1.75rem;display:flex;overflow:hidden}h3{font:500 1.45rem/1.2 var(--serif);letter-spacing:-.015em}h3 a:hover{color:var(--accent-ink)}article>p{max-width:27rem;color:var(--soft);text-wrap:pretty;margin-top:.5rem}article>.here{color:var(--accent-ink);font-size:.92rem;display:none}@media (hover:hover){article>.here{display:block}}.editor{font:.84rem/1.8 var(--mono)}.editor .k{color:var(--accent-ink)}.caret{background:var(--accent);vertical-align:text-bottom;width:2px;height:1.15em;margin-left:1px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.editor ul{border:1px solid var(--rule);background:var(--paper);border-radius:9px;width:fit-content;max-width:100%;margin:.4rem 0 0 3ch;padding:.3rem;font-size:.78rem;line-height:1.5}.editor li{white-space:nowrap;border-radius:6px;justify-content:space-between;gap:1.25rem;padding:.2rem .55rem;display:flex}.editor li span{min-width:0;color:var(--soft);font-family:var(--sans);text-overflow:ellipsis;overflow:hidden}.editor li.on{background:var(--tint)}.guide{justify-content:flex-start;gap:.45rem;font-size:.82rem;line-height:1.5;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.guide b{color:var(--soft);font:500 .72rem var(--mono);margin-bottom:.35rem}.guide strong{font:500 1.25rem/1.2 var(--serif)}.guide em{font:500 1rem/1.2 var(--serif);margin-top:.3rem}.guide p,.guide li{color:var(--soft)}.guide ul{gap:.3rem;padding-left:1rem;list-style:outside;display:grid}.guide code,.slop code,.judge code,.sketch code{font-size:.92em}.guide code{color:var(--ink)}.term{color:#edeaf3;font:.76rem/1.65 var(--mono);background:#1b1922;border-color:#1b1922;gap:.15rem}.term i{color:#a78bfa;font-style:normal}.term .out{color:#a29dae;padding-left:2ch}.term u{color:#f2707b;text-decoration:none}.term .caret{background:#edeaf3}.slop{gap:.9rem}.slop div{flex-wrap:wrap;align-items:baseline;gap:.1rem .6rem;font-size:.95rem;line-height:1.35;display:flex}.slop code{width:100%;color:var(--soft);font-size:.72rem}.slop del{color:var(--soft);text-decoration-color:var(--red)}.slop ins{color:var(--green);font-weight:500;text-decoration:none}.slop ins:before{content:"→ ";color:var(--soft);font-weight:400}.judge{gap:.55rem;font-size:.82rem}.judge .asked{align-items:baseline;gap:.75rem;margin-bottom:.35rem;display:flex}.judge .asked code{color:var(--soft)}.judge q{font:1.25rem/1.2 var(--serif)}.verdict{color:var(--soft);grid-template-columns:9.5rem minmax(0,1fr) 2.2rem;align-items:center;gap:.75rem;display:grid}.verdict span{background:var(--rule);border-radius:999px;height:.4rem;overflow:hidden}.verdict span i{background:var(--soft);border-radius:999px;height:100%;display:block}.verdict b{font:500 .78rem var(--mono);text-align:right}.verdict.broken{color:var(--red)}.verdict.broken span i{background:var(--red)}.suggested{color:var(--soft);font:.78rem var(--mono);margin-top:.35rem}.suggested ins{color:var(--green);text-decoration:none}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.75rem 2rem;margin-top:2.5rem;display:grid}.notes-grid article{border-top:1px solid var(--rule);padding-top:1.25rem}.sketch{height:3.8rem;color:var(--soft);font:.76rem/1.5 var(--mono);white-space:nowrap;flex-direction:column;justify-content:flex-end;gap:.2rem;margin-bottom:.85rem;padding-bottom:.3rem;display:flex;overflow:hidden}.sketch del{text-decoration-color:var(--red)}.sketch ins{color:var(--green);text-decoration:none}.sketch .prose{color:var(--ink);font:1rem/1.4 var(--sans)}.sketch mark{color:inherit;text-decoration:underline wavy var(--red) 1.5px;text-underline-offset:3px;background:0 0}.sketch.chips{flex-flow:wrap;align-content:flex-end;align-items:flex-end;gap:.35rem}.sketch.chips code{border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:6px;padding:.1rem .5rem}.sketch.figure{font:.86rem/1.9 var(--sans);flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:.6rem}.sketch.figure strong{color:var(--ink);font:500 2.4rem/1 var(--serif);letter-spacing:-.03em}.notes-grid h3{font-size:1.15rem}.notes-grid p{color:var(--soft);margin-top:.3rem;font-size:.95rem;line-height:1.5}.stale{gap:.8rem;font-size:1.05rem}.stale div{align-items:center;gap:.9rem;display:flex}.stale b{width:1.5rem;color:var(--soft);font:500 .8rem var(--mono)}.stale del{background:var(--red-tint);color:var(--red);border-radius:4px;padding:.05rem .3rem}.stale ins{background:var(--green-tint);color:var(--green);border-radius:4px;padding:.05rem .3rem;text-decoration:none}.stale i{border:1px solid color-mix(in srgb, var(--red) 40%, transparent);color:var(--red);font:500 .74rem/1.5 var(--mono);border-radius:999px;padding:.05rem .55rem}.mini{align-items:center}.app{gap:.55rem;width:min(100%,19rem);font-size:.95rem;display:grid}.app-title{font:600 1.15rem var(--serif)}.app-button{background:var(--ink);color:var(--paper);border-radius:8px;padding:.3rem .9rem;font-size:.88rem;font-weight:500;display:inline-block}.str{outline-offset:3px;border-radius:6px;outline:1.5px dashed #0000;transition:outline-color .15s;display:inline-block;position:relative}.str:after{content:attr(data-key);background:var(--accent);color:#fff;font:500 .72rem/1.5 var(--mono);white-space:nowrap;opacity:0;border-radius:6px;padding:.1rem .5rem;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + .8rem);transform:translateY(-50%)}.str.on,.mini:hover .str{outline-color:var(--accent)}.str.on:after,.mini:hover .str:after{opacity:1}@media (prefers-color-scheme:dark){.str:after{color:#17131f}}.start{padding-block:clamp(5.5rem,12vw,9rem) clamp(5rem,12vw,8rem)}.commands{border:1px solid var(--rule);background:var(--card);border-radius:14px;width:fit-content;max-width:100%;margin-top:2rem;padding:1.25rem 2.5rem 1.25rem 1.5rem;font-size:.92rem;line-height:1.9;overflow-x:auto}.works{gap:.6rem;margin-top:2.5rem;display:grid}.works div{grid-template-columns:7.5rem minmax(0,1fr);align-items:baseline;gap:1rem;display:grid}.works dt{color:var(--soft);letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;font-weight:600}.works dd{font:1.1rem/1.5 var(--serif)}footer{border-top:1px solid var(--rule);color:var(--soft);flex-wrap:wrap;gap:.5rem 1.75rem;padding-block:2rem 3rem;font-size:.9rem;display:flex}@media (width<=46rem){.sheet{grid-template-columns:minmax(0,1fr)}.entry,.result{min-height:0;padding-inline:1.25rem}.result{border-top:1px solid color-mix(in srgb, var(--red) 45%, transparent);border-left:0}.cards,.cards.three,.notes-grid{grid-template-columns:minmax(0,1fr)}.works div{grid-template-columns:minmax(0,1fr);gap:.1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.caret{animation:none}}