:root{--clay: #A14935;--canyon: #591E0A;--sun: #FD9F42;--turq: #2E9C9A;--cream: #F8F2E0;--ink: #262019;--muted: #7a7268;--hair: #e6ded0;font-family:system-ui,-apple-system,Helvetica Neue,sans-serif}body{margin:0;background:var(--cream);color:var(--ink)}a{color:var(--canyon);text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--canyon);background:var(--canyon);color:var(--cream);padding:8px 14px;border-radius:6px}button.ghost{background:transparent;color:var(--canyon)}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--hair);border-radius:6px;background:#fff}.app.svelte-12qhfyh{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside.svelte-12qhfyh{background:var(--canyon);color:var(--cream);padding:20px 14px;display:flex;flex-direction:column;gap:16px}.brand.svelte-12qhfyh{display:flex;align-items:center;gap:10px}.logo.svelte-12qhfyh{width:36px;height:36px;border-radius:8px;background:var(--sun);color:var(--canyon);display:grid;place-items:center;font-weight:800;font-family:Georgia,serif;font-size:22px}.name.svelte-12qhfyh{font-weight:700;letter-spacing:.05em}.tag.svelte-12qhfyh{font-size:11px;opacity:.7}nav.svelte-12qhfyh{display:flex;flex-direction:column;gap:2px}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--cream);padding:8px 10px;border-radius:6px;font-size:14px;opacity:.85}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:#ffffff0f;opacity:1}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:var(--clay);opacity:1}.status.svelte-12qhfyh{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;background:#00000026;border-radius:6px;font-size:12px}.dot.svelte-12qhfyh{width:10px;height:10px;border-radius:50%}.dot.on.svelte-12qhfyh{background:#6ada6a}.dot.off.svelte-12qhfyh{background:#d95757}main.svelte-12qhfyh{padding:24px 28px;overflow-x:auto}@media (max-width: 720px){.app.svelte-12qhfyh{grid-template-columns:1fr}aside.svelte-12qhfyh{flex-direction:row;overflow-x:auto;padding:10px}aside.svelte-12qhfyh .brand:where(.svelte-12qhfyh){flex-shrink:0}nav.svelte-12qhfyh{flex-direction:row}.status.svelte-12qhfyh{margin-top:0}}
