:root{color-scheme:light dark;--gap: .75rem}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{max-width:44rem;margin:0 auto;padding:var(--gap)}main.centre{display:flex;flex-direction:column;align-items:center;gap:var(--gap);padding-top:4rem;text-align:center}header{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-bottom:var(--gap)}header h1{flex:1;font-size:1.25rem;margin:0}h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin:1.5rem 0 .5rem}.count{opacity:.5;font-weight:400}ul.items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}ul.items li{display:flex;align-items:center;gap:var(--gap);padding:.5rem;border-radius:.5rem;background:color-mix(in srgb,currentColor 5%,transparent)}ul.items li.archived{opacity:.5}button.name{flex:1;text-align:left;background:none;border:none;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.expiry{font-size:.8rem;opacity:.65}.levels{display:flex;gap:.25rem;flex-shrink:0}.levels button{font-size:.8rem;padding:.25rem .5rem;border-radius:.375rem;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:none;color:inherit;cursor:pointer}.levels button.chosen{background:CanvasText;color:Canvas;border-color:CanvasText}.overlay{position:fixed;inset:0;background:#0006;display:grid;place-items:center;padding:var(--gap)}.editor{background:Canvas;color:CanvasText;padding:1.25rem;border-radius:.75rem;width:min(26rem,100%);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:var(--gap)}.editor label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.editor label.checkbox,header label.checkbox{flex-direction:row;align-items:center;gap:.4rem}.editor input,.editor select{font:inherit;padding:.4rem;border-radius:.375rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:none;color:inherit}.actions{display:flex;justify-content:flex-end;gap:.5rem}.hint,.empty{font-size:.85rem;opacity:.7}.error{color:#dc143c}.dev-login{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem;opacity:.7}