:root{--bg: #f7f5f0;--surface: #ffffff;--surface-soft: #f3f1ea;--text: #26251f;--muted: #625d54;--border: #dcd8cc;--border-ui: #8b8578;--accent: #35503f;--accent-strong: #2b4233;--accent-soft: #eef4f0;--highlight: #f7eecf;--highlight-strong: #eeda9e;--error: #8c352c;--disabled-bg: #e9e6dd;--ink-quote: #3c5248;--ink-unread: #6f5b1c;--font-sans: "Hiragino Sans", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif;--font-serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--shadow: 0 1px 2px rgba(38, 37, 31, .04), 0 8px 24px rgba(38, 37, 31, .06);--shadow-popover: 0 4px 16px rgba(0, 0, 0, .12);font-family:var(--font-sans)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7}button{font:inherit;cursor:pointer;border:1px solid var(--border-ui);background:var(--surface);border-radius:8px;padding:5px 14px;transition:background .15s ease}button:hover:not(:disabled):not(.primary):not(.link-button){background:var(--surface-soft)}button:disabled{color:var(--muted);border-color:transparent;background:var(--disabled-bg);cursor:not-allowed;box-shadow:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{text-decoration-thickness:1px;text-underline-offset:2px}a:hover{text-decoration-thickness:2px}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);padding:8px 20px;border-radius:8px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}button.primary:disabled{color:var(--muted);border-color:transparent;background:var(--disabled-bg)}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:0 2px 8px #26251f38;transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){button.primary:hover:not(:disabled){transform:none}}button.link-button{border:none;background:none;color:var(--accent);padding:2px 6px}button.link-button:hover:not(:disabled){background:var(--accent-soft);border-radius:6px}input,textarea,select{font:inherit;border:1px solid var(--border-ui);border-radius:6px;padding:6px 10px;background:var(--surface);color:var(--text);width:100%}.page{max-width:860px;margin:0 auto;padding:24px 16px 80px}.muted{color:var(--muted)}.error{color:var(--error)}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{display:inline-block;font-size:16px;background:var(--surface-soft);border-radius:10px;padding:1px 9px;margin-left:6px;color:var(--muted);vertical-align:middle}.badge.unread{background:var(--highlight);color:var(--ink-unread)}.badge.pending{color:var(--error)}.badge.sync{background:var(--accent-soft);color:var(--accent)}.form-card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:20px;margin:16px 0;display:flex;flex-direction:column;gap:10px}.form-card label,.form-card .field{display:flex;flex-direction:column;gap:4px;font-size:16px}.form-card label.checkbox{flex-direction:row;align-items:center;gap:8px}.form-card label.checkbox input{width:auto}.cover{width:72px;height:100px;object-fit:cover;border-radius:4px;flex-shrink:0}.cover-fallback{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--accent-soft);color:var(--accent);font-size:16px;line-height:1.35;overflow:hidden;padding:4px}.cover-large{width:120px;height:170px;object-fit:cover;border-radius:6px;flex-shrink:0}.book-title{margin:2px 0}.circle-meta{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--muted);flex-wrap:wrap}.note-target{animation:note-target-flash 2.4s ease-out}@keyframes note-target-flash{0%,40%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 3px transparent}}.topbar.svelte-1hn0icg{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand.svelte-1hn0icg{color:var(--text);text-decoration:none;display:inline-flex}.topbar-auth.svelte-1hn0icg{display:flex;align-items:center;gap:8px}.topbar-auth.svelte-1hn0icg input{width:260px}.topbar-user.svelte-1hn0icg{display:inline-flex;align-items:center;gap:6px}.topbar-about.svelte-1hn0icg{font-size:16px;color:var(--muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;margin-right:8px;white-space:nowrap}.topbar-about.svelte-1hn0icg:hover{color:var(--accent);text-decoration-thickness:2px}.layout-main.svelte-12qhfyh{min-height:calc(100vh - 60px)}.site-footer.svelte-12qhfyh{display:flex;justify-content:center;align-items:center;gap:10px;padding:24px 16px 32px;font-size:16px;color:var(--muted);border-top:1px solid var(--border)}.site-footer.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--muted)}.site-footer.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--accent)}.footer-sep.svelte-12qhfyh{-webkit-user-select:none;user-select:none}