:root{--bg:#fff;--bg-side:#f4f5f3;--bg-hover:#eceeeb;--bg-active:#dcefe4;--fg:#1d201e;--fg-dim:#6b716d;--border:#e0e3e0;--accent:#1f7a4d;--accent-fg:#fff;--danger:#c0392b;--shadow:0 8px 30px #00000026;--radius:8px;color:var(--fg);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--bg:#1b1d1c;--bg-side:#222524;--bg-hover:#2b2f2d;--bg-active:#23402f;--fg:#e6e8e6;--fg-dim:#9aa19c;--border:#353a37;--accent:#3fae75;--shadow:0 8px 30px #00000080}}*{box-sizing:border-box}html,body,#app,.app-root{height:100%;margin:0}body{background:var(--bg);overscroll-behavior:none}button,input,select{font:inherit;color:inherit}a{color:var(--accent)}.btn{border:1px solid var(--border);background:var(--bg);border-radius:var(--radius);cursor:pointer;padding:8px 14px}.btn:hover{background:var(--bg-hover)}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.small{padding:4px 10px;font-size:13px}.btn.wide{width:100%}.btn.dim{opacity:.5}.btn:disabled{opacity:.6;cursor:default}.icon-btn{cursor:pointer;color:var(--fg-dim);background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:18px;line-height:1}.icon-btn:hover{background:var(--bg-hover);color:var(--fg)}.icon-btn.small{padding:4px 6px;font-size:14px}.error{color:var(--danger);font-size:14px}.ok{color:var(--accent);font-size:14px}.note-text{color:var(--fg-dim);font-size:13px;line-height:1.6}.row{display:flex}.gap{gap:8px}.mobile-only{display:none}.splash{height:100%;color:var(--fg-dim);flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);z-index:100;cursor:pointer;background:#2b2f2d;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;position:fixed;transform:translate(-50%)}.toast.error{background:var(--danger)}.auth{background:var(--bg-side);justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex}.auth-card{background:var(--bg);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:12px;padding:28px}.auth-logo{align-items:center;gap:10px;margin-bottom:8px;font-size:22px;font-weight:700;display:flex}.auth h1{margin:12px 0;font-size:20px}.auth label,.modal label{color:var(--fg-dim);margin:12px 0;font-size:13px;display:block}.auth input[type=email],.auth input[type=password],.auth input[type=text],.modal input[type=password]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--fg);margin-top:4px;padding:10px;font-size:16px;display:block}.auth .btn.wide{margin-top:12px;padding:12px}.links{justify-content:space-between;margin-top:16px;font-size:13px;display:flex}.check{align-items:center;gap:8px;color:var(--fg)!important;font-size:15px!important;display:flex!important}.recovery-key{letter-spacing:1px;background:var(--bg-side);border-radius:var(--radius);word-break:break-all;-webkit-user-select:all;user-select:all;margin:12px 0;padding:14px;font-family:ui-monospace,Consolas,monospace;font-size:17px;line-height:1.8}.main{grid-template-columns:240px 340px 1fr;height:100%;display:grid}.col-nav,.col-list,.col-editor{min-width:0;min-height:0}.sidebar{background:var(--bg-side);border-right:1px solid var(--border);flex-direction:column;display:flex}.side-head{padding:12px}.side-scroll{flex:1;padding:0 6px 12px;overflow-y:auto}.side-section{color:var(--fg-dim);justify-content:space-between;align-items:center;padding:14px 8px 4px;font-size:12px;font-weight:600;display:flex}.side-row{align-items:center;display:flex}.side-row .side-item{flex:1}.side-row .icon-btn{visibility:hidden}.side-row:hover .icon-btn{visibility:visible}.side-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;gap:8px;width:100%;padding:7px 10px;display:flex}.side-item span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-item:hover{background:var(--bg-hover)}.side-item.active{background:var(--bg-active);font-weight:600}.count{color:var(--fg-dim);flex-shrink:0;font-size:12px}.side-foot{padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);align-items:center;display:flex}.sync-state{color:var(--fg-dim);flex:1;font-size:12px}.notelist{border-right:1px solid var(--border);flex-direction:column;display:flex}.list-head{align-items:center;gap:8px;padding:14px 14px 6px;display:flex}.list-head h2{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:18px;overflow:hidden}.list-tools{border-bottom:1px solid var(--border);gap:6px;padding:6px 12px 10px;display:flex}.search{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex:1;min-width:0;padding:8px 10px;font-size:15px}.sort{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:0 6px}.trash-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.card-purge{color:var(--danger)}.list-scroll{flex:1;overflow-y:auto}.empty,.more{color:var(--fg-dim);text-align:center;padding:24px 12px;font-size:14px}.note-card{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;width:100%;padding:12px 14px;display:block}.note-card:hover{background:var(--bg-hover)}.note-card.active{background:var(--bg-active)}.card-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.card-snippet{color:var(--fg-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-meta{color:var(--fg-dim);gap:10px;font-size:12px;display:flex}.card-nb{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor{background:var(--bg);flex-direction:column;display:flex}.editor-empty{color:var(--fg-dim);text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.editor-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:48px;padding:8px 14px;display:flex}.nb-select{cursor:pointer;background:0 0;border:none;border-radius:6px;max-width:50%;padding:4px}.nb-select:hover{background:var(--bg-hover)}.spacer{flex:1}.saved-at{color:var(--fg-dim);font-size:12px}.trash-note{color:var(--danger);font-size:14px}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:2px;padding:6px 10px;display:flex}.toolbar button{cursor:pointer;min-width:34px;height:32px;color:var(--fg);background:0 0;border:none;border-radius:6px}.toolbar button:hover{background:var(--bg-hover)}.toolbar .sep{background:var(--border);width:1px;margin:4px}.editor-scroll{flex:1;padding:18px 28px 80px;position:relative;overflow-y:auto}.title-input{background:0 0;border:none;outline:none;width:100%;padding:4px 0;font-size:26px;font-weight:700}.tags-row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 14px;display:flex}.tag-chip{background:var(--bg-side);border-radius:12px;align-items:center;padding:2px 4px 2px 10px;font-size:13px;display:inline-flex}.tag-chip button{cursor:pointer;color:var(--fg-dim);background:0 0;border:none;padding:0 6px}.tag-input{background:0 0;border:none;outline:none;width:120px;padding:4px;font-size:13px}.note-body{overflow-wrap:anywhere;outline:none;min-height:50vh;font-size:16px;line-height:1.75}.note-body img{border-radius:4px;max-width:100%;height:auto}.note-body img:not([src]){background:var(--bg-side);min-width:120px;min-height:80px;display:inline-block}.note-body table{border-collapse:collapse;max-width:100%}.note-body td,.note-body th{border:1px solid var(--border);padding:4px 8px}.note-body pre{background:var(--bg-side);border-radius:6px;padding:10px;overflow-x:auto}.note-body blockquote{border-left:3px solid var(--border);color:var(--fg-dim);margin-left:0;padding-left:12px}ul.checklist{padding-left:4px;list-style:none}ul.checklist>li{padding-left:28px;position:relative}ul.checklist>li:before{content:"";border:2px solid var(--fg-dim);cursor:pointer;border-radius:4px;width:16px;height:16px;position:absolute;top:.35em;left:2px}ul.checklist>li[data-checked=true]{color:var(--fg-dim);text-decoration:line-through}ul.checklist>li[data-checked=true]:before{background:var(--accent);border-color:var(--accent)}ul.checklist>li[data-checked=true]:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:.05em;left:5px}.note-body div.att{border:1px solid var(--border);background:var(--bg-soft,#00000008);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;max-width:420px;margin:6px 0;padding:8px 12px;display:flex}.note-body div.att:hover{border-color:var(--accent)}.note-body div.att .att-icon{font-size:20px}.note-body div.att .att-open{color:var(--accent);font-size:12px}.note-body .att-selected{outline:3px solid var(--accent);outline-offset:2px}.note-body img.att-failed{border:1px dashed var(--danger);min-width:200px;min-height:48px;color:var(--danger);cursor:pointer;padding:8px;font-size:13px;display:inline-block}.removed-wrap{position:relative}.removed-pop{z-index:20;background:var(--bg);border:1px solid var(--border);width:300px;max-height:300px;box-shadow:var(--shadow);border-radius:8px;padding:8px;position:absolute;top:100%;right:0;overflow-y:auto}.removed-head{color:var(--fg-dim);margin-bottom:6px;font-size:12px}.removed-row{align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.toast-action{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid;border-radius:6px;margin-left:12px;padding:2px 10px}.att-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.att-size{color:var(--fg-dim);font-size:12px}.uploading{color:var(--fg-dim);font-size:13px}.modal-back{z-index:50;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);width:100%;max-width:440px;max-height:90vh;box-shadow:var(--shadow);border-radius:12px;padding:8px 22px 22px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal h2{font-size:18px}.modal h3{margin:20px 0 6px;font-size:14px}.modal section+section{border-top:1px solid var(--border)}@media (width<=800px){.mobile-only{display:inline-block}.main{display:block;position:relative}.col-nav,.col-list,.col-editor{display:none;position:absolute;inset:0}.pane-nav .col-nav,.pane-list .col-list,.pane-editor .col-editor{display:flex}.sidebar,.notelist{border-right:none}.side-row .icon-btn{visibility:visible}.editor-scroll{padding:14px 16px 80px}.title-input{font-size:22px}.list-head{padding-top:calc(14px + env(safe-area-inset-top))}.editor-head{padding-top:calc(8px + env(safe-area-inset-top))}.side-head{padding-top:calc(12px + env(safe-area-inset-top))}}@media (width>=801px) and (width<=1100px){.main{grid-template-columns:200px 280px 1fr}}.modal.import{max-width:760px}.modal.import label.btn{color:inherit;font-size:inherit;cursor:pointer;margin:8px 0;display:inline-block}.import-files{padding-left:18px;font-size:13px}.import-bar{background:var(--border);border-radius:4px;height:8px;margin:12px 0 4px;overflow:hidden}.import-bar>div{background:var(--accent);height:100%;transition:width .2s}.import-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:12px}.import-table th,.import-table td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:4px 6px}.import-table th:first-child,.import-table td:first-child{text-align:left;white-space:normal}.import-table tr.total td{font-weight:700}.import-errors{max-height:200px;padding-left:18px;font-size:12px;overflow-y:auto}@media (width<=600px){.import-table{display:block;overflow-x:auto}}.ocr-layer{pointer-events:none;z-index:5;width:0;height:0;position:absolute;top:0;left:0}.ocr-box{background:#ffc40059;border:2px solid #e69600e6;border-radius:3px;position:absolute}.note-body div.att.ocr-hit{background:#ffc4002e;border-color:#e69600e6}.card-ocr{color:#b07000}.ocr-pop{width:360px;max-height:60vh}.ocr-item+.ocr-item{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.ocr-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:13px;font-weight:700;overflow:hidden}.ocr-text{white-space:pre-wrap;word-break:break-all;font:inherit;max-height:200px;margin:0;font-size:12px;overflow-y:auto}.ocr-none{color:var(--fg-dim);font-size:12px}.nb-menu-back{z-index:60;position:fixed;inset:0}.nb-menu{background:var(--bg);border:1px solid var(--border);min-width:180px;box-shadow:var(--shadow);border-radius:8px;padding:4px 0;position:fixed}.nb-menu-title{color:var(--fg-dim);border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;padding:6px 14px;font-size:12px;overflow:hidden}.nb-menu button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:9px 14px;display:block}.nb-menu button:hover{background:var(--bg-soft,#0000000d)}.nb-menu button.dim{opacity:.5}.nb-move-select{max-width:calc(100% - 26px);margin:4px 0 12px 26px;display:block}.modal.translate{max-width:720px}.tr-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.tr-controls label{margin:0}.tr-controls select{margin-top:4px;display:block}.tr-result{border-top:1px solid var(--border);margin-top:12px;padding-top:8px}.tr-title{margin:8px 0;font-size:16px}.tr-body{max-height:50vh;overflow-y:auto}.icon-btn.dim,.btn.small.dim{opacity:.45}.ocr-tr{border-left:3px solid var(--border);margin-top:6px;padding-left:8px}.note-body a.note-link{color:var(--accent);border-bottom:1px dashed var(--accent);cursor:pointer;text-decoration:none}.note-body a.note-link:before{content:"📝 "}.note-body a.note-link.trashed,.note-body a.note-link.missing{color:var(--fg-dim);border-bottom-color:var(--fg-dim);text-decoration:line-through}.tr-remaining{margin:6px 0;padding-left:18px;font-size:13px}.list-head .btn.small{margin-left:8px}.select-bar{border-bottom:1px solid var(--border);background:var(--bg-soft,#00000008);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.select-bar .check{margin:0 8px 0 0}.select-bar .sel-count{color:var(--fg-dim);margin-right:auto}.note-card.picked{background:#1f7a4d1a}.note-card .pick{margin-right:6px}.bulk-progress{z-index:110;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;min-width:260px;padding:8px 14px;font-size:13px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.vis-mark{margin-left:4px;font-size:12px}.show-hidden{color:var(--fg-dim);margin:2px 12px 6px;font-size:12px}.nb-menu-sub{color:var(--fg-dim);border-top:1px solid var(--border);padding:6px 14px 2px;font-size:11px}.card-geo{font-size:11px}.geo-at{color:var(--fg-dim);font-size:12px}.removed-row a.btn{white-space:nowrap;text-decoration:none}.auth-lang{justify-content:center;font-size:12px}.auth-lang a.current{color:inherit;font-weight:700;text-decoration:none}.side-secret{border:1px dashed var(--border);color:var(--fg-dim);cursor:pointer;text-align:left;background:0 0;border-radius:6px;margin:2px 12px 6px;padding:4px 8px;font-size:12px;display:block}.clip-btn{margin-top:6px;font-size:13px}.link-menu{max-width:280px}.link-menu .nb-menu-title{white-space:nowrap}.side-row .tag-indent{flex:none}.side-row .tag-fold{width:18px;color:var(--fg-dim);cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:12px}.side-row.drop-on,.side-section.drop-on{outline:2px dashed var(--accent);outline-offset:-2px;border-radius:6px}.tag-chip{position:relative}.tag-chip-label{cursor:pointer}.tag-chip-menu{z-index:30;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;box-shadow:var(--shadow);flex-direction:column;gap:2px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;left:0}.tag-chip-full{color:var(--fg-dim);word-break:break-all;padding:2px 4px;font-size:12px}.tag-chip-menu button{text-align:left;cursor:pointer;color:var(--fg);background:0 0;border:0;padding:4px}.tag-chip-menu button:hover{background:var(--bg-hover)}.side-row{min-width:0}.side-row .side-item{min-width:0;overflow:hidden}.side-row .side-item>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-scroll{overflow-x:hidden}.toolbar.kb-show{-webkit-overflow-scrolling:touch;scrollbar-width:none;left:0;right:0;bottom:var(--kb-offset,0px);z-index:40;background:var(--bg);border-top:1px solid var(--border);padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-bottom:none;flex-wrap:nowrap;display:flex;position:fixed;overflow-x:auto}.toolbar.kb-show::-webkit-scrollbar{display:none}.toolbar.kb-show button{flex:none;min-width:40px;min-height:40px}.toolbar.kb-show .sep{flex:none}.search-box{flex:1;align-items:stretch;gap:4px;min-width:0;display:flex;position:relative}.search-field{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:text;flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;padding:4px 6px;display:flex}.search-input{min-width:80px;color:var(--fg);background:0 0;border:0;outline:none;flex:1;padding:4px 2px;font-size:15px}.search-chip{background:var(--bg-hover);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:2px 4px 2px 8px;font-size:13px;display:inline-flex;overflow:hidden}.search-chip button{cursor:pointer;color:var(--fg-dim);background:0 0;border:0;min-width:24px;min-height:24px;padding:0 4px;font-size:15px}.search-pick{flex:none;min-width:40px;padding:0 8px}.search-panel{z-index:30;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);max-height:50vh;box-shadow:var(--shadow);flex-direction:column;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-panel-filter{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);margin-bottom:4px;padding:8px;font-size:15px}.search-option{text-align:left;cursor:pointer;color:var(--fg);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:10px 8px;font-size:14px;overflow:hidden}.search-option:hover{background:var(--bg-hover)}.list-tools{flex-wrap:wrap}.list-tools .search-box{flex:100%}.list-tools .sort{margin-left:auto;padding:4px 6px}.search-pick{padding:4px 8px}.new-note-btn{justify-content:center;gap:2px;min-width:0;display:flex}.new-note-to{opacity:.85;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:400;overflow:hidden}.toolbar{transition:opacity .12s}.toolbar:not(.writing){visibility:hidden;opacity:0}.toolbar.touch:not(.kb-show){display:none}.side-divider{background:var(--border);height:1px;margin:6px 10px}.card-ocr{background:var(--bg-hover);color:var(--fg-dim);cursor:help;border-radius:4px;padding:0 4px;font-size:12px}.card-ocr.failed{color:var(--danger)}div.att{position:relative}.att-ocr,.ocr-mark{background:var(--bg);border:1px solid var(--border);color:var(--fg-dim);cursor:help;border-radius:4px;padding:1px 4px;font-size:12px}.att-ocr{position:absolute;top:4px;right:4px}.ocr-mark{pointer-events:auto;position:absolute}.att-ocr[data-kind=failed],.ocr-mark[data-kind=failed]{color:var(--danger)}.att-ocr{flex:none;margin-left:6px;position:static}.ocr-mark{align-items:center;gap:6px;display:inline-flex;transform:translate(-100%)}.ocr-mark-retry,.att-ocr-retry{border:1px solid var(--border);background:var(--bg);color:var(--accent);cursor:pointer;border-radius:4px;flex:none;margin-left:6px;padding:1px 8px;font-size:12px}.ocr-mark-retry{margin-left:0}.ocr-mark-retry.dim,.att-ocr-retry.dim{opacity:.45}.toolbar.touch .tb-attach{order:-2}.toolbar.touch .tb-attach-sep{order:-1}.camera-modal{max-width:720px}.camera-view{border-radius:var(--radius);background:#000;min-height:200px;margin-bottom:10px;position:relative;overflow:hidden}.camera-view video,.camera-view img{object-fit:contain;width:100%;max-height:60vh;display:block}.camera-wait{color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}html,body{max-width:100%;overflow-x:hidden}.app-root,.main,.editor,.notelist,.sidebar{min-width:0;max-width:100vw}.editor-head{min-width:0;position:relative}.editor-head .nb-select{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.head-tools{display:contents}.saved-dot{color:var(--fg-dim);padding:0 2px;font-size:13px}@media (width<=800px){.saved-at{display:none}.editor-head{gap:4px;padding-left:8px;padding-right:8px}.editor-head .nb-select{flex:auto;max-width:none}.editor-head .spacer,.head-tools{display:none}.head-tools.open{z-index:30;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);max-width:calc(100vw - 16px);box-shadow:var(--shadow);flex-wrap:wrap;gap:4px;padding:6px;display:flex;position:absolute;top:100%;right:8px}.head-tools .removed-wrap{position:static}.head-tools.open{width:min(320px,100vw - 16px)}.head-tools .removed-pop{width:auto;margin-top:4px;top:100%;left:0;right:0}.removed-pop{max-width:calc(100vw - 16px)}}.note-body{max-width:100%}.note-body *{box-sizing:border-box;max-width:100%!important}.note-body img{cursor:zoom-in;height:auto!important}.note-body table{display:block;overflow-x:auto}.note-body pre,.note-body code{white-space:pre-wrap}.editor-scroll{min-width:0;overflow-x:hidden}.viewer{z-index:200;touch-action:none;background:#000000eb;outline:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.viewer img{object-fit:contain;-webkit-user-select:none;user-select:none;transform-origin:50%;max-width:100%;max-height:100%}.viewer-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));color:#fff;background:#0009;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;transform:translate(-50%)}.viewer-bar .icon-btn{color:#fff;min-width:40px;min-height:40px;font-size:20px}.viewer-scale{text-align:center;min-width:44px;font-size:13px}.note-body div.att{max-width:min(420px,100%)!important}.history-modal{width:calc(100vw - 32px);max-width:960px}.history-body{grid-template-columns:260px 1fr;gap:12px;min-height:0;max-height:70vh;display:grid}.history-list{border-right:1px solid var(--border);margin:0;padding:0;list-style:none;overflow-y:auto}.history-item{text-align:left;cursor:pointer;width:100%;color:var(--fg);background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:flex-start;padding:8px 10px;display:flex}.history-item:hover{background:var(--bg-hover)}.history-item.active{background:var(--bg-hover);outline:2px solid var(--accent);outline-offset:-2px}.history-when{font-size:13px;font-weight:700}.history-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.history-chars{color:var(--fg-dim);font-size:12px}.history-view{min-width:0;overflow-y:auto}.history-view-title{margin:0 0 8px}.history-readonly{border:1px dashed var(--border);border-radius:var(--radius);min-height:0;margin-bottom:10px;padding:10px}@media (width<=800px){.history-body{grid-template-columns:1fr;max-height:none}.history-list{border-right:0;border-bottom:1px solid var(--border);max-height:30vh}}.diag-log{background:var(--bg-side);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);font-family:ui-monospace,monospace;font-size:11px}.note-body img[data-att],.viewer img{-webkit-touch-callout:default;-webkit-user-drag:auto}