.rz-muted{color:var(--ink-soft)}.rz-head{margin-bottom:var(--space-5)}.rz-head h1{font-size:var(--step-4);margin-top:var(--space-2)}.rz-panel{max-width:24rem;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}#rz-login-form{display:flex;flex-direction:column;gap:var(--space-3)}#rz-login-form label{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}#rz-pass{padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:1rem}#rz-pass:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.rz-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .95rem;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.rz-btn-primary{background:var(--ink);color:var(--surface)}.rz-btn-primary:hover{background:var(--accent)}.rz-link{color:var(--ink-soft)}.rz-link:hover{color:var(--accent)}.rz-danger:hover{color:var(--danger)}.rz-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.rz-topbar .rz-title{font-size:var(--step-4)}.rz-topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.rz-status{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-muted);min-width:5rem;text-align:right}.rz-sort{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:.72rem;color:var(--ink-muted)}.rz-sort-btn{padding:.2rem .6rem;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--ink-soft)}.rz-sort-btn.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}.rz-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-4)}.rz-note-card{display:flex;flex-direction:column;gap:.35rem;text-align:left;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.rz-note-card:hover{border-color:var(--ink-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.rz-nc-title{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);color:var(--ink)}.rz-nc-snip{color:var(--ink-2);font-size:var(--step--1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rz-nc-date{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-muted);margin-top:auto}.rz-note-title{width:100%;border:0;background:transparent;resize:none;overflow:hidden;font-family:var(--font-display);font-weight:700;font-size:var(--step-4);line-height:1.15;color:var(--ink);margin-bottom:var(--space-3)}.rz-note-title:focus{outline:none}.rz-err{color:var(--danger);font-size:var(--step--1)}#rz-quill{background:var(--surface);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.ql-toolbar.ql-snow{border-color:var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-2);position:sticky;top:0;z-index:5}.ql-container.ql-snow{border-color:var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);font-family:var(--font-sans)}.ql-editor{min-height:55vh;font-size:1rem;line-height:1.6;color:var(--ink)}.ql-editor.ql-blank:before{color:var(--ink-muted);font-style:normal}.ql-snow .ql-stroke{stroke:var(--ink-2)}.ql-snow .ql-fill{fill:var(--ink-2)}.ql-snow .ql-picker{color:var(--ink-2)}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke{stroke:var(--accent)}.ql-snow.ql-toolbar button.ql-active .ql-fill{fill:var(--accent)}.ql-editor img{border-radius:var(--radius)}.ql-editor table{border-collapse:collapse;width:100%;margin:.6rem 0}.ql-editor td{border:1px solid var(--border);padding:.4rem .55rem;min-width:2.5rem;vertical-align:top}#rz-share.rz-on{color:var(--success)}.rz-share-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.rz-share-row{display:flex;gap:var(--space-2)}#rz-share-url{flex:1;min-width:0;padding:.5rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-family:var(--font-mono);font-size:.78rem;color:var(--ink-2)}.rz-share-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:var(--step--1)}.rz-table-tools{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--space-3)}#rz-tt-when{display:inline-flex;flex-wrap:wrap;gap:.4rem}.rz-tt-btn{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft);padding:.3rem .6rem;border:1px solid var(--border);border-radius:var(--radius-full)}.rz-tt-btn:hover{border-color:var(--accent);color:var(--accent)}.rz-tt-btn.rz-danger:hover{border-color:var(--danger);color:var(--danger)}@media(max-width:640px){.rz-cards{grid-template-columns:1fr}.rz-note-title{font-size:var(--step-3)}.ql-editor{min-height:60vh}}