:root{color-scheme:light;--paper:#f5f4f0;--ink:#231f19;--quiet:#5f5a50;--line:#dbd8cf;--accent:#4b3225;--font-display:"Fraunces",Georgia,serif;--font-body:"Karla",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:300;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
main{max-width:52rem;margin:0 auto;padding:32px 16px 64px}
a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--accent)}
.mark{font-family:var(--font-display);font-size:20px}
h1{font-family:var(--font-display);font-weight:300;font-size:32px;margin:16px 0}
h2{font-family:var(--font-display);font-weight:300;font-size:21px;margin:30px 0 10px}
.quiet{color:var(--quiet)}.small{font-size:13.5px}
.mono{font-family:var(--font-mono);font-size:12.5px;word-break:break-all;overflow-wrap:anywhere}
.label{border:1px solid var(--line);padding:10px 12px;margin:0 0 18px;font-size:14px}
.edit{border-left:2px solid var(--accent);padding:6px 12px;margin:0 0 18px}
.packs{display:grid;gap:10px;margin:16px 0}
.packs label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);padding:12px;cursor:pointer;min-height:44px}
.packs input{margin-top:4px}
button{font:inherit;font-size:16px;min-height:44px;padding:10px 18px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button.ghost{background:transparent;color:var(--ink)}
button[hidden]{display:none}
input,select,textarea{font:inherit;font-size:16px;max-width:100%}select{min-height:44px;padding:6px}
.status{min-height:1.6em;margin:12px 0}
dl{display:grid;grid-template-columns:minmax(6rem,max-content) 1fr;gap:6px 16px;margin:0}dt{color:var(--quiet)}dd{margin:0;overflow-wrap:anywhere}
table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px;color:var(--quiet)}
@media (max-width:480px){h1{font-size:27px}dl{grid-template-columns:1fr}dt{margin-top:6px}}