@import 'fonts/fonts.css';@import 'theme-light.css?v=c6c36c5d599d';@import 'theme-dark.css?v=78c57640c02c';
body{background:inherit;color:inherit}main{max-width:920px;margin:0 auto;padding:0 30px 100px}.editor-actions{position:sticky;top:0;z-index:10;display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:12px 0;background:#f7f9f8f5;border-bottom:1px solid #dde5df}.editor-actions button{padding:7px 10px;font-size:12px}.editor-actions a{font-size:12px;text-decoration:none}.editor-actions #status{flex:1;font-size:12px;color:#73877a;min-width:80px}#title{width:100%;border:0;background:transparent;font-size:30px;font-weight:700;margin:28px 0 14px;padding:0;outline:none}.tag-line,#tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag-line{padding-bottom:20px;border-bottom:1px solid #dde5df}.tag{padding:4px 9px;border:0;background:#e4f1e9;font-size:12px;border-radius:20px}#tagInput{background:transparent;border:0;font-size:12px;min-width:150px;max-width:100%;padding:5px}.tiptap{outline:none;min-height:65vh;padding:20px 0 60px;overflow-wrap:anywhere;display:flow-root}.tiptap>:first-child{margin-top:0}.tiptap img{max-width:100%}.selection-menu{display:flex;flex-wrap:wrap;max-width:min(610px,calc(100vw - 20px));background:white;border:1px solid #cdd9d2;padding:6px;gap:3px;border-radius:10px;box-shadow:0 5px 25px #18352722;z-index:30;visibility:hidden}.selection-menu button{padding:7px;font-size:12px;border:0}.notice{padding:12px;background:#fff3ce;color:#645023;border-radius:8px;margin:12px 0}.notice button{margin:5px}#notices:empty{display:none}@media(max-width:600px){main{padding:0 16px 60px}#title{font-size:25px}.editor-actions{gap:5px}.editor-actions #status{min-width:110px}.diary-editor td,.diary-editor th{padding:5px}.selection-menu{max-width:calc(100vw - 20px)}}
.diary-image{display:block;position:relative;max-width:100%;margin:14px 0;clear:both}.diary-image[data-layout=left]{float:left;clear:none;margin:8px 20px 12px 0;max-width:calc(100% - 20px)}.diary-image[data-layout=right]{float:right;clear:none;margin:8px 0 12px 20px;max-width:calc(100% - 20px)}.image-frame{display:block;position:relative;overflow:visible}.image-frame img{position:absolute;left:50%;top:50%;max-width:none;pointer-events:auto;user-select:none}.diary-image.selected>.image-frame{outline:2px solid #42b983;outline-offset:3px}.image-controls{display:none;position:absolute;right:0;top:-34px;z-index:12;white-space:nowrap;background:var(--image-ui,#fff);box-shadow:0 2px 9px #0002;border-radius:6px}.selected>.image-controls{display:flex}.image-controls button,.image-menu button{padding:6px;font-size:11px;border:0}.image-menu{position:absolute;z-index:15;top:10px;left:0;width:160px;background:var(--image-ui,#fff);box-shadow:0 4px 20px #0003;border-radius:8px;padding:6px;display:grid}.image-menu small{font-size:11px;line-height:1.4}.resize-handle{display:none;position:absolute;width:18px;height:18px;border:2px solid white;border-radius:50%;padding:0;background:#27835d;z-index:11;touch-action:none}.selected .resize-handle{display:block}.resize-handle.nw{left:-8px;top:-8px;cursor:nwse-resize}.resize-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}.resize-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.resize-handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}.image-drag{touch-action:none;cursor:grab}.image-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;clear:both;margin:16px 0}.image-row>.diary-image{flex:0 0 auto;min-width:0;max-width:100%;float:none;margin:0}.image-drop-marker{position:fixed;width:3px;background:#27835d;z-index:100;pointer-events:none}.upload-marker{color:#27835d;background:#e4f1e9;font-size:12px;padding:5px}.attachment-card{clear:both;border:1px solid #cdd9d2;border-radius:9px;padding:14px;margin:12px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.attachment-card span{flex:1;overflow-wrap:anywhere}.attachment-card audio{width:100%}.attachment-card a{font-size:12px}[data-theme=dark]{--image-ui:#292929}@media(max-width:600px){.image-controls button{min-height:32px}.resize-handle{width:22px;height:22px}.image-row{gap:8px}.image-menu{max-width:calc(100vw - 40px)}}
/* Keep related formatting controls together when the bubble wraps. */
.selection-menu{gap:5px;padding:6px;max-width:min(560px,calc(100vw - 20px));box-sizing:border-box;align-items:center}
.selection-menu .format-group{display:flex;flex-wrap:wrap;gap:2px;padding:2px 6px 2px 0;border-right:1px solid #dce5df;max-width:100%;box-sizing:border-box}
.selection-menu .format-group:last-child{border-right:0;padding-right:0}
.selection-menu button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:34px;padding:6px;border-radius:5px;background:transparent;color:inherit;cursor:pointer}
.selection-menu button svg{width:20px;height:20px;flex:none}
.selection-menu button:hover{background:#edf4ef}
.selection-menu button[aria-pressed=true]{background:#dcefe3;color:#196b42}
.selection-menu button:focus-visible{outline:2px solid #2979ff;outline-offset:1px}
.selection-menu .heading-icon{font:600 17px/1 system-ui,sans-serif}
.selection-menu .heading-icon sub{font-size:10px;vertical-align:baseline;position:relative;top:3px;margin-left:1px}
.selection-menu .color-bar{stroke:var(--format-color,currentColor);stroke-width:4}
[data-theme=dark] .selection-menu .format-group{border-color:#48584d}
[data-theme=dark] .selection-menu button:hover{background:#35483d}
[data-theme=dark] .selection-menu button[aria-pressed=true]{background:#315b43;color:#bce5ca}
@media(pointer:coarse){.selection-menu button{width:38px;height:40px}}
.diary-table{position:relative;margin:30px 0 20px;padding-top:4px;overflow:visible!important}
.diary-table .table-controls{position:relative;height:0;z-index:4;font-family:system-ui,sans-serif;font-size:13px;line-height:1.5}
.table-settings{position:absolute;left:0;bottom:4px;display:flex;align-items:center;justify-content:center;width:28px;height:26px;padding:4px;background:#edf4ef;border:1px solid #cdd9d2;border-radius:5px;color:#315a42;cursor:pointer}
.table-settings svg{width:18px;height:18px}
.table-settings-panel{position:absolute;top:2px;left:0;width:240px;max-width:calc(100vw - 52px);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;padding:14px;background:#fff;color:#244134;border:1px solid #cdd9d2;border-radius:9px;box-shadow:0 6px 24px #18352725}
.table-settings-panel[hidden]{display:none}
.table-settings-panel label{display:flex;align-items:center;gap:8px}
.table-settings-panel input{width:56px;padding:6px;border:1px solid #b8cbbf;border-radius:5px;background:transparent;color:inherit;font:inherit}
.table-settings-panel small{width:100%;font-size:11px;color:#6b7c72}
.table-settings-panel button{margin-left:auto;padding:5px 18px;background:#247a4c;color:white;border:0;border-radius:5px;cursor:pointer}
[data-theme=dark] .table-settings-panel{background:#25352c;color:#dfebe2;border-color:#536359}
[data-theme=dark] .table-settings{background:#35483d;color:#d4e9dc;border-color:#536359}
[data-theme=dark] .table-settings-panel small{color:#b4c7ba}
.table-settings-panel{width:330px;gap:10px 12px}
.table-settings-panel label{font-size:12px;width:calc(50% - 6px);justify-content:space-between}
.table-settings-panel input{box-sizing:border-box;width:64px;min-width:0}
.diary-table-scroll{overflow-x:auto}
.table-resize-rails{position:absolute;inset:0;pointer-events:none;z-index:3}
.table-resize-handle{position:absolute;pointer-events:auto;background:transparent;border:0;padding:0;touch-action:none;border-radius:3px;color:#27835d}
.table-resize-handle.column{width:14px;height:22px;transform:translate(-50%,-50%);cursor:col-resize}
.table-resize-handle.row{width:22px;height:14px;transform:translate(-50%,-50%);cursor:row-resize}
.table-resize-handle:after{content:'';position:absolute;background:currentColor;border-radius:3px;opacity:.65}
.table-resize-handle.column:after{width:3px;height:15px;left:6px;top:3px}
.table-resize-handle.row:after{height:3px;width:15px;top:6px;left:3px}
.table-resize-handle:hover,.table-resize-handle.dragging{background:#dcefe3}
.layout-size-hint{position:absolute;z-index:60;pointer-events:none;padding:3px 7px;background:#215b40;color:white;border-radius:5px;font:12px/1.5 system-ui;white-space:nowrap;transform:translate(12px,12px)}
.table-settings-panel{z-index:8}
.diary-image[data-layout=block][data-align=center]{margin-left:auto;margin-right:auto}
.diary-image[data-layout=block][data-align=right]{margin-left:auto;margin-right:0}
.image-row>.diary-image{margin-left:0!important;margin-right:0!important}
.image-controls{top:-44px;left:0;right:auto;max-width:min(310px,calc(100vw - 40px));flex-wrap:wrap;white-space:normal;padding:3px;gap:2px}
.image-controls button,.image-menu button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;background:transparent;color:inherit;border-radius:5px;cursor:pointer;flex-shrink:0}
.image-controls svg,.image-menu svg,.image-rotation-handle svg{width:20px;height:20px}
.image-controls button:hover,.image-menu button:hover{background:#dcefe3;color:#196b42}
.image-controls button[aria-pressed=true],.image-menu button[aria-pressed=true]{background:#dcefe3;color:#196b42}
.image-menu{top:4px;width:228px;grid-template-columns:repeat(6,32px);gap:4px;box-sizing:border-box}
.image-menu[hidden]{display:none}
.image-menu label,.image-menu small{grid-column:1/-1;font:11px/1.5 system-ui}
.image-menu label{display:flex;align-items:center;gap:8px;padding:4px}
.image-menu input{width:150px}
.image-menu button:disabled{opacity:.35;cursor:default}
.image-frame img{cursor:grab;touch-action:none}
.image-moving>.image-frame{opacity:.35;outline:2px dashed #27835d}
.image-rotation-handle{display:none;position:absolute;left:50%;top:-29px;transform:translateX(-50%);width:24px;height:24px;border:1px solid #27835d;background:var(--image-ui,#fff);color:#27835d;border-radius:50%;padding:2px;z-index:11;cursor:crosshair;touch-action:none}
.selected .image-rotation-handle{display:block}
.selected>.image-controls{top:-76px}
.diary-image.selected{z-index:5}
.image-drag-ghost .image-frame{outline:2px solid #42b983}
[data-theme=dark] .image-controls button[aria-pressed=true],[data-theme=dark] .image-menu button[aria-pressed=true]{background:#315b43;color:#bce5ca}
.selected>.image-controls{top:auto;bottom:calc(100% + 38px);width:244px;box-sizing:border-box}
.image-align-guide{position:fixed;z-index:90;width:1px;border-left:1px dashed #27835d;pointer-events:none}
.image-controls,.image-menu{position:fixed}

.image-moving{pointer-events:none}.image-moving>.image-frame{opacity:.7}.image-controls,.image-menu{z-index:50}
.diary-find{position:fixed;right:20px;top:70px;z-index:100;display:flex;flex-wrap:wrap;gap:6px;padding:12px;max-width:500px;background:var(--image-ui,#fff);color:inherit;box-shadow:0 4px 25px #0003;border-radius:8px}.diary-find input{width:150px}.focus-mode> :not(.active-paragraph):not(:has(.active-paragraph)){opacity:.3}.focus-mode>.active-paragraph{opacity:1}.typewriter-mode{padding-bottom:50vh}

.images-multiselect .image-controls,.images-multiselect .image-menu,.images-multiselect .resize-handle,.images-multiselect .image-rotation-handle{display:none!important}
.image-multi-toolbar{position:fixed;z-index:55;padding:4px;background:var(--image-ui,#fff);border:1px solid #80b99b;border-radius:8px;box-shadow:0 3px 14px #0002}
.image-multi-toolbar[hidden]{display:none}.image-multi-toolbar button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;border:0;border-radius:5px;background:#dcefe3;color:#196b42;cursor:pointer}.image-multi-toolbar svg{width:22px;height:22px}
[data-theme=dark] .image-multi-toolbar button{background:#315b43;color:#bce5ca}

#editArticle{background:#dceee0;color:#315d3c;border:1px solid #b5d5bb;font-weight:600;min-width:64px}
#editArticle.is-saving{background:#fff0bd;color:#745b24;border-color:#e6ce85}
#editArticle:disabled{opacity:.65;cursor:wait}
.is-reading #tagInput{display:none}.is-reading #title{cursor:default}
.is-reading .diary-editor [data-editor-ui]:not(label),.is-reading .image-multi-toolbar,.is-reading .selection-menu{display:none!important}
.is-reading .tag{opacity:1;cursor:default}
[data-theme=dark] #editArticle{background:#344e3c;color:#d0e7d4}
[data-theme=dark] #editArticle.is-saving{background:#635632;color:#fff0bd}

.editor-actions button:disabled:not(#editArticle){opacity:.45;cursor:default}

.is-reading [data-native-node=diaryAttachment] button{display:none}

/* Compact quote edges without removing spacing between quoted paragraphs. */
.diary-editor blockquote>:first-child{margin-top:0}
.diary-editor blockquote>:last-child{margin-bottom:0}
.diary-editor{font-size:var(--diary-font-size,15px);line-height:1.5}
[data-theme=dark] .diary-editor{line-height:1.6}
.diary-editor h1{font-size:2.2em}.diary-editor h2{font-size:1.75em}.diary-editor h3{font-size:1.4em}.diary-editor h4{font-size:1.2em}.diary-editor h5,.diary-editor h6{font-size:1em}
.font-size-controls{display:inline-flex;align-items:center;gap:4px;flex:none}
#fontSizeValue{min-width:2ch;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
.editor-actions .font-size-controls button{font-size:18px;line-height:1;width:32px;height:32px;padding:0}

.editor-save-controls{display:inline-flex;align-items:center;gap:7px;flex:none}

/* A quiet outline beside the article, with a compact disclosure on small screens. */
.document-outline{color:#7b8981;font-size:12px;line-height:1.5}
.document-outline summary{font-size:11px;letter-spacing:.08em;cursor:pointer;padding:8px 0;color:#829087}
.document-outline ol{list-style:none;margin:6px 0 0;padding:0;border-left:1px solid #dfe6e1}
.document-outline li{margin:0;padding:0}
.document-outline button{display:block;width:100%;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;font:inherit;padding:6px 8px 6px calc(12px + var(--outline-level)*10px);overflow-wrap:anywhere}
.document-outline button:hover,.document-outline button[aria-current]{color:#3e7257;background:#42b9830b}
.document-outline button[aria-current]{box-shadow:-1px 0 #78a68b}
.document-outline button:focus-visible{outline:2px solid #78a68b;outline-offset:-2px}
@media(min-width:1120px){
 .document-outline{position:fixed;top:126px;left:max(16px,calc(50% - 650px));width:min(180px,calc(50% - 478px));max-height:calc(100dvh - 158px);overflow:auto;scrollbar-width:thin}
 .document-outline summary{list-style:none;pointer-events:none}
 .document-outline summary::-webkit-details-marker{display:none}
}
@media(max-width:1119px){.document-outline{margin-top:14px}.document-outline ol{max-height:240px;overflow:auto;margin-bottom:12px}}
[data-theme=dark] .document-outline{color:#929e96}
[data-theme=dark] .document-outline ol{border-color:#3e4a42}
[data-theme=dark] .document-outline button{background:transparent;color:inherit}
[data-theme=dark] .document-outline button:hover,[data-theme=dark] .document-outline button[aria-current]{color:#b1ccba;background:#42b98312}
@media print{.document-outline{display:none}}