:root{--bg: #14161a;--surface: #1c1f25;--surface-hi: #23272f;--border: #2e333d;--text: #e8e6e3;--text-dim: #9aa1ad;--accent: #f0c674;--danger: #e06c75;--ok: #98c379;--radius: 10px;--gap: .75rem;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f6f5f3;--surface: #ffffff;--surface-hi: #eeece8;--border: #dcd8d2;--text: #1c1f25;--text-dim: #6b7280;--accent: #a8791a;color-scheme:light}}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app{max-width:42rem;margin:0 auto;padding:1.5rem 1rem 4rem}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap);margin-bottom:1.5rem}.masthead h1{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:.02em;color:var(--accent)}.status{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.status:before{content:"";display:inline-block;width:.5em;height:.5em;margin-right:.4em;border-radius:50%;background:var(--text-dim);vertical-align:middle}.status[data-state=online]:before{background:var(--ok)}.status[data-state=offline]:before{background:var(--danger)}.capture{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap);margin-bottom:1rem}.capture__input{width:100%;border:0;background:transparent;color:inherit;font:inherit;resize:vertical;min-height:4.5rem;outline:none}.capture__input::placeholder{color:var(--text-dim)}.capture__row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);margin-top:.5rem}.capture__hint{font-size:.75rem;color:var(--text-dim)}.capture__submit{border:0;border-radius:calc(var(--radius) - 3px);background:var(--accent);color:#14161a;font:inherit;font-weight:600;padding:.55rem 1.1rem;min-height:2.75rem;cursor:pointer}.capture__submit:hover{filter:brightness(1.08)}.capture__submit:active{transform:translateY(1px)}.items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.item{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap) 2.5rem var(--gap) var(--gap)}.item__body{margin:0 0 .4rem;white-space:pre-wrap;overflow-wrap:anywhere}.item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-dim)}.item__tag{background:var(--surface-hi);border-radius:999px;padding:.1rem .5rem}.item__delete{position:absolute;top:.5rem;right:.5rem;width:1.9rem;height:1.9rem;border:0;border-radius:50%;background:transparent;color:var(--text-dim);font-size:1.1rem;line-height:1;cursor:pointer;opacity:.5}.item:hover .item__delete,.item__delete:focus-visible{opacity:1}.item__delete:hover{background:var(--surface-hi);color:var(--danger)}.error{margin:0 0 1rem;padding:.6rem var(--gap);border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 15%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger);font-size:.875rem}.empty{color:var(--text-dim);text-align:center;padding:2rem 0;font-size:.875rem}.gate{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1rem}.gate__card{width:min(22rem,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.gate__title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--accent);text-align:center}.gate__label{font-size:.8rem;color:var(--text-dim)}.gate__input{width:100%;padding:.6rem .7rem;border:1px solid var(--border);border-radius:calc(var(--radius) - 3px);background:var(--bg);color:inherit;font:inherit;min-height:2.75rem}.gate__input:focus{outline:2px solid var(--accent);outline-offset:-1px}.gate__submit{margin-top:.5rem;width:100%}.masthead__right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.linkbutton{border:0;background:none;padding:.25rem;color:var(--text-dim);font:inherit;font-size:.75rem;text-decoration:underline;cursor:pointer}.linkbutton:hover{color:var(--text)}.tokens{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap);margin-bottom:1rem}.tokens__hint{margin:0 0 .75rem;font-size:.8rem;color:var(--text-dim)}.tokens__form{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.tokens__input{flex:1 1 12rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:calc(var(--radius) - 3px);background:var(--bg);color:inherit;font:inherit;min-height:2.75rem}.tokens__secret{margin:0 0 .75rem;padding:.6rem var(--gap);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}