.rich-text-input{border:1px solid var(--border);border-radius:var(--app-radius);background:var(--background);padding:12px 11px;transition:border-color .2s;position:relative}.rich-text-input__count{color:var(--muted-foreground);background:var(--background);pointer-events:none;padding:0 3px;font-size:11px;line-height:16px;position:absolute;bottom:4px;right:8px}.rich-text-input:focus-within{border-color:var(--primary)}.rich-text-input .tiptap.ProseMirror{white-space:pre-wrap;color:var(--foreground);outline:none;font-size:14px;line-height:22px;overflow-y:auto}.rich-text-input .tiptap.ProseMirror p{margin:0}.rich-text-input mark,.rich-text-content mark{color:inherit;line-height:inherit;white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px;padding:.02em .18em;display:inline}.rich-text-input .tiptap.ProseMirror p.is-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--muted-foreground);white-space:pre-line}.rich-text-input--single .tiptap.ProseMirror{white-space:nowrap;overflow:auto hidden}.rich-text-input--multiline{height:92px;overflow:hidden}.rich-text-input--multiline .tiptap.ProseMirror{min-height:68px;max-height:68px}.rich-text-input .rich-text-content{color:var(--foreground);font-size:14px;line-height:22px}.rich-text-input--single .rich-text-content{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.rich-text-toolbar{background:var(--background);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;gap:4px;width:fit-content;max-width:100%;margin:0 auto;padding:3px 8px;display:flex}.rich-text-toolbar.selection-save-toolbar{background:var(--surface);border:0;border-radius:0;gap:0;padding:0}.rich-text-toolbar>:nth-child(3),.rich-text-toolbar>:nth-child(5){margin-inline-start:6px}.rich-text-toolbar .app-btn{border-radius:50%}.rich-text-toolbar .app-btn:not(:disabled){color:var(--foreground)}.rich-text-toolbar .app-btn:disabled{color:var(--muted-foreground)}.rich-text-toolbar .app-btn svg{stroke-width:2px}.rich-text-toolbar .app-btn.is-active{color:var(--primary);background:var(--primary-soft)}@media (hover:hover) and (pointer:fine){.rich-text-toolbar .app-btn:not(:disabled):hover{color:var(--primary);background:var(--primary-soft)}}.rich-text-toolbar--modal{margin-bottom:8px}.rich-text-content{white-space:pre-wrap;overflow-wrap:break-word}.rich-text-content p{margin:0}.rich-text-content p+p{margin-top:.5em}.rich-text-speakable{vertical-align:middle;align-items:center;gap:.2em;max-width:100%;display:inline-flex}.rich-text-speakable__content{overflow-wrap:break-word;flex:auto;min-width:0}.rich-text-speak-button{width:1.7em;height:1.7em;color:var(--primary);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}.rich-text-speak-button svg{width:1em;height:1em}@media (hover:hover) and (pointer:fine){.rich-text-speak-button:hover{background:var(--primary-soft)}}.rich-text-speak-button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.rich-text-content--official .useful-note,.rich-text-content--official .useful-example{text-align:start}.rich-text-content--official .useful-example{flex-direction:column;gap:.2em;display:flex}.rich-text-content--official .useful-example__source,.rich-text-content--official .useful-example__translation{display:block}.rich-text-content--official .useful-example__source{color:var(--foreground);font-size:1.1em;font-weight:500;line-height:1.5}.rich-text-content--official .useful-example__source .reading-ruby{line-height:1.75}.rich-text-content--official .useful-example__source .reading-word+.reading-word{margin-inline-start:.22em}.rich-text-content--official .useful-example__source ruby{ruby-position:over;ruby-align:center}.rich-text-content--official .useful-example__source rt{color:var(--muted-foreground);-webkit-user-select:none;user-select:none;padding-inline:.22em;font-size:.68em;font-weight:400;line-height:1.1}.rich-text-content--official .useful-example__translation{color:var(--muted-foreground);margin-inline-start:2.15em;font-size:.92em;font-style:italic;line-height:1.45}
