:root{color-scheme:light dark;--space-1:0.25rem;--space-2:0.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--border-width:1px;--radius:4px;--max-content-width:60rem;--color-surface:#ffffff;--color-text:#1b1b1b;--color-muted-text:#555555;--color-border:#cccccc;--color-accent-border:#767676;--color-error-text:#8a1f1f}@media (prefers-color-scheme:dark){:root{--color-surface:#141414;--color-text:#f2f2f2;--color-muted-text:#b4b4b4;--color-border:#3d3d3d;--color-accent-border:#8f8f8f;--color-error-text:#f2a0a0}}*{box-sizing:border-box}body{margin:0;background:var(--color-surface);color:var(--color-text);font-family:system-ui,sans-serif;font-size:1rem;line-height:1.5}.page{margin:0 auto;max-width:var(--max-content-width);padding:var(--space-4) var(--space-3)}.appHeader{border-bottom:var(--border-width) solid var(--color-border);padding-bottom:var(--space-3);margin-bottom:var(--space-4)}.appNav{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.appNav a{color:inherit}.sessionLine{color:var(--color-muted-text);font-size:.875rem;margin:var(--space-2) 0 0}.stack{gap:var(--space-3);align-items:flex-start}.field,.stack{display:flex;flex-direction:column}.field{gap:var(--space-1);max-width:32rem;width:100%}label{font-size:.875rem}button,input,select,textarea{font:inherit;color:inherit;background:transparent;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-2)}button{border-color:var(--color-accent-border);cursor:pointer}textarea{min-height:6rem;resize:vertical}.dataList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.dataList li{border-bottom:var(--border-width) solid var(--color-border);padding-bottom:var(--space-2)}.notice{color:var(--color-muted-text);margin:0}.noticeError{color:var(--color-error-text);margin:0}