:root{--bg: #faf8f5;--fg: #1a1a1a;--muted: #5c5c5c;--border: #e2ddd4;--accent: #6b3b2a;--accent-contrast: #fff;--mark-bg: #fff3bf;--error: #8b1a1a;--radius: 10px;--font-ui: system-ui, "Segoe UI", "PingFang SC", "Noto Sans CJK SC", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Han Sans SC", monospace}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;min-width:360px;font-family:var(--font-ui);background:var(--bg);color:var(--fg);line-height:1.55;overflow-x:hidden}#app{min-height:100dvh;display:flex;flex-direction:column}.site-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:2}.site-title{margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.site-nav{font-size:.85rem;color:var(--muted);word-break:break-word}.nav-link{color:var(--accent);text-decoration:none}.nav-link:hover{text-decoration:underline}.site-main{flex:1;padding:1rem;max-width:52rem;margin:0 auto;width:100%}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow-wrap:anywhere}.status-panel{text-align:center}.status-panel.error{border-color:#e8b4b4}.status-msg{font-weight:600;margin:0 0 .5rem}.status-hint{margin:0 0 1rem;color:var(--muted);font-size:.9rem}.search-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.search-input{flex:1 1 12rem;min-width:0;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;font:inherit;cursor:pointer;min-height:44px}.btn.primary{background:var(--accent);color:var(--accent-contrast)}.btn.primary:hover{filter:brightness(1.05)}.btn.link{background:transparent;color:var(--accent);text-decoration:underline;border:none;padding:.25rem 0;min-height:auto}.result-meta{margin:1rem 0 .5rem;color:var(--muted);font-size:.9rem}.result-list{margin:0;padding:0;list-style:none}.result-item{padding:.75rem 0;border-top:1px solid var(--border)}.result-title{font-weight:600;color:var(--accent);text-decoration:none;word-break:break-word}.result-title:hover{text-decoration:underline}.result-sub{font-size:.8rem;color:var(--muted);margin:.25rem 0;word-break:break-all}.result-snippet{margin:.35rem 0 0;white-space:pre-wrap;font-family:var(--font-mono);font-size:.82rem;background:#f4f1ec;padding:.5rem;border-radius:6px;max-height:10rem;overflow:auto}.empty-results{margin-top:1rem;padding:.75rem;background:#f4f1ec;border-radius:8px;color:var(--muted)}.breadcrumb{font-size:.9rem;margin-bottom:.75rem;color:var(--muted);word-break:break-word}.breadcrumb a{color:var(--accent);text-decoration:none}.read-status{margin:0 0 .5rem;color:var(--muted)}.read-prose{font-family:var(--font-mono);font-size:.88rem;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.read-prose .hit,mark.hit{background:var(--mark-bg);padding:0 .1em;border-radius:2px}.read-article .error{color:var(--error)}@media(prefers-color-scheme:dark){:root{--bg: #121212;--fg: #ececec;--muted: #a8a8a8;--border: #333;--accent: #d4a574;--accent-contrast: #1a120d;--mark-bg: #5c4819}.site-header,.panel{background:#1c1c1c}.result-snippet,.empty-results{background:#242424}}