:root{--bg:#fff;--card:#f8f9fa;--card-alt:#e5e7eb;--accent:#e07a5f;--accent-deep:#b85c3e;--moment:#9670c9;--moment-deep:#7f5cb1;--letter:#6e8fc3;--letter-deep:#5474a6;--text:#1a1a1a;--text-secondary:#6b7280;--text-helper:#9ca3af;--divider:#e5e7eb;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--status-bg:#fff3cd;--status-text:#856404;--float-btn-bg:#fff;--float-btn-shadow:0 1px 4px #0000001f;--float-btn-press:#1a1a1a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--status-border:#e6d8a8;--scrim:#0000004d;--scrim-strong:#00000073;--radius-card:12px;--radius-button:8px;--radius-thumb:8px;--radius-dialog:10px;--shadow-card:0 2px 8px #2c241614;--shadow-float:0 4px 16px #00000029;--shadow-drawer:0 4px 24px #0000002e;--fs-body:16px;--fs-small:14px;--fs-group:15px;--fs-title:20px;--fs-title-large:22px;--fs-tiny:11px;--letter-block-gap:7px;--letter-block-tail:0px;--letter-heading-lift:4px;--letter-gap-hot:10px;--paper-max:720px;--paper-pad:64px;--sidebar-w:360px;--wall-max:1152px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text);background:var(--card);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--fs-body);line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{color:inherit;font-family:inherit}.web-topbar{z-index:10;background:var(--bg);border-bottom:1px solid var(--divider);position:sticky;top:0}.web-topbar-inner{max-width:var(--paper-max);justify-content:space-between;align-items:center;height:52px;margin:0 auto;padding:0 24px;display:flex;position:relative}.web-topbar-inner-wide{max-width:var(--wall-max)}.web-topbar-center{font-size:var(--fs-small);color:var(--text-secondary);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.web-brand{font-size:var(--fs-small);color:var(--text);font-weight:700;text-decoration:none}.web-topbar-actions{align-items:center;gap:20px;display:flex}.web-desktop{background:var(--card);min-height:calc(100vh - 52px);padding:32px 24px}.web-card{max-width:var(--paper-max);background:var(--bg);border:1px solid var(--divider);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin:0 auto;padding:32px}.web-topbar-textbtn{font-size:var(--fs-small);color:var(--text-secondary)}.web-topbar-textbtn:hover{color:var(--text)}.web-desktop-center{justify-content:center;align-items:center;min-height:100vh;display:flex}.web-login-card{background:var(--bg);border:1px solid var(--divider);border-radius:var(--radius-card);width:360px;max-width:100%;box-shadow:var(--shadow-card);padding:32px}.web-login-tagline{font-size:var(--fs-title);color:var(--text);font-weight:700;line-height:1.4}.web-login-sub{font-size:var(--fs-small);color:var(--text-helper);margin-top:12px}.web-input{border:1px solid var(--divider);border-radius:var(--radius-button);background:var(--bg);width:100%;height:44px;font-size:var(--fs-body);outline:none;margin-top:12px;padding:0 14px;display:block}.web-input:focus{border-color:var(--accent)}.web-pw-wrap{display:block;position:relative}.web-pw-wrap .web-input{padding-right:44px}.web-pw-eye{width:28px;height:28px;color:var(--text-helper);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:13px;right:10px}.web-pw-eye:hover{color:var(--text)}.web-btn-primary{border-radius:var(--radius-button);background:var(--accent-deep);color:#fff;height:44px;font-size:var(--fs-body);padding:0 20px;font-weight:600}.web-btn-primary:disabled{opacity:.6;cursor:default}.web-btn-outline{border-radius:var(--radius-button);background:var(--bg);border:1px solid var(--divider);height:44px;color:var(--text);font-size:var(--fs-body);padding:0 20px}.web-error-text{font-size:var(--fs-small);color:var(--danger);margin-top:8px}.web-overlay{background:var(--scrim);z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.web-dialog{background:var(--bg);border-radius:var(--radius-dialog);box-shadow:var(--shadow-card);width:100%;max-width:560px;padding:24px}.web-dialog-title{font-size:var(--fs-body);font-weight:600}.web-dialog-body{font-size:var(--fs-small);color:var(--text-secondary);white-space:pre-wrap;margin-top:8px;line-height:1.6}.web-dialog-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.web-dialog-btn{font-size:var(--fs-body);border-radius:var(--radius-button);color:var(--text-secondary);padding:8px 16px}.web-dialog-btn-primary{color:var(--accent-deep);font-weight:600}.web-list-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.web-new-letter-btn{align-items:center;gap:6px;display:inline-flex}.web-letter-list{list-style:none}.web-letter-row{border-bottom:1px solid var(--divider);height:56px;color:inherit;justify-content:space-between;align-items:center;gap:16px;margin:0 -12px;padding:0 12px;text-decoration:none;display:flex}.web-letter-row:hover{background:var(--card)}.web-letter-row:last-child{border-bottom:none}.web-letter-title{font-size:var(--fs-body);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.web-letter-meta{font-size:var(--fs-small);color:var(--text-helper);white-space:nowrap;align-items:center;gap:12px;display:flex}.web-letter-pending{color:var(--text-secondary)}.web-empty{text-align:center;color:var(--text-secondary);font-size:var(--fs-body);padding:48px 0}.web-hint-text{color:var(--text-helper);font-size:var(--fs-small);text-align:center;padding:24px 0}.web-retry-btn{font-size:var(--fs-small);color:var(--accent-deep);border:1px solid var(--divider);border-radius:var(--radius-button);margin-top:12px;padding:6px 16px}.web-editor-topbar{max-width:var(--paper-max);justify-content:space-between;align-items:center;gap:16px;height:52px;margin:0 auto;padding:0 24px;display:flex}.web-back-link{font-size:var(--fs-small);color:var(--text-secondary);white-space:nowrap;text-decoration:none}.web-back-link:hover{color:var(--text)}.web-editor-date{font-size:var(--fs-small);color:var(--text-helper)}.web-save-status{text-align:right;min-width:140px;height:20px;display:inline-block;position:relative}.web-save-label{white-space:nowrap;font-size:var(--fs-small)}.web-save-saved{color:var(--success)}.web-save-failed{color:var(--danger)}.web-save-saving{color:var(--text-helper)}.web-paper{max-width:var(--paper-max);background:var(--bg);border:1px solid var(--divider);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:48px var(--paper-pad);margin:0 auto}.web-title-wrap{margin-bottom:12px;position:relative}.web-letter-title-input{width:100%;font-size:var(--fs-title-large);color:var(--text);resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-weight:700;line-height:30px;display:block;overflow:hidden}.web-letter-title-input::placeholder{color:var(--card-alt)}.web-title-count{font-size:var(--fs-tiny);color:var(--text-helper);pointer-events:none;position:absolute;bottom:-6px;right:0}.web-title-count-full{color:var(--danger)}.web-letter-flow{gap:var(--letter-block-gap);flex-direction:column;display:flex;container-type:inline-size}.web-text-block-input{width:100%;padding:0 0 var(--letter-block-tail) 0;box-sizing:border-box;font-family:inherit;font-size:var(--fs-body);color:var(--text);resize:none;background:0 0;border:none;outline:none;line-height:28px;display:block;overflow:hidden}.web-draft-input{width:100%;min-height:100px;font-size:var(--fs-body);padding-bottom:var(--letter-block-tail);resize:vertical;background:0 0;border:none;outline:none;line-height:28px}.web-heading-input{width:100%;padding:0 0 var(--letter-block-tail) 0;box-sizing:border-box;color:var(--text);resize:none;margin-top:var(--letter-heading-lift);background:0 0;border:none;outline:none;font-family:inherit;font-size:18px;font-weight:600;line-height:26px;display:block;overflow:hidden}.web-heading-input::placeholder{color:var(--card-alt)}.web-gap-hot{height:var(--letter-gap-hot);margin:calc(var(--letter-gap-hot) * -1) 0 calc(var(--letter-block-gap) * -1) 0;justify-content:center;align-items:center;display:flex;position:relative}.web-gap-plus{width:var(--letter-gap-hot);height:var(--letter-gap-hot);border:1px solid var(--divider);background:var(--float-btn-bg);box-shadow:var(--float-btn-shadow);color:var(--text-secondary);font-size:var(--fs-tiny);cursor:pointer;opacity:0;border-radius:50%;line-height:1;transition:opacity .12s}.web-gap-hot:hover .web-gap-plus,.web-gap-plus:focus-visible{opacity:1}.web-foreign-block{font-size:var(--fs-body);color:var(--text-helper)}.web-editor-desktop{padding:32px 24px}.web-editor-layout{max-width:var(--paper-max);margin:0 auto}.web-editor-paper-col{min-width:0}.web-sidebar-wrap{width:var(--sidebar-w);z-index:30;visibility:visible;transition:transform .25s,visibility linear;position:fixed;top:68px;bottom:0;right:0;transform:translate(0)}.web-sidebar-hidden{visibility:hidden;pointer-events:none;transition:transform .25s,visibility 0s linear .25s;transform:translate(100%)}.web-sidebar{background:var(--bg);border-left:1px solid var(--divider);height:100%;box-shadow:var(--shadow-drawer);flex-direction:column;display:flex}.web-sidebar-head{justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.web-sidebar-title{font-size:var(--fs-group);font-weight:600}.web-sidebar-close{font-size:var(--fs-small);color:var(--text-helper);padding:4px 8px}.web-sidebar-filters{border-bottom:1px solid var(--divider);flex-direction:column;gap:8px;padding:4px 20px 12px;display:flex}.web-sidebar-search,.web-sidebar-place{height:38px;font-size:var(--fs-small);margin-top:0}.web-pill-group{gap:6px;display:flex}.web-pill{border:1px solid var(--divider);font-size:var(--fs-small);color:var(--text-secondary);background:var(--bg);border-radius:999px;padding:4px 12px}.web-pill-on{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.web-sidebar-list{flex:1;padding:8px 12px;overflow-y:auto}.web-month-header{font-size:var(--fs-small);color:var(--text-helper);background:var(--bg);padding:10px 8px 6px;position:sticky;top:0}.web-frag-card{border-radius:var(--radius-button);align-items:center;gap:4px;padding:4px;display:flex}.web-frag-card-on{background:var(--card)}.web-frag-check{border:1.5px solid var(--divider);width:22px;height:22px;font-size:var(--fs-small);color:#fff;border-radius:50%;flex-shrink:0;line-height:1}.web-frag-card-on .web-frag-check{background:var(--accent);border-color:var(--accent)}.web-frag-main{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 4px;display:flex}.web-frag-thumb{object-fit:cover;border-radius:var(--radius-thumb);flex-shrink:0;width:76px;height:76px}.web-frag-thumb-empty{background:var(--card-alt)}.web-frag-text{font-size:var(--fs-small);color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.web-frag-used{font-size:var(--fs-tiny);color:var(--success);flex-shrink:0}.web-load-more{font-size:var(--fs-small);color:var(--text-secondary);border:1px solid var(--divider);border-radius:var(--radius-button);margin:8px auto;padding:6px 16px;display:block}.web-sidebar-footer{border-top:1px solid var(--divider);flex-direction:column;gap:10px;padding:12px 20px 16px;display:flex}.web-form-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.web-form-label{font-size:var(--fs-tiny);color:var(--text-helper)}.web-insert-btn{width:100%}.web-data-asof{font-size:var(--fs-tiny);color:var(--text-helper);text-align:center}.web-frag-detail-text{font-size:var(--fs-body);white-space:pre-wrap;line-height:28px}.web-frag-detail-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.web-frag-detail-grid img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-thumb);width:100%}.web-frag-detail-grid .web-frag-thumb-empty{aspect-ratio:1;border-radius:var(--radius-thumb);background:var(--card-alt)}.web-frag-detail-meta{font-size:var(--fs-small);color:var(--text-helper);margin-top:12px}.web-editor-status-group{align-items:center;gap:16px;display:flex}.web-drawer-handle{border-radius:var(--radius-button);background:var(--bg);border:1px solid var(--divider);width:40px;height:40px;box-shadow:var(--shadow-card);color:var(--moment);z-index:40;opacity:.45;justify-content:center;align-items:center;transition:right .25s,opacity .15s;display:flex;position:fixed;top:50%;right:8px;transform:translateY(-50%)}.web-drawer-handle:hover,.web-drawer-handle:focus-visible,.web-drawer-handle-active{opacity:1}.web-drawer-handle-open{right:calc(var(--sidebar-w) + 8px)}.web-drawer-badge{background:var(--accent-deep);color:#fff;min-width:16px;height:16px;font-size:var(--fs-tiny);text-align:center;border-radius:8px;padding:0 4px;line-height:16px;position:absolute;top:-6px;right:-6px}.web-section-handle{border-radius:var(--radius-button);background:var(--bg);border:1px solid var(--divider);width:40px;height:40px;box-shadow:var(--shadow-card);color:var(--text);z-index:40;opacity:.45;justify-content:center;align-items:center;transition:right .25s,opacity .15s,color .15s;display:flex;position:fixed;top:calc(50% + 52px);right:8px;transform:translateY(-50%)}.web-section-handle:hover,.web-section-handle:focus-visible,.web-section-handle-active{opacity:1}.web-section-handle-active{color:var(--accent);border-color:var(--accent)}.web-section-handle-open{right:calc(var(--sidebar-w) + 8px)}html{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[role=checkbox]:focus-visible,[role=switch]:focus-visible,summary:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}.web-fragblock,.web-imageblock,.web-quotetext-row{transition:opacity .12s}.web-fragblock:active,.web-imageblock:active,.web-quotetext-row:active{opacity:.8;transition:opacity}.web-block-menu-btn:active,.web-media-del:active,.web-gap-plus:active{background:var(--float-btn-press)}.web-dialog-btn:active,.web-topbar-textbtn:active,.web-new-letter-btn:active,.web-insert-btn:active,.web-read-edit-btn:active,.web-home-new-btn:active,.web-retry-btn:active,.web-convert-item:active,.web-appendix-item:active{opacity:.6}.web-dialog-dissolve{padding:20px}.web-dissolve-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.web-dissolve-title{font-size:var(--fs-body);color:var(--text);font-weight:600}.web-dissolve-progress{font-size:var(--fs-small);color:var(--text-helper);margin:0}.web-dissolve-text{font-size:var(--fs-body);white-space:pre-wrap;max-height:112px;margin-top:12px;line-height:28px;overflow-y:auto}.web-dissolve-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.web-dissolve-cell{border-radius:var(--radius-thumb);background:var(--card-alt);border:2px solid #0000;padding:0;position:relative;overflow:hidden}.web-dissolve-cell img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.web-dissolve-cell .web-frag-thumb-empty{aspect-ratio:1;width:100%;display:block}.web-dissolve-cell-on{border-color:var(--accent)}.web-dissolve-check{background:var(--accent);color:#fff;width:22px;height:22px;font-size:var(--fs-small);border-radius:50%;line-height:22px;position:absolute;top:6px;right:6px}.web-dissolve-video-mark{font-size:var(--fs-tiny);color:#fff;background:#0000008c;border-radius:4px;padding:2px 6px;position:absolute;bottom:6px;left:6px}.web-dissolve-text-toggle{min-height:44px;font-size:var(--fs-body);color:var(--text);cursor:pointer;align-items:center;gap:10px;margin-top:12px;display:flex;position:relative}.web-dissolve-check-native{opacity:0;width:20px;height:20px;margin:0;position:absolute}.web-dissolve-checkmark{border:1px solid var(--divider);background:var(--bg);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;display:inline-flex}.web-dissolve-check-native:checked+.web-dissolve-checkmark{background:var(--accent);border-color:var(--accent)}.web-dissolve-check-native:checked+.web-dissolve-checkmark:after{content:"✓"}.web-dissolve-check-native:focus-visible+.web-dissolve-checkmark{outline:2px solid var(--accent-deep);outline-offset:2px}.web-dissolve-summary{min-height:20px;font-size:var(--fs-small);color:var(--text-secondary);margin-top:8px}.web-dissolve-actions{gap:12px;margin-top:12px;display:flex}.web-dissolve-cancel,.web-dissolve-confirm{border-radius:var(--radius-button);height:44px;font-size:var(--fs-body);white-space:nowrap;flex:1}.web-dissolve-cancel{border:1px solid var(--divider);color:var(--text);background:0 0}.web-dissolve-confirm{background:var(--accent-deep);color:#fff;border:none;font-weight:600}.web-dissolve-confirm:disabled{background:#b85c3e59}@media (min-width:480px){.web-dissolve-cancel,.web-dissolve-confirm{flex:none;min-width:120px}.web-dissolve-actions{justify-content:flex-end}}.web-ref-hover{position:relative}.web-ref-hover .web-block-menu-btn{opacity:0;transition:opacity .12s}.web-ref-hover:hover .web-block-menu-btn{opacity:1}.web-block-menu-btn{z-index:2;background:var(--float-btn-bg);width:24px;height:24px;box-shadow:var(--float-btn-shadow);color:var(--text-secondary);font-size:var(--fs-small);border-radius:50%;line-height:1;position:absolute;top:6px;right:6px}.web-fragblock{background:var(--card);border-left:3px solid var(--moment);border-radius:var(--radius-button);margin-bottom:var(--letter-block-tail);cursor:pointer;padding:12px 16px}.web-fragblock-img{object-fit:cover;border-radius:var(--radius-thumb);width:76px;height:76px;margin-bottom:8px}.web-fragblock-text{font-size:var(--fs-small);color:var(--text);-webkit-line-clamp:3;white-space:pre-wrap;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.web-fragblock-deleted,.web-quotetext-deleted{color:var(--text-helper);background:var(--card);border-radius:var(--radius-button);padding:8px 12px}.web-quotetext{color:var(--moment-deep);font-size:var(--fs-body);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-underline-offset:4px;margin-bottom:var(--letter-block-tail);padding-left:4px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;overflow:hidden}.web-ref-hover:hover .web-quotetext,.web-quotetext:hover{-webkit-text-decoration-color:var(--moment);text-decoration-color:var(--moment)}.web-quotetext-zap{color:var(--moment);vertical-align:middle;margin-right:6px}.web-imageblock{border-radius:var(--radius-thumb);background:var(--card-alt);width:100%;max-height:200cqw;margin-bottom:var(--letter-block-tail);position:relative;overflow:hidden}.web-imageblock-img{object-fit:cover;width:100%;height:auto;display:block}.web-imageblock-empty{aspect-ratio:4/3;background:var(--card-alt);width:100%}.web-imageblock-badge{font-size:var(--fs-tiny);color:#fff;background:#0000008c;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex;position:absolute;top:8px;left:8px}.web-imageblock-badge-moment{background:var(--moment-deep)}.web-media-play{width:56px;height:56px;color:var(--text);pointer-events:none;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.web-media-duration{font-size:var(--fs-tiny);color:#fff;pointer-events:none;background:#0000008c;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex;position:absolute;bottom:6px;left:6px}.web-long-badge{font-size:var(--fs-tiny);color:#fff;pointer-events:none;background:#0000008c;border-radius:4px;padding:2px 6px;position:absolute;bottom:6px;right:6px}.web-imageblock-deleted{color:var(--text-helper);font-size:var(--fs-small);justify-content:center;align-items:center;height:80px;display:flex}.web-media-hover .web-media-del{z-index:2;background:var(--float-btn-bg);width:24px;height:24px;box-shadow:var(--float-btn-shadow);color:var(--danger);opacity:0;border-radius:50%;transition:opacity .12s;position:absolute;top:6px;right:6px}.web-media-hover:hover .web-media-del{opacity:1}.web-convert-menu{z-index:120;background:var(--bg);border-radius:var(--radius-button);box-shadow:var(--shadow-float);min-width:180px;padding:4px;position:fixed}.web-convert-item{text-align:left;width:100%;font-size:var(--fs-small);color:var(--text);border-radius:6px;padding:9px 14px;display:block}.web-convert-item:hover{background:var(--card)}.web-convert-item-danger{color:var(--danger)}.web-appendix{margin-top:32px}.web-appendix-rule{border-top:1px solid var(--divider);margin-bottom:12px}.web-appendix-title{font-size:var(--fs-tiny);color:var(--text-helper);text-align:center;margin-bottom:8px}.web-appendix-item{border-radius:var(--radius-button);cursor:pointer;align-items:center;gap:10px;margin:0 -12px;padding:8px 12px;display:flex}.web-appendix-item:hover{background:var(--card)}.web-appendix-zap{color:var(--moment);flex-shrink:0}.web-conflict-bar{background:var(--status-bg);color:var(--status-text);font-size:var(--fs-small);border-bottom:1px solid var(--status-border);justify-content:center;align-items:center;gap:16px;padding:10px 24px;display:flex}.web-conflict-refresh{font-size:var(--fs-small);color:var(--status-text);border:1px solid var(--status-text);border-radius:var(--radius-button);white-space:nowrap;padding:4px 14px}.web-export-summary{font-size:var(--fs-body);color:var(--text);margin-bottom:24px}.web-export-buttons{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.web-export-progress{font-size:var(--fs-small);color:var(--text-secondary);margin-bottom:12px}.web-export-failed{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.web-export-failed-row{align-items:center;gap:16px;display:flex}.web-export-failed-row .web-error-text{margin-top:0}.web-accent-text{color:var(--accent-deep)}.web-export-note{font-size:var(--fs-small);color:var(--text-helper);line-height:1.8}.web-read-edit-btn{color:var(--accent-deep);min-height:44px}.web-read-title{font-size:var(--fs-title-large);color:var(--text);overflow-wrap:break-word;margin-bottom:12px;font-weight:700;line-height:30px}.web-read-notfound{text-align:center;color:var(--text-secondary);padding:32px 0}.web-read-notfound p{margin-bottom:16px}.web-read-flow{gap:var(--letter-block-gap);flex-direction:column;display:flex;container-type:inline-size}.web-read-clickable{cursor:pointer}.web-read-text{font-size:var(--fs-body);white-space:pre-wrap;padding-bottom:var(--letter-block-tail);line-height:28px}.web-read-heading{color:var(--text);margin-top:var(--letter-heading-lift);padding-bottom:var(--letter-block-tail);font-size:18px;font-weight:600}.web-read-frag-meta{font-size:var(--fs-small);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;margin-bottom:6px;display:flex;overflow:hidden}.web-read-meta-pin{color:var(--text-secondary);flex-shrink:0}.web-read-meta-place{text-overflow:ellipsis;overflow:hidden}.web-read-frag-text{font-size:var(--fs-body);color:var(--text);-webkit-line-clamp:3;white-space:pre-wrap;-webkit-box-orient:vertical;line-height:28px;display:-webkit-box;overflow:hidden}.web-read-frag-thumbs{gap:8px;margin-top:8px;display:flex}.web-read-frag-thumb{object-fit:cover;border-radius:var(--radius-thumb);flex-shrink:0;width:80px;height:80px}.web-read-frag-more{background:var(--card-alt);font-size:var(--fs-small);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.web-read-pending-box{position:relative}.web-read-pending{font-size:var(--fs-tiny);color:var(--text-helper);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.web-read-video{border-radius:var(--radius-thumb);background:var(--card-alt);width:100%;max-height:200cqw;margin-bottom:var(--letter-block-tail);display:block}.web-read-appendix .web-appendix-item{margin:0}.web-read-appendix .web-appendix-item+.web-appendix-item{margin-top:8px}.web-read-appendix-text{color:var(--moment-deep);font-size:var(--fs-body);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.web-read-endnote{border-top:1px solid var(--divider);text-align:center;font-size:var(--fs-small);color:var(--text-helper);margin-top:32px;padding-top:16px}.web-home{max-width:var(--paper-max);margin:0 auto}.web-home-title{font-size:var(--fs-title-large);color:var(--text);font-weight:700;line-height:30px}.web-home-sub{font-size:var(--fs-small);color:var(--text-secondary);margin-top:8px}.web-heat{flex-direction:column;gap:8px;margin-top:32px;display:flex}.web-heat-grid{grid-template-rows:repeat(7,10px);grid-auto-columns:10px;grid-auto-flow:column;justify-content:start;gap:2px;display:grid}.web-heat-cell{border-radius:2px;width:10px;height:10px}.web-heat-l0{background:var(--card-alt)}.web-heat-l1{background:color-mix(in srgb, var(--letter) 35%, transparent)}.web-heat-l2{background:var(--letter)}.web-heat-l3{background:var(--letter-deep)}.web-home-card{background:var(--bg);border:1px solid var(--divider);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;margin-top:32px;padding:32px;transition:box-shadow .12s;position:relative}.web-home-card:hover{box-shadow:var(--shadow-float)}.web-home-card-title{font-size:var(--fs-body);color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding-right:96px;font-weight:600;overflow:hidden}.web-home-card-opening{font-size:var(--fs-body);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;line-height:28px;display:-webkit-box;overflow:hidden}.web-home-card-date{font-size:var(--fs-small);color:var(--text-helper);margin-top:12px}.web-home-continue{font-size:var(--fs-small);color:var(--accent-deep);opacity:0;align-items:center;min-height:44px;transition:opacity .12s;display:inline-flex;position:absolute;top:24px;right:24px}.web-home-card:hover .web-home-continue{opacity:1}.web-home-empty-text{font-size:var(--fs-title);color:var(--text-secondary);text-align:center;padding:40px 0 8px}.web-home-entries{align-items:center;gap:20px;margin-top:32px;display:flex}.web-home-new-btn{align-items:center;gap:6px;display:inline-flex}.web-home-to-list{font-size:var(--fs-body);color:var(--accent-deep);text-decoration:none}.web-home-to-list:hover{text-decoration:underline}.web-wall{max-width:var(--wall-max);background:var(--bg);border:1px solid var(--divider);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin:0 auto;padding:32px}.web-moments-filters{z-index:5;background:var(--bg);border-bottom:1px solid var(--divider);flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:16px;padding:8px 0 14px;display:flex;position:sticky;top:52px}.web-moments-search{width:200px}.web-moments-place-select{width:130px}.web-moments-date-input{width:150px;font-size:var(--fs-small)}.web-moments-dates{align-items:center;gap:6px;display:inline-flex}.web-moments-date-sep{font-size:var(--fs-small);color:var(--text-helper)}.web-moments-cols{align-items:flex-start;gap:16px;display:flex}.web-moments-col{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.web-moments-card{text-align:left;background:var(--bg);border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow-card);transition:box-shadow .12s;display:block;overflow:hidden}.web-moments-card:hover{box-shadow:var(--shadow-float)}.web-moments-media{background:var(--card-alt);width:100%;position:relative;overflow:hidden}.web-moments-media img{object-fit:cover;width:100%;height:100%;display:block}.web-moments-badges{gap:4px;display:flex;position:absolute;bottom:6px;right:6px}.web-moments-vtag,.web-moments-count{font-size:var(--fs-tiny);color:#fff;background:var(--scrim-strong);border-radius:var(--radius-button);padding:3px 5px;line-height:1}.web-moments-body{padding:12px;display:block}.web-moments-body-pure{padding:16px}.web-moments-text{min-width:0;font-size:var(--fs-body);color:var(--text);word-break:break-all;-webkit-box-orient:vertical;line-height:24px;display:-webkit-box;overflow:hidden}.web-moments-text-img{-webkit-line-clamp:2}.web-moments-text-pure{-webkit-line-clamp:6}.web-moments-text-empty{color:var(--text-secondary)}.web-moments-meta{min-width:0;font-size:var(--fs-small);white-space:nowrap;align-items:baseline;margin-top:6px;line-height:20px;display:flex}.web-moments-date{color:var(--text-secondary);flex-shrink:0}.web-moments-place{text-overflow:ellipsis;min-width:0;color:var(--text-helper);margin-left:auto;padding-left:8px;overflow:hidden}.web-frag-detail-cell{position:relative}.web-frag-detail-open{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.web-frag-detail-video{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-thumb);background:var(--card-alt);width:100%;display:block}.web-frag-detail-vtag{position:absolute;bottom:6px;right:6px}@media (prefers-color-scheme:dark){:root{--bg:#121212;--card:#1e1e1e;--card-alt:#2c2c31;--text:#ececec;--text-secondary:#9ca3af;--text-helper:#6b7280;--divider:#2c2c31;--accent:#e07a5f;--accent-deep:#e8917b;--moment:#9670c9;--moment-deep:#a98bdc;--letter:#6e8fc3;--letter-deep:#8ba9d8;--success:#10b981;--danger:#f05656;--warning:#f59e0b;--status-bg:#3d341b;--status-text:#f0d080;--status-border:#5c4c1c;--shadow-card:0 2px 8px #00000073;--scrim:#00000080;--scrim-strong:#0009;--float-btn-bg:#2c2c31;--float-btn-shadow:0 1px 4px #00000080;--float-btn-press:#ffffff1f}}:root[data-theme=dark]{--bg:#121212;--card:#1e1e1e;--card-alt:#2c2c31;--text:#ececec;--text-secondary:#9ca3af;--text-helper:#6b7280;--divider:#2c2c31;--accent:#e07a5f;--accent-deep:#e8917b;--moment:#9670c9;--moment-deep:#a98bdc;--letter:#6e8fc3;--letter-deep:#8ba9d8;--success:#10b981;--danger:#f05656;--warning:#f59e0b;--status-bg:#3d341b;--status-text:#f0d080;--status-border:#5c4c1c;--shadow-card:0 2px 8px #00000073;--scrim:#00000080;--scrim-strong:#0009;--float-btn-bg:#2c2c31;--float-btn-shadow:0 1px 4px #00000080;--float-btn-press:#ffffff1f}html.editor-webview body{background:var(--bg)}html.editor-webview .web-desktop,html.editor-webview .web-editor-desktop{background:var(--bg);min-height:100vh;padding:0}html.editor-webview .web-editor-layout{max-width:none}html.editor-webview .web-paper{max-width:none;box-shadow:none;border:none;border-radius:0;margin:0;padding:16px 20px 64px}html.editor-webview .web-ref-hover .web-block-menu-btn,html.editor-webview .web-gap-hot .web-gap-plus,html.editor-webview .web-media-hover .web-media-del{opacity:1}html.editor-webview .web-dialog-actions{flex-wrap:wrap}html.editor-webview .web-dialog-btn{white-space:nowrap;flex-shrink:0}
