:root{color-scheme:light dark;--bg: #0b0c0f;--fg: #e8e8ea;--card-bg: #17181c;--border: #2a2b30;--accent: #6ea8fe;font-family:system-ui,-apple-system,sans-serif}body{margin:0;background:var(--bg);color:var(--fg)}.page{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.back-link{color:var(--accent);text-decoration:none;font-size:.9rem}h1{margin:.5rem 0 1.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.card{display:block;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:1.25rem;text-decoration:none;color:inherit;transition:border-color .15s}.card:hover{border-color:var(--accent)}.card h2{margin:0 0 .4rem;font-size:1.1rem}.card p{margin:0;font-size:.85rem;opacity:.7}.unlock-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.unlock-form label{display:none}.unlock-form input{flex:1;min-width:160px;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--card-bg);color:var(--fg)}.unlock-form button,.notes-header button{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--accent);color:#0b0c0f;cursor:pointer;font-weight:600}.unlock-form button:disabled,.notes-header button:disabled{opacity:.6;cursor:default}.error{color:#ff8a8a;width:100%}.hint{opacity:.75;font-size:.85rem}.notes-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.updated-at{font-size:.8rem;opacity:.6;margin:0}.summary{font-size:1rem;opacity:.9}section{margin-top:1.5rem}section h2{font-size:1rem;border-bottom:1px solid var(--border);padding-bottom:.3rem}