:root{color-scheme:light;--ink:#293b32;--muted:#66756b;--green:#42664e;--line:#d9dfd6;--cream:#fff7e6;--available-height:100svh;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px}
*{box-sizing:border-box}body{margin:0;background:#f3f1e9;color:var(--ink);line-height:1.65}button,input,textarea,summary{font:inherit}button,summary{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid #bacabc;border-radius:8px;background:#fffdf5;color:var(--green);padding:8px 16px;cursor:pointer;font-weight:600}button:hover{background:#edf1e9}button:disabled{cursor:default;opacity:.4}button.quiet{background:transparent;border-color:transparent}button.quiet:hover{background:#e8ece3}button.small{font-size:.85rem;padding:7px 11px}button.danger{color:#95483d}button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,.paper-viewport:focus-visible{outline:3px solid #99b499;outline-offset:3px}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}input,textarea{color:#252e29}textarea{resize:vertical}h1,h2,p{margin:0}h2{font-size:1rem;font-weight:650}button,summary{touch-action:manipulation}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{width:min(1240px,100%);margin:0 auto;padding:30px 32px calc(24px + env(safe-area-inset-bottom))}.site-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:24px}.brand{font-size:.66rem;letter-spacing:.17em;font-weight:750}.brand span{font-size:.61rem;color:var(--muted);margin-left:18px;font-weight:500;letter-spacing:.1em}h1{display:flex;align-items:center;gap:14px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:2.4rem;font-weight:600;line-height:1.6;letter-spacing:.05em}.title-seal{font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #9b5d4b;width:25px;height:29px;line-height:1;color:#9b5d4b;border-radius:2px}.tagline{font-size:.84rem;color:var(--muted);letter-spacing:.05em}.save-block{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.save-status{font-size:.8rem;color:var(--green);display:flex;align-items:center;gap:6px}.save-status:before{content:"";width:7px;height:7px;background:#6c8c6f;border-radius:50%}.save-status.unsaved{color:#925441}.save-status.unsaved:before{background:#b77e61}.local-label{font-size:.7rem;color:var(--muted)}.top-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:16px 0}.action-group{display:flex;gap:5px}.export-menu{position:relative}.export-menu>summary{display:flex;align-items:center;gap:15px;min-height:44px;cursor:pointer;list-style:none;padding:8px 13px;border:1px solid #bacabc;border-radius:8px;background:#fffdf5;font-size:.9rem;font-weight:600}.export-menu>summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;right:0;top:52px;z-index:20;background:#fffdf6;width:300px;max-width:calc(100vw - 36px);box-shadow:0 12px 40px #293b321c;border:1px solid var(--line);border-radius:12px;padding:12px}.menu-panel p{font-size:.72rem;color:var(--muted);padding:5px 9px}.menu-panel button{display:block;width:100%;text-align:left;border:0;border-radius:6px;font-weight:500;font-size:.88rem}.menu-panel hr{border:0;border-top:1px solid var(--line);margin:8px}.warning{padding:13px 16px;border:1px solid #d8b89c;background:#fff3df;border-radius:8px;margin-bottom:16px;color:#795139;font-size:.86rem}.document-head{padding:8px 0 22px;display:flex;align-items:center;gap:20px}.document-head label{font-size:.8rem;color:var(--muted);flex-shrink:0}.document-head input{padding:7px 0;border:0;border-bottom:1px solid #c7d0c4;background:transparent;min-width:0;width:100%;font-size:1.15rem;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;border-radius:0}
.workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:28px;align-items:start}.editor-card{background:#fafbf7;border:1px solid var(--line);border-radius:12px;padding:20px;position:sticky;top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.section-heading button{margin:-7px -5px -7px 0}#editor{display:block;width:100%;min-height:240px;height:370px;max-height:70svh;border:1px solid #d2dacf;border-radius:8px;background:#fffefa;padding:15px 16px;font-size:16px;line-height:1.9;scroll-margin-top:12px}#editor::placeholder{color:#99a297}.editor-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:11px 0 16px;font-size:.74rem;color:var(--muted)}#character-count{font-variant-numeric:tabular-nums;color:var(--green);white-space:nowrap}#composition-status{text-align:right;font-size:.7rem}.writing-options{display:grid;gap:7px;padding-top:14px;border-top:1px solid var(--line)}.writing-options label{display:flex;align-items:center;gap:8px;min-height:32px;font-size:.8rem;cursor:pointer}.writing-options input{margin:0}.help{border-top:1px solid var(--line);margin-top:15px;padding-top:10px;color:var(--muted);font-size:.77rem}.help summary{cursor:pointer;padding:7px 0;min-height:36px}.help p{margin:10px 0}
.paper-card{min-width:0}.paper-heading{margin:0 3px 12px}.paper-heading h2{display:flex;align-items:center;gap:14px}.paper-heading h2 span{font-size:.7rem;font-weight:400;letter-spacing:.08em;color:var(--muted)}.paper-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#e9ede4;border-radius:8px 8px 0 0;padding:5px 8px;border:1px solid #d6dfd0;border-bottom:0}.page-navigation{display:flex;align-items:center;gap:6px}.page-navigation button{width:44px;font-size:1.7rem;padding:0;border:0;background:transparent;font-weight:400}.page-navigation button:hover{background:#dce5d6}.page-navigation span{font-size:.81rem;min-width:100px;text-align:center;font-variant-numeric:tabular-nums}.paper-viewport{overflow:auto;width:100%;max-height:82svh;border:1px solid #d6dfd0;background:#e6e9de;overscroll-behavior:contain;border-radius:0 0 4px 4px;scrollbar-width:thin}.paper-page{width:100%;line-height:0;box-shadow:0 4px 12px #3749380a}.paper-page svg{display:block;width:100%;height:auto}.zoom-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0}.zoom-toolbar>span{font-size:.72rem;color:var(--muted)}.zoom-controls{display:flex;gap:2px}.zoom-controls button{padding:5px;min-width:44px;border:0;background:transparent;font-weight:500}.zoom-controls button:hover{background:#e4e9df}.zoom-controls #zoom-fit{min-width:57px;font-size:.78rem}.site-footer{margin-top:35px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:.71rem;letter-spacing:.04em;color:var(--muted)}
dialog{color:var(--ink);background:#fffdf6;border:1px solid var(--line);border-radius:14px;width:480px;max-width:calc(100vw - 28px);max-height:85svh;padding:22px;box-shadow:0 25px 100px #23342640}dialog::backdrop{background:#27392e60}dialog:not([open]){display:none}dialog.fallback-open{display:block;position:fixed;inset:8vh 0 auto;z-index:50}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.dialog-heading h2{font-size:1.2rem;font-family:"Yu Mincho","Hiragino Mincho ProN",serif}.dialog-note{color:var(--muted);font-size:.79rem;margin:10px 0 17px}.document-list{display:grid;gap:9px;max-height:50svh;overflow:auto}.document-item{width:100%;text-align:left;padding:13px 14px;border:1px solid var(--line);font-weight:500;display:flex;flex-direction:column;gap:4px;background:#fafbf5;overflow-wrap:anywhere}.document-item[aria-current=true]{border-color:#6d8b6e;background:#edf2e8}.document-item strong{font-size:.98rem;font-weight:600}.document-item span{font-size:.74rem;color:var(--muted)}.dialog-actions{display:flex;gap:5px;justify-content:space-between;margin-top:19px;flex-wrap:wrap}.dialog-actions button{font-size:.84rem}.notice{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:70;background:#304d3d;color:#fffdf6;padding:12px 20px;border-radius:10px;font-size:.88rem;width:max-content;max-width:calc(100vw - 30px);box-shadow:0 4px 22px #21392822;pointer-events:none;overflow-wrap:anywhere}#print-root{display:none}
@media(min-width:1450px){.app-shell{padding-top:40px}.workspace{gap:38px}}
.tagline-primary{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.96rem;letter-spacing:.09em;margin:0 0 3px}.share-filename{margin-top:12px;font-size:.9rem;overflow-wrap:anywhere}.paper-toolbar{background:#efe4d4;border-color:#dac9b7}.paper-viewport{background:#eee4d5;border-color:#dac9b7}
@media(max-width:800px){.app-shell{padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.site-header{padding-bottom:18px}.workspace{grid-template-columns:1fr;gap:24px}.editor-card{position:static;padding:16px}#editor{height:200px;min-height:150px}.document-head{padding-bottom:18px}.paper-viewport{max-height:80svh}.paper-card{scroll-margin-top:12px}.site-footer{margin-top:20px}.keyboard-open .site-header,.keyboard-open .top-actions,.keyboard-open:not(.editing-title) .document-head{display:none}.keyboard-open .app-shell{padding-top:12px}.keyboard-open #editor{height:clamp(100px,calc(var(--available-height) * .36),180px);min-height:100px}.keyboard-open .editor-card{padding:10px 13px}.keyboard-open .editor-footer{margin:5px 0}.keyboard-open .writing-options,.keyboard-open .help{display:none}.keyboard-open .section-heading{margin-bottom:8px}.keyboard-open .paper-viewport{max-height:38svh}}
@media(max-width:420px){h1{font-size:2rem}.brand span{display:none}.tagline{font-size:.74rem;letter-spacing:0}.save-block{gap:4px}.save-status{font-size:.7rem}.local-label{font-size:.62rem}.top-actions{flex-wrap:wrap;gap:9px}.action-group{justify-content:space-between;width:100%}.action-group button{font-size:.87rem}.export-menu{width:100%}.export-menu>summary{justify-content:space-between}.menu-panel{width:100%;max-width:none}.document-head{gap:12px}.document-head label{font-size:.72rem}.document-head input{font-size:16px}.zoom-toolbar>span{max-width:150px}.site-footer{flex-direction:column;gap:4px}.paper-heading h2{gap:8px}.paper-heading h2 span{font-size:.65rem}.paper-toolbar{padding:4px}.page-navigation{gap:0}.page-navigation span{min-width:98px}.paper-toolbar>button{padding:7px}.editor-footer{gap:6px}dialog{padding:17px}}
#image-share-dialog{overflow-y:auto}
#image-share-preview{display:block;width:190px;max-width:100%;height:auto;margin:12px auto;touch-action:auto;-webkit-touch-callout:default}
.image-share-navigation{display:flex;align-items:center;justify-content:center;gap:12px}
#image-page-indicator{font-size:.85rem;min-width:120px;text-align:center}
.share-image-option,.image-share-tip{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.share-image-option .dialog-note{margin:0 0 10px}
@media print{
  @page{size:A4 landscape;margin:0}
  html,body{margin:0!important;padding:0!important;background:white!important;width:297mm!important}
  body>*{display:none!important}body>#print-root{display:block!important;margin:0!important;padding:0!important;width:297mm!important}
  .print-page{width:297mm!important;height:210mm!important;page-break-after:always;break-after:page;break-inside:avoid;page-break-inside:avoid;margin:0!important;padding:0!important;overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .print-page:last-child{page-break-after:auto;break-after:auto}
  .print-page svg{display:block;width:297mm!important;height:210mm!important}
}