:root{--bg: #ffffff;--bg-alt: #f5f6f8;--border: #e2e4e8;--text: #1a1a1a;--muted: #6b7280;--accent: #1f6feb;--accent-bg: #e7f0ff;--font-scale: 1}@media (prefers-color-scheme: dark){:root{--bg: #0d1117;--bg-alt: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #4d8dff;--accent-bg: #182338}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}.topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);background:var(--bg-alt);padding:env(safe-area-inset-top) 12px 0}.page-title{padding:8px 0;font-size:16px;font-weight:700}.font-controls{display:flex;gap:6px}.font-btn{min-width:40px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px;font-weight:600;cursor:pointer}.font-btn:active{background:var(--accent-bg)}.list-pane{max-width:520px;margin-inline:auto}.search{position:sticky;top:0;z-index:1;display:block;width:100%;margin:0 0 8px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:15px}.search:focus{outline:none;border-color:var(--accent)}.file-list{display:flex;flex-direction:column;gap:2px}.file-item{text-align:left;padding:12px 14px;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:16px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item:hover{background:var(--bg-alt)}.file-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.config-pane{max-width:520px;margin-inline:auto}.config-hint{margin:0 0 12px;color:var(--muted);font-size:13px}.sortable{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sort-item{padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-alt);color:var(--text);font-size:16px;cursor:grab;-webkit-user-select:none;user-select:none}.sort-item:active{cursor:grabbing}.sortable-ghost{opacity:.4}.sortable-chosen{border-color:var(--accent);background:var(--accent-bg)}.slider{flex:1 1 auto;width:100%;min-height:0;overflow:hidden;touch-action:pan-y}.slider__track{display:flex;height:100%;transition:transform .25s ease;will-change:transform}.slider__slide{flex:0 0 100%;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;padding:20px 28px 60px}body.dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}.markdown :is(h1,h2,h3,h4)[id]{scroll-margin-top:12px}.empty{color:var(--muted)}.vocab-row{display:flex;flex-flow:row wrap;align-items:flex-start;gap:24px}.vocab-table{border-collapse:collapse;min-width:280px;border:1px solid var(--border)}.vocab-table td{padding:6px 10px;border:1px solid var(--border);vertical-align:top;font-size:calc(15px * var(--font-scale))}.vocab-table tr:nth-child(2n){background:var(--bg-alt)}.vocab-table .idx{color:var(--muted);text-align:right;width:1%;white-space:nowrap}.vocab-table .word{font-weight:600}.vocab-table .translation{color:var(--muted)}.markdown{max-width:760px;margin-inline:auto;line-height:1.6;font-size:calc(16px * var(--font-scale))}.markdown h1,.markdown h2,.markdown h3{line-height:1.3;margin-top:1.4em}.markdown code{background:var(--bg-alt);padding:2px 5px;border-radius:5px;font-size:.9em}.markdown pre{background:var(--bg-alt);padding:14px;border-radius:8px;overflow-x:auto}.markdown pre code{background:none;padding:0}.markdown table{border-collapse:collapse;width:100%;margin:1em 0}.markdown th,.markdown td{border:1px solid var(--border);padding:7px 10px;text-align:left}.markdown th{background:var(--bg-alt)}.markdown blockquote{border-left:3px solid var(--border);margin:1em 0;padding-left:14px;color:var(--muted)}@media (max-width: 640px),(pointer: coarse) and (orientation: landscape){.slider__slide{padding:16px 18px 60px}}