:root{--color-bg-app:#f6efe5;--color-bg-paper:#fffaf2;--color-bg-surface:#fffaf2e6;--color-bg-surface-solid:#fffdf8;--color-bg-overlay:#271f1880;--color-bg-hover:#5f4a360f;--color-bg-active:#5f4a361f;--color-bg-active-hover:#5f4a362e;--color-border-paper:#d8c7b3;--color-border-neutral:#e6ddd0;--color-border-focus:#5f4a36;--color-text-primary:#3f3429;--color-text-body:#4b3f33;--color-text-secondary:#7a6a59;--color-text-muted:#9a8a78;--color-action-primary:#5f4a36;--color-action-link:#4a90e2;--color-action-link-hover:#357abd;--color-state-success:#7e9468;--color-state-success-hover:#6f835c;--color-state-warning:#c78855;--color-state-error:#a86652;--color-state-danger:#b35f50;--color-state-danger-hover:#9f4f42;--color-disabled-bg:#d6cbbb;--color-shadow-soft:#5b452c14;--color-shadow-medium:#5b452c29;--color-scrollbar-thumb:#cab7a4;--color-scrollbar-thumb-hover:#b29d88;--color-voice-blue:#4a90e2;--color-voice-purple:#9b59b6;--color-voice-pink:#e91e63;--color-voice-green:#27ae60;--color-voice-yellow:#f39c12;--color-text-on-action:#fff;--color-code-bg:#2c2c2c;--color-code-text:#f3eee6;--color-code-inline-bg:#00000014}[data-theme=dark]{--color-bg-app:#1d1916;--color-bg-paper:#2a241f;--color-bg-surface:#2a2521d1;--color-bg-surface-solid:#342d27;--color-bg-overlay:#000000b8;--color-bg-hover:#ffffff14;--color-bg-active:#ead8bd29;--color-bg-active-hover:#ead8bd3d;--color-border-paper:#5a4d3d;--color-border-neutral:#4a4238;--color-border-focus:#ead8bd;--color-text-primary:#f3e8d8;--color-text-body:#eee8df;--color-text-secondary:#c8bcae;--color-text-muted:#9f9283;--color-action-primary:#f3e8d8;--color-action-link:#81b7d2;--color-action-link-hover:#6aa3bf;--color-state-success:#7bcf8f;--color-state-success-hover:#64bd78;--color-state-warning:#f7c96a;--color-state-error:#ff7a70;--color-state-danger:#ff8a7f;--color-state-danger-hover:#e06060;--color-disabled-bg:#58504a;--color-shadow-soft:#00000052;--color-shadow-medium:#00000073;--color-scrollbar-thumb:#4a4238;--color-scrollbar-thumb-hover:#6a5e52;--color-voice-blue:#81b7d2;--color-voice-purple:#c99be1;--color-voice-pink:#ff8fbd;--color-voice-green:#7bdba0;--color-voice-yellow:#f7c96a;--color-text-on-action:#fff;--color-code-bg:#0d1117;--color-code-text:#e6edf3;--color-code-inline-bg:#0000002e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-app:#1f1b16;--color-bg-paper:#2a251e;--color-bg-surface:#2a251ed1;--color-bg-surface-solid:#332d25;--color-bg-overlay:#000000b8;--color-bg-hover:#ffffff14;--color-bg-active:#81b7d22e;--color-bg-active-hover:#81b7d24d;--color-border-paper:#5a4d3d;--color-border-neutral:#4a4238;--color-border-focus:#f3eee6;--color-text-primary:#f3eee6;--color-text-body:#eee8df;--color-text-secondary:#c8bcae;--color-text-muted:#9f9283;--color-action-primary:#f3eee6;--color-action-link:#81b7d2;--color-action-link-hover:#6aa3bf;--color-state-success:#7bcf8f;--color-state-success-hover:#5abd72;--color-state-warning:#f7c96a;--color-state-error:#ff7a70;--color-state-danger:#ff8a7f;--color-state-danger-hover:#e06060;--color-disabled-bg:#58504a;--color-shadow-soft:#00000052;--color-shadow-medium:#00000073;--color-scrollbar-thumb:#4a4238;--color-scrollbar-thumb-hover:#6a5e52;--color-voice-blue:#81b7d2;--color-voice-purple:#c99be1;--color-voice-pink:#ff8fbd;--color-voice-green:#7bdba0;--color-voice-yellow:#f7c96a;--color-text-on-action:#fff;--color-code-bg:#0d1117;--color-code-text:#e6edf3;--color-code-inline-bg:#0000002e}}body{min-height:100vh;margin:0}@font-face{font-family:Excalifont;src:url(/Excalifont-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+??,U+100-17F,U+180-24F,U+1E??,U+2000-206F,U+20A0-20CF,U+2100-214F}@font-face{font-family:Xiaolai;src:url(/Xiaolai-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+4E00-9FFF,U+3400-4DBF,U+20000-2A6DF,U+F900-FAFF,U+3000-303F}.book-interface{background-color:var(--color-bg-app);box-sizing:border-box;--gap-size:1.5rem;--hole-diameter:30px;--bar-width:100px;--bar-height:20px;gap:2rem;padding:1rem 2rem 2rem;display:flex;position:fixed;inset:48px 0 0;overflow:hidden}.book-page{background-color:var(--color-bg-paper);border:1px solid var(--color-border-neutral);border-radius:4px;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.book-page.right-page{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:1rem;padding:2rem;overflow:hidden auto}.book-page.right-page::-webkit-scrollbar{display:none}.book-page.right-page>*{word-wrap:break-word;overflow-wrap:break-word;margin-left:2rem}.voice-comment{color:var(--color-text-body);word-wrap:break-word;overflow-wrap:break-word;border-left:4px solid;border-radius:4px;max-width:100%;padding:1rem;font-family:Excalifont,Xiaolai,Georgia,serif;font-size:1rem;line-height:1.6;animation:.5s ease-in fadeIn}.voice-comment:hover .quote-button{opacity:1!important}.voice-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.voice-icon{font-size:1.25rem}.voice-text{margin-left:1.75rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes skeletonPulse{0%,to{opacity:.55}50%{opacity:1}}.skeleton-block{background:var(--color-border-paper);border-radius:.5rem;animation:1.4s ease-in-out infinite skeletonPulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)translateY(-50%)}to{opacity:1;transform:translate(0)translateY(-50%)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes energyPulse{0%{filter:brightness();transform:scale(1);box-shadow:0 0 #6660}50%{filter:brightness(1.15);transform:scale(1.06);box-shadow:0 0 12px #666666bf,0 0 20px #66666673}to{filter:brightness();transform:scale(1);box-shadow:0 0 #6660}}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.binder-ring{pointer-events:none;z-index:100;height:20px;position:absolute;left:1rem;right:2rem;transform:translateY(-50%)}.hole-left,.hole-right{width:var(--hole-diameter);height:var(--hole-diameter);background:var(--color-bg-app);z-index:102;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.hole-left{left:calc(50% - var(--gap-size) - var(--bar-width) / 2 - var(--hole-diameter) / 3)}.hole-right{left:calc(50% - var(--gap-size) + var(--bar-width) / 2 - var(--hole-diameter) / 1.5)}.ring-bar{left:calc(50% - var(--gap-size));width:var(--bar-width);height:var(--bar-height);background:linear-gradient(180deg, var(--color-text-secondary) 0%, var(--color-scrollbar-thumb) 50%, var(--color-text-secondary) 100%);border-radius:calc(var(--bar-height) / 2);z-index:103;position:absolute;top:50%;transform:translate(-50%,-50%)}.voice-highlight{cursor:pointer;margin:-2px -6px;padding:2px 6px;transition:all .2s}.voice-highlight:hover{filter:brightness(.95);transform:scale(1.05)}.voice-highlight-yellow{background:url(https://s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=ffff43)}.voice-highlight-blue{background:url(https://s2.svgbox.net/pen-brushes.svg?ic=brush-7&color=a3d5ff)}.voice-highlight-pink{background:url(https://s2.svgbox.net/pen-brushes.svg?ic=brush-8&color=ffb3d9)}.voice-highlight-green{background:url(https://s2.svgbox.net/pen-brushes.svg?ic=brush-6&color=b3ffb3)}.voice-highlight-purple{background:url(https://s2.svgbox.net/pen-brushes.svg?ic=brush-5&color=ddb3ff)}.notebook-lines{--notebook-margin-line:color-mix(in srgb, var(--color-state-error) 24%, transparent);--notebook-rule-line:color-mix(in srgb, var(--color-border-paper) 58%, transparent);background-image: linear-gradient(to right, transparent 0, transparent 39px, var(--notebook-margin-line) 40px, var(--notebook-margin-line) 41px, transparent 41px),  repeating-linear-gradient(transparent, transparent 31.4px, var(--notebook-rule-line) 31.4px, var(--notebook-rule-line) 32.4px);background-position:0 0;background-size:100% 100%;background-attachment:local}.writing-textarea::-webkit-scrollbar{width:8px}.comments-panel::-webkit-scrollbar{width:8px}.writing-textarea::-webkit-scrollbar-track{background:0 0}.comments-panel::-webkit-scrollbar-track{background:0 0}.writing-textarea::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.comments-panel::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.writing-textarea::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.comments-panel::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.voice-input-modal{z-index:99999;width:calc(100vw - 80px);height:calc(100vh - 85px);position:fixed;top:49px;left:80px}@media (width<=767px){.book-interface{gap:1rem;padding:.75rem;top:0}.book-page.right-page{padding:1rem}.book-page.right-page>*{margin-left:.75rem}.voice-input-modal{width:100vw;height:100vh;top:0;left:0}}.prose{color:var(--color-text-body);max-width:none;line-height:1.7}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p,.prose ul,.prose ol,.prose table,.prose pre,.prose blockquote{margin:0 0 .9em}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--color-text-primary);margin:1.2em 0 .5em;font-weight:600}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-bottom:.25em}.prose a{color:var(--color-action-link);text-decoration:underline}.prose strong{color:var(--color-text-primary)}.prose blockquote{border-left:4px solid var(--color-state-warning);background:var(--color-bg-surface);color:var(--color-text-secondary);margin-left:0;padding:.75em 1em}.prose code{background:var(--color-code-inline-bg);color:var(--color-text-primary);border-radius:.35em;padding:.15em .4em;font-size:.92em}.prose pre{background:var(--color-code-bg);color:var(--color-code-text);border-radius:.75em;padding:1em;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose hr{border:none;border-top:1px solid var(--color-border-paper);margin:1.4em 0}.prose table{border-collapse:collapse;width:100%}.prose th,.prose td{border:1px solid var(--color-border-paper);text-align:left;padding:.55em .7em}.prose th{background:var(--color-bg-surface);color:var(--color-text-primary)}.prose img{border-radius:.75em;max-width:100%;height:auto}