:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f1ea;--bg-elevated:#fffdf8;--ink:#1c1915;--muted:#5c564c;--line:#d9d1c4;--accent:#c45c26;--accent-ink:#fffdf8;--danger:#9b2c2c;--ok:#2f6b4f;--focus:#1c1915;--banner:#f3e2c6;--radius:12px;--shadow:0 1px 2px #1c19150f, 0 8px 24px #1c19150f;--font:"Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;--ui:"Segoe UI", system-ui, sans-serif;--max:44rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161411;--bg-elevated:#221e19;--ink:#f4efe6;--muted:#b7aea1;--line:#3a342c;--accent:#e08a4c;--accent-ink:#161411;--danger:#f0a0a0;--ok:#8fcdb0;--focus:#f4efe6;--banner:#3a2c18;--shadow:0 1px 2px #0006, 0 10px 28px #00000047}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--ui);margin:0;line-height:1.5}body{padding:1.25rem}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shell{max-width:var(--max);margin:0 auto}.site-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.site-header h1{font-family:var(--font);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:600}.site-header p,.meta{color:var(--muted);margin:0;font-size:.9rem}.banner{background:var(--banner);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.25rem;padding:.85rem 1rem}.banner p{margin:0}.card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.25rem;padding:1rem 1.1rem}.card h2{font-family:var(--font);margin:0 0 .85rem;font-size:1.2rem}.stack{gap:.75rem;display:grid}label{gap:.3rem;font-size:.85rem;font-weight:600;display:grid}input,textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:.55rem .7rem}textarea{resize:vertical;min-height:7rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.checkbox{align-items:center;gap:.45rem;font-weight:500;display:flex}button,.button{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:.5rem .85rem;font-weight:600;text-decoration:none;display:inline-flex}button.secondary,.button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}button.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.note-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.note-item{border:1px solid var(--line);border-radius:10px;gap:.35rem;padding:.85rem .95rem;display:grid}.note-item h3{margin:0;font-size:1.05rem}.note-item h3 a{text-decoration:none}.note-item h3 a:hover{text-decoration:underline}.empty,.error,.ok{margin:0;font-size:.95rem}.error{color:var(--danger)}.ok{color:var(--ok)}.architecture{gap:.75rem;display:grid}@media (width>=640px){.architecture{grid-template-columns:1fr 1fr}}.architecture article{border:1px solid var(--line);border-radius:10px;padding:.85rem .95rem}.architecture h3{margin:0 0 .4rem;font-size:1rem}.architecture ul{color:var(--muted);margin:0;padding-left:1.1rem}.demo-note{color:var(--muted);margin:0 0 .75rem;font-size:.85rem}.back{color:var(--muted);margin-bottom:1rem;display:inline-block}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:1.5rem;padding-top:1rem;font-size:.85rem}