.jr{max-width:40rem;padding-block:var(--space-5) var(--space-6);margin-inline:auto}.jr-head{text-align:center;margin-bottom:var(--space-4)}.jr .crumb{font-size:var(--step--1);color:var(--text-muted);margin-bottom:var(--space-3)}.jr .crumb a{color:var(--gold-text)}.jr-title{font-size:var(--step-5);font-variation-settings:"opsz" 96, "SOFT" 30, "WONK" 0}.jr-lede{color:var(--text-muted);max-width:32rem;margin:.5rem auto 0}.jr-privacy{margin:var(--space-3) auto 0;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.04em;color:var(--brass-muted)}.jr-compose{gap:var(--space-3);display:grid}.jr-moon{color:var(--accent);justify-content:center;align-items:center;gap:10px;display:flex}.jr-moon .moon-thread{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--brass) 40%, transparent));flex:none}.jr-moon-txt{text-align:left}.jr-moon-phase{font-family:var(--font-display);font-size:var(--step-0);color:var(--text)}.jr-moon-sign{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;color:var(--brass-muted);text-transform:uppercase}.jr-prompt{font-size:var(--step-2);color:var(--text);text-align:center;font-variation-settings:"opsz" 48, "SOFT" 24;line-height:1.4}.jr-prompt-actions{justify-content:center;display:flex}.jr-mini{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--step--1);cursor:pointer;transition:border-color var(--dur-med) var(--ease-out), color var(--dur-med) var(--ease-out);background:0 0;padding:.35rem .9rem}.jr-mini:hover{border-color:var(--line-strong);color:var(--accent)}.jr-text{resize:vertical;width:100%;min-height:8rem;font-family:var(--font-body);font-size:var(--step-0);color:var(--text);background:color-mix(in srgb, var(--surface) 50%, transparent);border:1.5px solid var(--line);border-radius:14px;padding:.9rem 1rem;line-height:1.6}.jr-text::placeholder{color:var(--brass-muted)}.jr-text:focus-visible{border-color:var(--brass);box-shadow:0 0 0 3px color-mix(in srgb, var(--brass) 20%, transparent);outline:none}.jr-compose-foot{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.jr-count{color:var(--brass-muted);font-size:var(--step--2)}.jr-save{font-family:var(--font-display);font-size:var(--step-0);color:var(--void-ink);background:linear-gradient(180deg, var(--brass-bright), var(--brass));border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out), opacity var(--dur-med);border:0;padding:.6rem 1.5rem;font-weight:500;box-shadow:0 6px 22px #c7a24a3d}.jr-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px #c7a24a6b}.jr-save:disabled{opacity:.4;cursor:default}.jr-list-wrap{margin-top:var(--space-6)}.jr-list-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.jr-list-head[hidden]{display:none}.jr-list-title{font-family:var(--font-display);font-size:var(--step-2);color:var(--text)}.jr-list{gap:var(--space-3);display:grid}.jr-entry{border:1px solid var(--line);border-radius:var(--radius);background:var(--card-fill);padding:var(--space-3) var(--space-4)}.jr-entry-head{color:var(--brass-muted);margin-bottom:var(--space-2);align-items:center;gap:9px;display:flex}.jr-entry-head .moon-thread{color:var(--accent);flex:none}.jr-entry-when{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.04em;color:var(--text-muted)}.jr-entry-sky{font-family:var(--font-mono);font-size:var(--step--2);color:var(--brass-muted);margin-left:auto}.jr-entry-prompt{color:var(--brass-muted);font-style:italic;font-size:var(--step--1);margin:0 0 var(--space-2);border-left:2px solid var(--line);padding-left:.7rem}.jr-entry-text{color:var(--text);white-space:pre-wrap;word-break:break-word;line-height:1.6}.jr-entry-actions{margin-top:var(--space-2);gap:.8rem;display:flex}.jr-act{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:2px 0}.jr-act:hover{color:var(--accent)}.jr-act.del:hover{color:var(--rev-text)}.jr-edit{resize:vertical;width:100%;min-height:6rem;font-family:var(--font-body);font-size:var(--step-0);color:var(--text);background:color-mix(in srgb, var(--surface) 40%, transparent);border:1.5px solid var(--brass);border-radius:12px;padding:.7rem .85rem;line-height:1.6}.jr-empty{text-align:center;color:var(--text-muted);padding:var(--space-4) 0}
