*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0:#14241f;--bg1:#1e3a34;--panel:#f5f8f6f0;--ink:#14241f;--muted:#5c726b;--line:#14241f1f;--accent:#2f6f5e;--danger:#9b3d3d;--done:#6b8078}html,body,#root{min-height:100%}body{color:var(--ink);background:radial-gradient(ellipse 80% 50% at 10% 0%, #5a968259, transparent 55%), radial-gradient(ellipse 70% 45% at 90% 10%, #3c645a4d, transparent 50%), linear-gradient(165deg, var(--bg0), var(--bg1) 55%, #243f38);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif}button,input{font:inherit}.page{place-items:center;min-height:100vh;padding:1.5rem 1rem 2.5rem;display:grid}.shell{flex-direction:column;gap:1rem;width:min(28rem,100%);display:flex}.brand{color:#eef6f2;text-align:center;letter-spacing:-.02em;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(2rem,7vw,2.6rem)}.tag{text-align:center;color:#eef6f2b8;margin-top:-.35rem;font-size:.95rem}.panel{background:var(--panel);border:1px solid #ffffff59;border-radius:1.1rem;padding:1.25rem;box-shadow:0 18px 40px #00000038}.panel h2{margin-bottom:.35rem;font-size:1.05rem;font-weight:700}.help{color:var(--muted);margin-bottom:1rem;font-size:.88rem;line-height:1.45}form{gap:.7rem;display:grid}label{gap:.35rem;font-size:.85rem;font-weight:600;display:grid}input[type=password],input[type=text]{border:1px solid var(--line);background:#fff;border-radius:.7rem;outline:none;padding:.75rem .85rem}input:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.btn{cursor:pointer;border:0;border-radius:.7rem;padding:.75rem 1rem;font-weight:700;transition:transform .12s,opacity .12s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn-primary{background:var(--accent);color:#f4faf7}.btn-ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.btn-danger{color:var(--danger);background:#9b3d3d1a;border:1px solid #9b3d3d33}.error{color:var(--danger);background:#9b3d3d14;border:1px solid #9b3d3d2e;border-radius:.7rem;padding:.65rem .8rem;font-size:.88rem}.toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.toolbar h2{margin:0}.toolbar-actions{gap:.4rem;display:flex}.add-row{gap:.5rem;margin-bottom:.9rem;display:flex}.add-row input{flex:1}.list{gap:.45rem;max-height:min(50vh,24rem);list-style:none;display:grid;overflow:auto}.item{border:1px solid var(--line);background:#ffffffb3;border-radius:.75rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.7rem .75rem;display:grid}.item.done .text{color:var(--done);text-decoration:line-through}.item input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.text{word-break:break-word;font-size:.95rem;line-height:1.35}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:.25rem .4rem;font-size:.85rem;font-weight:700}.icon-btn:hover{color:var(--danger);background:#9b3d3d1a}.empty{text-align:center;color:var(--muted);padding:1.5rem .5rem;font-size:.92rem}.meta{color:var(--muted);text-align:center;margin-top:.85rem;font-size:.78rem}.secure-pill{color:var(--accent);letter-spacing:.02em;background:#2f6f5e1f;border-radius:999px;align-items:center;gap:.35rem;margin:0 auto .75rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.settings-wrap{position:relative}.settings-menu{z-index:20;border:1px solid var(--line);background:#fff;border-radius:.85rem;gap:.25rem;width:min(17.5rem,75vw);padding:.45rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 12px 28px #00000029}.settings-menu p{color:var(--muted);padding:.35rem .55rem .15rem;font-size:.75rem}.settings-menu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:.55rem;padding:.65rem .7rem;font-weight:600}.settings-menu button:hover{background:#14241f0f}.settings-menu button.danger{color:var(--danger)}