:root{--ink: #0f1f0f;--forest: #1e3c1e;--forest-mid: #2a4a2a;--cream: #f5f1e8;--sheet: #fbf8ee;--divider: #e8dfca;--sky: #b8cde2;--sky-soft: #d4e1ee;--sky-deep: #96b4d2;--sky-link: #6b8fb5;--muted: #4a4a4a;--success: #15803d;--rule: 2px solid var(--ink);--rule-heavy: 3px solid var(--ink);--radius-tight: 3px;--font: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);font-size:1rem;line-height:1.4;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}h1,h2,h3{margin:0}button,input{font:inherit}.wrap{max-width:72rem;margin:0 auto;padding-inline:1rem}.topbar{background:var(--sheet);border-bottom:var(--rule-heavy)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.75rem}.topbar img{height:3.25rem;width:auto}.band-forest{background:var(--forest);color:var(--cream);border-bottom:var(--rule-heavy)}.band-forest h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:600;letter-spacing:-.01em;padding-block:1.5rem}.band-sky{margin-top:3rem;background:var(--sky-deep);color:var(--ink);border-top:var(--rule-heavy)}.footer-inner{padding-block:1rem;font-size:.9rem}.footer-inner code{font-weight:600}.group{margin-top:2rem}.group-title{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.35rem .75rem;background:var(--sky-deep);border:var(--rule);border-bottom:0;border-radius:var(--radius-tight) var(--radius-tight) 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr));gap:1rem;padding:1rem;background:var(--sheet);border:var(--rule);border-radius:0 var(--radius-tight) var(--radius-tight) var(--radius-tight)}.tile{aspect-ratio:1 / 1;display:flex;flex-direction:column;background:var(--cream);border:var(--rule);border-radius:var(--radius-tight);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.tile:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.tile-head{background:var(--sky-deep);border-bottom:var(--rule);padding:.6rem .75rem;font-size:1.05rem;font-weight:600;line-height:1.25}.tile-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;padding:.75rem}.tile-host{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}.tile-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border:var(--rule);border-radius:var(--radius-tight);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .12s ease,color .12s ease}.btn:focus-visible{outline:3px solid var(--sky-deep);outline-offset:2px}.btn-primary{background:var(--forest);color:var(--cream)}.btn-primary:hover{background:var(--ink)}.btn-secondary{background:var(--sky);color:var(--ink)}.btn-secondary:hover{background:var(--sky-deep)}.btn-done{background:var(--success);color:var(--cream)}@media(max-width:30rem){.topbar-inner{flex-wrap:wrap}.grid{grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.6rem}.tile-head{font-size:.95rem}.btn{padding:.45rem .5rem;font-size:.9rem}}