.writing-source[hidden]{display:none!important}
.writing-surface{box-sizing:border-box;min-height:96px;max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text);font:15px/1.7 var(--mono,monospace);white-space:pre-wrap;overflow-wrap:anywhere;outline:none;cursor:text;user-select:text;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.writing-surface:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 7%,transparent)}.writing-surface[aria-disabled=true]{opacity:.6;cursor:default}
.writing-surface:empty::before{content:attr(data-placeholder);color:var(--faint);pointer-events:none}
.writing-surface strong,.owner-note-text strong,.owner-note-history strong,.plan-card-description strong,#plan-read-description strong,#plan-checklist-summary strong{font-weight:750;color:var(--text)}
.writing-surface em,.owner-note-text em,.owner-note-history em,.plan-card-description em,#plan-read-description em,#plan-checklist-summary em{font-style:italic}
.writing-surface u,.owner-note-text u,.owner-note-history u,.plan-card-description u,#plan-read-description u,#plan-checklist-summary u{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.writing-hotkey-hint{display:block!important;margin:8px 0 0!important;text-align:right;color:var(--faint);font:10px/1.5 var(--mono,monospace)!important;opacity:.75}
.writing-symbols{margin-top:10px;color:var(--muted);font:11px/1.6 var(--mono,monospace);border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:8px;padding:7px 10px}
.writing-symbols summary{cursor:pointer;list-style:none;user-select:none;width:fit-content}.writing-symbols summary::-webkit-details-marker{display:none}.writing-symbols summary:hover{color:var(--accent)}.writing-symbols summary::after{content:' +';color:var(--faint)}.writing-symbols[open] summary::after{content:' −'}
.writing-symbol-group{margin-top:12px}.writing-symbol-group>span{font-size:10px;color:var(--faint)}.writing-symbol-keys{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.home-page .owner-note .writing-symbol-keys button{display:grid;place-items:center;min-width:30px;height:30px;padding:2px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface) 55%,transparent);font:18px/1 'Segoe UI Symbol','Segoe UI Emoji',sans-serif;color:var(--text)}
.home-page .owner-note .writing-symbol-keys button:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--bg))}
.home-page .owner-note .writing-symbol-keys button.is-constellation{padding-inline:10px;min-width:65px}
.note-writing-surface{text-align:center}
.plan-writing-surface{min-height:140px}.plan-writing-surface+.writing-hotkey-hint{margin-bottom:5px!important}
@media(max-width:640px){.writing-surface{font-size:14px;padding:10px 12px}.writing-symbol-keys{gap:4px}.home-page .owner-note .writing-symbol-keys button{min-width:29px;height:29px}}

/* Keep the expanded keyboard within reach while its categories grow. */
.home-page .owner-note .writing-symbols[open]{max-height:360px;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;}
.home-page .owner-note .writing-symbol-keys button.is-constellation{font-size:15px;white-space:pre;max-width:100%;}