:root{color-scheme:dark;--bg:#09111f;--panel:#121f35;--line:#2a3d5b;--text:#f6f8ff;--muted:#a9bdd8;--accent:#76a9ff;--danger:#ff6b79;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#09111f,#0d1830);color:var(--text);min-height:100vh}header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px max(18px,env(safe-area-inset-left));background:#09111fea;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);font-weight:800;text-decoration:none}.brand img{width:36px;height:36px}.inline{display:inline}.button,button{display:inline-block;border:0;border-radius:10px;background:var(--accent);color:#07101f;font-weight:800;padding:10px 14px;text-decoration:none;cursor:pointer}.ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}main{max-width:1100px;margin:auto;padding:24px}.card,.note-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--text);text-decoration:none}.narrow{max-width:480px;margin:8vh auto}.toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.toolbar form{flex:1}.toolbar input{width:100%}.notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.note-card h2{margin:0 0 8px}.note-card p{color:var(--muted);white-space:pre-wrap}.note-card small{color:var(--muted)}label{display:block;margin:14px 0 6px;font-weight:700}input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#081426;color:var(--text);padding:12px;font:inherit}textarea{resize:vertical}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.editor{max-width:820px;margin:auto}.editor h2{font-size:1rem}.danger-zone{margin-top:24px}.danger{background:transparent;color:var(--danger);border:1px solid #6b3340}hr{border:0;border-top:1px solid var(--line);margin:28px 0}@media(max-width:600px){main{padding:14px}.toolbar{align-items:stretch;flex-direction:column}.notes{grid-template-columns:1fr}header{gap:8px}.brand span{display:none}}