:root{--bg:var(--tg-bg_color,#14161a);--fg:var(--tg-text_color,#e8e8ea);--muted:var(--tg-hint_color,#8a8f98);--accent:var(--tg-button_color,#3a7afe);--accent-fg:var(--tg-button_text_color,#fff);--card:#ffffff0a;--danger:#e5484d}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);margin:0;font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif}#app{max-width:640px;margin:0 auto;padding:16px}h1{margin:.2em 0 .6em;font-size:1.3rem}.muted{color:var(--muted);font-size:.85rem}form{flex-direction:column;gap:12px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}input{background:var(--card);color:var(--fg);border:1px solid #ffffff1a;border-radius:10px;padding:12px;font-size:1rem}button{background:var(--accent);color:var(--accent-fg);cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-size:1rem;font-weight:600}button:disabled{opacity:.5}.error{color:var(--danger);min-height:1.2em;font-size:.85rem}ul.items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}li.item{background:var(--card);border-radius:12px;padding:12px 14px}li.item .name{font-weight:600}li.item .sub{color:var(--muted);font-size:.85rem}.item-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.edit-btn{color:var(--muted);background:0 0;border:1px solid #ffffff26;padding:4px 10px;font-size:.75rem}.bar-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.bar button{color:var(--muted);background:0 0;padding:6px 10px;font-size:.8rem}.reveal-field{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.reveal-placeholder,.reveal-value{letter-spacing:.03em;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.reveal-value{-webkit-user-select:text;user-select:text;color:var(--fg)}.reveal-hold,.reveal-copy{touch-action:none;border-radius:8px;padding:6px 10px;font-size:.78rem;font-weight:500}.reveal-copy{color:var(--accent);border:1px solid var(--accent);background:0 0}.reveal-status{min-width:3em;font-size:.75rem}.item-form textarea{background:var(--card);color:var(--fg);resize:vertical;border:1px solid #ffffff1a;border-radius:10px;padding:12px;font-family:inherit;font-size:1rem}.item-form input.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.generator-panel{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.generator-panel select{background:var(--card);color:var(--fg);border:1px solid #ffffff1a;border-radius:8px;padding:8px}.generator-panel button{padding:8px 12px;font-size:.85rem}.inline-check{color:var(--muted);flex-direction:row;align-items:center;gap:4px;font-size:.8rem;display:flex}.entropy{font-size:.75rem}.notes-unlock{color:var(--accent);border:1px solid var(--accent);background:0 0;align-self:flex-start;padding:6px 10px;font-size:.8rem}.form-actions{gap:10px;display:flex}.form-actions button[type=button]{color:var(--muted);background:0 0;border:1px solid #ffffff26}