/* Writing is a separate page. Keep the chrome quiet and the document central. */
body.writing>.topbar,body.writing>main{display:none}body.writing{overflow:hidden}
#editor-page{height:100dvh;display:flex;flex-direction:column;background:#fff;animation:page-fade .28s var(--ease)}
.writing-header{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 28px;border-bottom:1px solid #eee;flex-shrink:0;z-index:12;background:#fff}
.writing-navigation,.writing-actions{display:flex;align-items:center;gap:12px}.writing-navigation a{display:grid;place-items:center;width:36px;height:42px;font-size:20px}#writing-label{font-size:12px;color:#737373;white-space:nowrap}
#writer-outline-toggle{font-size:17px;padding:8px}#writing-mode{font:inherit;font-size:12px;border:0;background:#fff;padding:10px 20px 10px 8px;max-width:130px;cursor:pointer}#writing-mode:focus-visible,summary:focus-visible{outline:2px solid #000;outline-offset:3px}
#writing-menu{position:relative}#writing-menu summary{list-style:none;cursor:pointer;padding:12px 10px;letter-spacing:2px;min-height:42px;font-size:14px}#writing-menu summary::-webkit-details-marker{display:none}
.writing-menu-panel{position:absolute;right:0;top:48px;min-width:210px;padding:8px;background:#fff;box-shadow:0 8px 35px #0002;border:1px solid #eee;z-index:20}.writing-menu-panel button{display:block;text-align:left;width:100%;white-space:nowrap}.writing-menu-panel button:hover{background:#f5f5f5}.writing-menu-panel button[aria-pressed=true]::after{content:' ✓'}
.writing-layout{display:flex;flex:1;min-height:0;overflow:hidden}#writer-sidebar{width:0;flex-shrink:0;overflow:hidden;opacity:0;visibility:hidden;transition:width .4s var(--ease),opacity .25s var(--ease),visibility 0s .4s;background:#fafafa;display:flex;flex-direction:column}.with-outline #writer-sidebar{width:224px;opacity:1;visibility:visible;transition-delay:0s}.writer-sidebar-heading{padding:26px 24px 16px;color:#737373;font-size:11px}
#writer-outline{overflow:auto;overscroll-behavior:contain;padding:0 18px 30px;scrollbar-width:thin}#writer-outline button{display:block;text-align:left;width:100%;padding:10px 6px;font-size:12px;line-height:1.7;color:#777;overflow-wrap:anywhere}#writer-outline button[aria-current]{color:#000;font-weight:600}#writer-outline .writer-level-2{padding-left:16px}#writer-outline .writer-level-3{padding-left:26px}#writer-outline :is(.writer-level-4,.writer-level-5,.writer-level-6){padding-left:36px}#writer-outline p{font-size:11px;line-height:1.8;color:#777}
.writing-document{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}#writer-title{width:100%;max-width:864px;align-self:center;border:0;background:none;font-size:clamp(24px,3vw,34px);font-weight:650;line-height:1.5;padding:34px 52px 24px;flex-shrink:0;outline:none}#writer-title::placeholder{color:#aaa}#writer-title:focus-visible{box-shadow:inset 2px 0 #eee}
#writing-editor{flex:1;min-height:0}#writing-editor .toastui-editor-defaultUI{border:0;border-radius:0;font-family:inherit;overflow:visible}#writing-editor .toastui-editor-defaultUI-toolbar{border:0;border-bottom:1px solid #f1f1f1;background:#fff;height:48px;padding:5px 16px;border-radius:0;justify-content:center;gap:0;z-index:5}#writing-editor .toastui-editor-toolbar-divider{background:#e8e8e8;margin:8px 10px}#writing-editor .toastui-editor-toolbar-icons{filter:grayscale(1);border-radius:0}#writing-editor .toastui-editor-toolbar-icons:hover{border-color:#ddd;background-color:#f6f6f6}#writing-editor .toastui-editor-toolbar-icons.active{background-color:#eee;border-color:#bbb}#writing-editor .writer-history{font-size:22px;background-image:none;color:#333}
#writing-editor .toastui-editor-main{min-height:0}#writing-editor .toastui-editor-ww-container{background:#fff}#writing-editor .toastui-editor-contents,#writing-editor .toastui-editor-md-container .ProseMirror{font-family:inherit;font-size:15px;line-height:1.95;color:#171717;max-width:864px;margin:0 auto;padding:28px 52px 180px;min-height:100%;overflow-wrap:anywhere}#writing-editor .toastui-editor-contents p{color:inherit;line-height:1.95;margin:12px 0}#writing-editor .toastui-editor-contents h1{font-size:29px;border:0}#writing-editor .toastui-editor-contents h2{font-size:25px;border:0}#writing-editor .toastui-editor-contents h3{font-size:21px}#writing-editor .toastui-editor-contents :is(h1,h2,h3,h4,h5,h6){color:#111;scroll-margin-top:28px;line-height:1.5;margin:28px 0 14px}#writing-editor .toastui-editor-contents a{color:#111}#writing-editor .toastui-editor-contents code{color:#333;background:#f5f5f5}#writing-editor .toastui-editor-contents pre{background:#f6f6f6;border-radius:0}#writing-editor .toastui-editor-contents blockquote{color:#777;border-color:#ddd}#writing-editor .toastui-editor-contents img{max-width:100%}#writing-editor .toastui-editor-contents table{width:100%;color:#111}#writing-editor .toastui-editor-contents th{background:#f5f5f5;color:#111;border-color:#ddd}#writing-editor .toastui-editor-contents td{border-color:#ddd}
#writing-editor .toastui-editor-md-tab-container{display:none!important}#writing-editor .toastui-editor-md-preview{border-left:1px solid #eee}#editor-page[data-mode=split] .toastui-editor-contents,#editor-page[data-mode=split] .toastui-editor-md-container .ProseMirror{padding:26px 28px 180px}#writing-editor .toastui-editor-md-splitter{background:#eee}#writing-editor .toastui-editor-md-heading,#writing-editor .toastui-editor-md-list-item,#writing-editor .toastui-editor-md-meta,#writing-editor .toastui-editor-md-marked-text,#writing-editor .toastui-editor-md-link{color:#111}#writing-editor .toastui-editor-md-code,#writing-editor .toastui-editor-md-code-block{color:#555}#writing-editor .toastui-editor-md-delimiter{color:#999}
#writing-editor .toastui-editor-popup{border:1px solid #e5e5e5;border-radius:0;box-shadow:0 8px 25px #0002;max-width:calc(100vw - 24px)}#writing-editor .toastui-editor-popup button{min-height:30px;border-radius:0}#writing-editor .toastui-editor-ok-button{background:#111;color:#fff}#writing-editor .toastui-editor-popup input{border-color:#ddd;border-radius:0}#writing-editor .toastui-editor-dropdown-toolbar{border-radius:0;background:#fff}#writing-editor .toastui-editor-toolbar-group{flex-shrink:0}
.writing-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 28px;margin:0;font-size:11px;color:#777;border-top:1px solid #f1f1f1;min-height:43px;background:#fff;flex-shrink:0}.writing-footer span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#writer-error{font-size:12px;line-height:1.7;background:#f4f4f4;padding:12px 28px;border-top:1px solid #ddd;max-height:110px;overflow:auto;flex-shrink:0}
#writer-find{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 28px;border-bottom:1px solid #eee;font-size:12px;background:#fafafa;flex-shrink:0}#writer-find input{border:0;border-bottom:1px solid #ddd;background:none;font-size:12px;padding:9px;width:180px;min-width:0}#writer-find button{font-size:12px;padding:8px}#find-count{color:#777;min-width:55px}#find-close{margin-left:auto}
#editor-page.focus-mode .toastui-editor-defaultUI-toolbar{display:none}#editor-page.focus-mode #writer-title{padding-top:45px}#editor-page.focus-mode #writer-sidebar{width:0;opacity:0;visibility:hidden}#editor-page.focus-mode .writing-header{border-bottom-color:transparent}#editor-page.focus-mode .writing-navigation,#editor-page.focus-mode .writing-footer{opacity:.4;transition:opacity .2s}#editor-page.focus-mode .writing-navigation:hover,#editor-page.focus-mode .writing-footer:hover{opacity:1}#editor-page.typewriter-mode .ProseMirror{padding-bottom:50vh}
#shortcuts-dialog{width:min(450px,calc(100vw - 32px));padding:30px}#shortcuts-dialog h2{font-size:20px;margin-bottom:25px}#shortcuts-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:12px;line-height:1.7}#shortcuts-dialog dd{margin:0;color:#777}#shortcuts-dialog form{text-align:right;margin-top:28px}
.prose img{max-width:100%;height:auto}.prose table{border-collapse:collapse;display:block;overflow:auto;max-width:100%;font-size:14px;margin:22px 0}.prose td,.prose th{border:1px solid #ddd;padding:8px 14px;min-width:90px;text-align:left}.prose .task-item{list-style:none}.task-checkbox{accent-color:#000}.prose pre code{color:#333}#print-document{display:none}
@media(max-width:900px){.writing-header{padding:10px 18px;gap:8px}.writing-navigation,.writing-actions{gap:6px}.with-outline #writer-sidebar{width:190px}#writer-title{padding:28px 30px 20px}#writing-editor .toastui-editor-contents,#writing-editor .toastui-editor-md-container .ProseMirror{padding:24px 30px 140px}}
@media(max-width:700px){.writing-header{min-height:62px;padding:8px 10px}#writing-label{display:none}.writing-navigation,.writing-actions{gap:2px}.writing-navigation a{width:28px}#writer-outline-toggle{padding:7px;min-width:32px}#writing-mode{font-size:11px;max-width:102px;padding-left:4px;padding-right:2px}#writer-find-toggle{font-size:11px;padding:8px}#writer-save{font-size:11px;padding:9px 11px}#writing-menu summary{padding:10px 7px}.writing-layout{position:relative}#writer-sidebar{position:absolute;inset:0 auto 0 0;z-index:8;max-width:75vw;box-shadow:12px 0 24px #0001}.with-outline #writer-sidebar{width:240px}#writer-title{padding:22px 22px 18px;font-size:25px}#writing-editor .toastui-editor-contents,#writing-editor .toastui-editor-md-container .ProseMirror{padding:20px 22px 120px;font-size:14px}#writing-editor .toastui-editor-defaultUI-toolbar{justify-content:flex-start;padding-left:8px;padding-right:8px}#writing-editor .toastui-editor-toolbar-divider{margin-left:5px;margin-right:5px}.writing-footer{padding:11px 14px;font-size:10px;gap:8px}#writer-error{padding:10px 14px}#writer-find{padding:8px 12px;gap:4px}#writer-find input{width:calc(50% - 4px)}#writer-find button{font-size:11px;padding:6px}#editor-page[data-mode=split] .toastui-editor-main{flex-direction:column}#editor-page[data-mode=split] .toastui-editor-md-container,#editor-page[data-mode=split] .toastui-editor-md-preview{width:100%;height:50%;border-left:0}#editor-page[data-mode=split] .toastui-editor-md-preview{border-top:1px solid #ddd}#editor-page[data-mode=split] .toastui-editor-md-splitter{display:none}#editor-page[data-mode=split] .toastui-editor-contents,#editor-page[data-mode=split] .toastui-editor-md-container .ProseMirror{padding:16px 22px 60px}}
@media print{body>*{display:none!important}body.writing{overflow:visible}#print-document{display:block!important;max-width:none;margin:0;padding:0;font-family:system-ui,sans-serif;font-size:11pt;line-height:1.7}#print-document pre{white-space:pre-wrap;overflow-wrap:anywhere}#print-document pre code{white-space:pre-wrap}#print-document table{display:table;width:100%}#print-document img{max-height:80vh;object-fit:contain}#print-document :is(h1,h2,h3,h4){break-after:avoid}#print-document :is(pre,blockquote,tr,img){break-inside:avoid}@page{margin:18mm}}
#writing-editor .toastui-editor-contents .task-list-item::before{background:#fff;border:1px solid #ccc;border-radius:0;top:5px}
#writing-editor .toastui-editor-contents .task-list-item.checked::before{content:'✓';background:#111;border-color:#111;color:#fff;font:13px/16px system-ui;text-align:center}
#writing-editor .toastui-editor-md-list-item-style,#writing-editor .toastui-editor-md-code.toastui-editor-md-marked-text{color:#444}
#writing-editor .toastui-editor-md-code{background:#f4f4f4}#writing-editor .toastui-editor-md-code-block-line-background{background:#f6f6f6}
#writer-download{font-size:11px;text-decoration:underline;text-underline-offset:3px;margin-left:auto;white-space:nowrap}
/* Keep dropdown hit testing above the editor's independently scrolling surface. */
.writing-header{position:relative;z-index:20}.writing-layout{position:relative;z-index:0}.writing-menu-panel{isolation:isolate}
@media(max-width:700px){
  #editor-page[data-mode=split] .toastui-editor-main-container{width:100%;height:100%}
  #editor-page[data-mode=split] .toastui-editor-md-container{height:100%;flex-direction:column}
  #editor-page[data-mode=split] .toastui-editor-md-container>.toastui-editor{width:100%;height:50%;flex:0 0 50%;min-height:0}
  #editor-page[data-mode=split] .toastui-editor-md-preview{width:100%;height:50%;flex:1;min-height:0}
}
#writing-editor .toastui-editor-defaultUI-toolbar button{min-height:32px;height:32px}
#writer-block-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0;background:#fafafa;border-top:1px solid #eee;padding:6px 24px;font-size:11px}#writer-block-label{color:#777;margin-right:auto}#writer-block-actions button{font-size:11px;padding:6px 10px;min-height:34px}#writer-block-actions button:hover{background:#eee}#writer-block-delete{text-decoration:underline;text-underline-offset:3px}#writer-code-language{width:110px;border:0;border-bottom:1px solid #ddd;background:none;padding:7px;font-size:11px}#writer-inline-hint{padding:8px 28px;color:#777;font-size:11px;border-top:1px solid #eee}
#writing-editor .writer-code-block{position:relative;background:#f6f6f6;margin:20px 0}#writing-editor .writer-code-block pre{margin:0;padding:36px 20px 20px;min-height:86px}#writing-editor .writer-code-block code{display:block;min-height:1.95em;white-space:pre-wrap;outline:none;background:none}#writing-editor .writer-code-language{position:absolute;top:7px;right:12px;font:11px/1.5 monospace;color:#777;user-select:none}
#writing-editor .writer-search-match{background:#e2e2e2;border-bottom:1px solid #888}#writing-editor .writer-search-current{background:#111!important;color:#fff!important;outline:2px solid #111}#writing-editor .writer-search-current *{color:#fff!important}
/* Native markers share the text baseline, including wrapped and nested items. */
#writing-editor .toastui-editor-contents ul>li:not(.task-list-item){list-style-type:disc}
#writing-editor .toastui-editor-contents ol>li:not(.task-list-item){list-style-type:decimal}
#writing-editor .toastui-editor-contents :is(ul,ol)>li:not(.task-list-item)::before{content:none}
#writing-editor .toastui-editor-contents li{line-height:1.95}
#writing-editor .toastui-editor-contents li::marker{color:#777;font:inherit}
#writing-editor .toastui-editor-contents li>p{margin:0;line-height:inherit}
#writing-editor .toastui-editor-contents li>p+p{margin-top:12px}
#writing-editor .toastui-editor-contents .task-list-item::before{top:calc((1.95em - 18px)/2);font-size:inherit}
/* Automatic caret scrolling must not repeatedly flash macOS overlay scrollbars.
   Wheel, touch and keyboard scrolling remain available in typewriter mode. */
#editor-page.typewriter-mode :is(.ProseMirror,.toastui-editor-md-preview){scrollbar-width:none;overflow-anchor:none}
#editor-page.typewriter-mode :is(.ProseMirror,.toastui-editor-md-preview)::-webkit-scrollbar{display:none}
@media(max-width:700px){#writer-block-actions{padding:6px 12px;gap:4px}#writer-block-actions button{min-height:40px}#writer-block-label{display:none}#writer-code-language{width:85px}}