:root{color-scheme:light;--mist:#f4f8fc;--paper:#fbfdff;--ink:#263442;--muted:#6f7f8e;--line:#dce7f0;--blue:#8fbce6;--jing:#cfe7fa;--cla:#ddd8f5;--overlap:#c9d5f1;--danger:#a64c59;--shadow:0 16px 45px rgba(55,88,117,.11);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--mist);color:var(--ink);min-height:100vh}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.shell{max-width:1040px;margin:auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:48px}.brand{font-size:15px;letter-spacing:.08em;color:var(--muted)}.quiet-button,.anchor,.primary,.danger{border:1px solid var(--line);background:rgba(251,253,255,.86);border-radius:12px;padding:10px 14px}.primary{background:var(--blue);border-color:transparent;color:#173a58}.danger{background:#fff3f4;border-color:#eccdd1;color:var(--danger)}.login{width:min(420px,calc(100% - 40px));margin:14vh auto;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow)}.login h1{font-family:Iowan Old Style,"Songti SC",STSong,serif;font-weight:500;margin:0 0 8px}.login p{color:var(--muted);line-height:1.6}.login form{display:grid;gap:12px;margin-top:24px}.field{display:grid;gap:7px;color:var(--muted);font-size:14px}.login input,.note-editor textarea,.reply-form textarea,.inline-editor textarea{border:1px solid var(--line);border-radius:12px;background:white;padding:13px 14px;outline:none}.login input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(143,188,230,.2)}.error{color:#a34c57;min-height:1.4em}.books{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:38px}.book-card{display:block;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;transition:.15s ease}.book-card:hover,.message-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.book-card h2{font-family:Iowan Old Style,"Songti SC",STSong,serif;font-weight:500;margin:0 0 8px}.book-card p,.meta{color:var(--muted);font-size:14px}.badge{display:inline-flex;background:#dceefa;border-radius:999px;padding:3px 8px;color:#315d7d;font-size:12px}.reader-shell{max-width:940px;margin:auto;padding:16px}.reader-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5;padding:12px 0;background:linear-gradient(var(--mist) 75%,transparent)}.paper{width:min(760px,100%);margin:16px auto 80px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(30px,7vw,72px) clamp(22px,7vw,76px);box-shadow:0 12px 42px rgba(63,91,116,.07)}.book-title{text-align:center;margin-bottom:56px}.book-title h1{font:500 clamp(28px,5vw,40px)/1.25 Iowan Old Style,"Songti SC",STSong,serif;margin:0}.book-title p{color:var(--muted)}.paragraph{position:relative;font:400 18px/1.9 Iowan Old Style,"Songti SC",STSong,serif;margin:0 0 1.35em;letter-spacing:.01em}.highlight-jing{background:linear-gradient(transparent 12%,var(--jing) 12%,var(--jing) 88%,transparent 88%)}.highlight-cla{background:linear-gradient(transparent 12%,var(--cla) 12%,var(--cla) 88%,transparent 88%)}.highlight-overlap{background:linear-gradient(transparent 12%,var(--overlap) 12%,var(--overlap) 88%,transparent 88%)}.annotation-anchor{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin:0 2px;border:1px solid #a9bfd3;border-radius:50%;background:var(--paper);vertical-align:middle;color:#65829a;font-size:11px;position:relative;padding:0 5px}.annotation-anchor.unseen:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#6ea8d8;right:-2px;top:-2px}.note-card{margin:10px 0 22px auto;width:min(430px,96%);background:white;border:1px solid var(--line);border-radius:16px;padding:16px 17px;box-shadow:var(--shadow);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif}.thread+.thread-divider{margin:18px 0;border-top:1px solid var(--line)}.thread-count{font-size:12px;color:var(--muted);padding-bottom:8px}.speaker{font-size:12px;color:#58748c;margin:10px 0 4px}.note-body{white-space:pre-wrap;line-height:1.6}.reply-item{margin:12px 0 0 12px;padding-left:12px;border-left:2px solid #e3edf5}.note-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.note-actions button{border:0;background:transparent;color:#557b9a;padding:7px}.selection-action{position:fixed;z-index:20}.selection-action button{border:0;border-radius:999px;background:#29465e;color:white;padding:9px 14px;box-shadow:var(--shadow)}.note-editor{position:fixed;z-index:30;width:min(420px,calc(100% - 32px));background:white;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.note-editor blockquote{margin:0 0 10px;padding-left:12px;border-left:3px solid var(--jing);color:var(--muted);max-height:5em;overflow:hidden}.note-editor textarea,.reply-form textarea,.inline-editor textarea{width:100%;resize:vertical}.inline-editor{margin-top:10px}.delete-confirmation{margin-top:8px;padding:10px 12px;border:1px solid #f0d6d9;border-radius:12px;background:#fff8f8;font-size:13px;color:#744750}.row{display:flex;gap:8px;justify-content:flex-end;margin-top:9px}.message-list{display:grid;gap:12px;width:min(680px,100%);margin:38px auto}.message-card{display:block;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 20px;transition:.15s ease}.message-card p{line-height:1.6;margin:7px 0 12px}.empty{text-align:center;color:var(--muted);padding:15vh 0}
.editor-error{min-height:1.35em;margin-top:7px;color:var(--danger);font-size:13px}button:disabled{cursor:wait;opacity:.58}
@media(max-width:640px){.shell{padding:16px}.paper{border-left:0;border-right:0;border-radius:0;margin-top:6px;padding:36px 22px 70px}.reader-shell{padding:8px 0}.reader-head{padding:10px 16px}.paragraph{font-size:18px;line-height:1.9}.note-card{width:100%}.login{padding:26px 22px}.note-editor{left:16px!important;right:16px;bottom:max(16px,env(safe-area-inset-bottom));top:auto!important}}