:root{--fg: #e0e0e0;--bg: #0a0a0a;--border: #444;--accent: #00ff88;--dim: #888;--font-mono: "Courier New", "Courier", "Liberation Mono", monospace;--font-serif: Georgia, "Songti SC", SimSun, serif;--book-bg: #181a1b;--book-fg: #d8d2c4;--book-dim: #a09888;--book-border: #3a3631;--book-accent: #8fbc8f;color-scheme:dark}html[data-theme=day]{--fg: #28251f;--bg: #eae6db;--border: #c0b8a8;--accent: #2e6b3e;--dim: #6b6254;--book-bg: #f3efe3;--book-fg: #28251f;--book-dim: #6b6254;--book-border: #c8c0b0;--book-accent: #2e6b3e;color-scheme:light}html[data-theme=night]{--fg: #d8d2c4;--bg: #121314;--border: #3a3631;--accent: #8fbc8f;--dim: #7a7268;--book-bg: #181a1b;--book-fg: #d8d2c4;--book-dim: #a09888;--book-border: #3a3631;--book-accent: #8fbc8f;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:16px;line-height:1.25}#app{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0;overflow:hidden}header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;flex:0 0 auto;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--border);font-family:var(--font-mono);font-weight:700;text-align:center;letter-spacing:2px}[data-header-left]{grid-column:1;grid-row:1;justify-self:start;align-self:center}[data-header-brand]{grid-column:2;grid-row:1;justify-self:center;align-self:center;white-space:nowrap}[data-header-right]{grid-column:3;grid-row:1;justify-self:end;align-self:start}main{display:flex;flex:1;min-width:0;min-height:0;overflow:hidden}[data-sidebar]{position:sticky;top:0;align-self:stretch;display:flex;flex-shrink:0;width:var(--sidebar-user-width, auto);height:100%;min-width:0;min-height:0;overflow:hidden}[data-sidebar][hidden]{display:none}[data-sidebar-resizer]{display:flex;flex:0 0 9px;align-items:center;justify-content:center;min-width:9px;height:100%;border-right:1px solid var(--border);color:var(--dim);background:var(--bg);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}[data-sidebar-resizer]:hover,[data-sidebar-resizer]:focus-visible{color:var(--accent);border-color:var(--accent)}[data-sidebar][hidden]+[data-sidebar-resizer]{display:none}[data-sources]{flex:0 0 var(--sources-user-width, 200px);width:var(--sources-user-width, 200px);min-width:140px;min-height:0;padding:8px;overflow-y:auto;overscroll-behavior:contain;font-family:var(--font-mono)}[data-sources-resizer]{display:flex;flex:0 0 9px;align-items:center;justify-content:center;min-width:9px;height:100%;border-right:1px solid var(--border);color:var(--dim);background:var(--bg);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}[data-sources-resizer]:hover,[data-sources-resizer]:focus-visible{color:var(--accent);border-color:var(--accent)}[data-sources-toolbar]{position:sticky;top:0;z-index:2;display:flex;gap:4px;padding-bottom:4px;background:var(--bg)}[data-sources-toolbar] button{flex:1 1 auto;white-space:nowrap}[data-sources] [data-source]{display:block;width:100%;padding:4px 8px;border:1px solid transparent;text-align:left;cursor:pointer}[data-sources] [data-source]:hover{border-color:var(--accent)}[data-articles]{flex:1 1 280px;width:280px;min-width:200px;min-height:0;border-right:1px solid var(--border);padding:8px;overflow-y:auto;overscroll-behavior:contain;font-family:var(--font-mono)}[data-articles] button{display:block;width:100%;text-align:left;padding:6px 8px;margin-bottom:2px;background:none;border:1px solid transparent;color:var(--fg);font-family:var(--font-mono);font-size:14px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-articles] button:hover,[data-articles] button:focus{border-color:var(--accent);outline:none}[data-reader]{flex:1;min-width:0;min-height:0;padding:16px max(16px,env(safe-area-inset-right)) max(160px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;background:var(--book-bg);color:var(--book-fg)}[data-book-page]{position:relative;max-width:860px;margin:0 auto;font-family:var(--font-serif);font-size:18px;line-height:32px}[data-book-page] h1{font-family:var(--font-serif);font-size:24px;font-weight:600;line-height:36px;margin-bottom:12px;border-bottom:1px dashed var(--book-border);padding-bottom:8px}[data-book-page] [data-meta]{color:var(--book-dim);font-family:var(--font-serif);font-size:15px;line-height:24px;margin-bottom:4px}[data-book-page] [data-content]{margin-top:24px;max-width:860px}[data-book-page] [data-block]{margin-bottom:8px;position:relative}[data-book-page] [data-kind=heading]{margin-top:24px;margin-bottom:12px}[data-book-page] [data-kind=quote]{border-left:3px solid var(--book-dim);padding-left:16px;margin-top:12px;margin-bottom:12px}[data-book-page] figure{margin:16px 0;text-align:center}[data-book-page] figure[data-image-layout=wide]{max-width:860px;margin-left:auto;margin-right:auto}[data-book-page] figure[data-image-layout=inset]{max-width:520px;margin-left:auto;margin-right:auto}[data-book-page] figure img{max-width:100%;max-height:480px;display:block;margin:0 auto;transition:transform 80ms linear}[data-book-page] figure figcaption{font-family:var(--font-serif);font-size:14px;line-height:20px;color:var(--book-dim);margin-top:8px;font-style:italic}[data-floating-active]{position:absolute;z-index:60;margin:0;overflow:hidden;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;transform-origin:top left;will-change:transform}[data-floating-active][data-floating-dragging=true]{cursor:grabbing}[data-floating-active] img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:none}[data-floating-placeholder]{pointer-events:none}button{background:none;border:1px solid var(--border);color:var(--fg);font-family:var(--font-mono);font-size:14px;padding:4px 8px;cursor:pointer}button:hover,button:focus{border-color:var(--accent);color:var(--accent);outline:none}button[data-action=bookmark]{font-size:16px;border:none;padding:4px;color:var(--book-fg)}button[data-action=game],button[data-action=theme]{font-family:var(--font-mono)}[data-source-manager]{padding:12px;border:1px solid var(--border);margin:8px;font-family:var(--font-mono)}[data-source-manager] input{background:var(--bg);border:1px solid var(--border);color:var(--fg);font-family:var(--font-mono);font-size:14px;padding:4px 8px;margin:4px 0;display:block;width:100%}[data-source-manager] input:focus{border-color:var(--accent);outline:none}[data-reader-controls]{position:fixed;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));z-index:80;display:flex;flex-direction:column;align-items:stretch;gap:4px;max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:4px;border:1px solid var(--border);background:var(--bg);font-family:var(--font-mono)}[data-reader-controls] button{white-space:nowrap}[data-reader-controls] [data-reader-controls-handle]{display:none;box-sizing:border-box;align-self:flex-end;width:32px;min-width:32px;height:28px;padding:0;align-items:center;justify-content:center;text-align:center;line-height:1}@media(hover:hover)and (pointer:fine){[data-reader-controls] [data-reader-controls-handle]{display:flex}[data-reader-controls]:not([data-pinned=true]):not(:hover):not(:focus-within){gap:0;padding:2px}[data-reader-controls]:not([data-pinned=true]):not(:hover):not(:focus-within)>button:not([data-reader-controls-handle]){display:none}}[data-game][data-game-kind=breakout]{position:fixed;top:50%;transform:translateY(-50%);z-index:50;overflow:hidden;pointer-events:auto;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:transparent;color:var(--accent)}[data-game] [data-controls]{position:absolute;top:8px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--dim);white-space:nowrap}[data-game] [data-ball]{position:absolute;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;line-height:1;white-space:pre;will-change:transform}[data-game] [data-paddle]{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:26px;font-weight:900;line-height:1;white-space:pre;letter-spacing:-2px;will-change:transform}[data-game] [data-brick]{position:absolute;font-size:30px;font-weight:800;line-height:32px;overflow:hidden;display:flex;align-items:center;justify-content:center}[data-game] [data-brick][hidden]{display:none}[data-game] [data-score]{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:16px;font-weight:800;white-space:nowrap}.pretext-line{position:absolute;white-space:pre}[data-book-page] .pretext-line a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.pretext-fallback{font-family:var(--font-mono);font-size:16px;line-height:20px;white-space:pre-wrap;word-break:break-word}[data-compat]{padding:8px;color:#f44;text-align:center;font-size:14px}a{color:var(--book-accent);text-decoration:none;border-bottom:1px dashed var(--book-accent)}a:hover,a:focus{color:var(--book-fg);border-color:var(--book-fg)}@media(min-width:641px)and (max-width:1024px){[data-sources]{width:160px;flex-basis:var(--sources-user-width, 160px);min-width:160px}[data-articles]{width:220px;flex-basis:220px;min-width:180px}[data-reader]{padding-top:12px;padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}}@media(max-width:640px){header{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}[data-header-brand]{grid-column:1 / 3;grid-row:1}[data-header-right]{grid-column:2;grid-row:1;z-index:1}[data-header-left]{grid-column:1 / 3;grid-row:2;justify-self:center}main{flex-direction:column}[data-sidebar]{position:static;top:auto;align-self:stretch;flex:0 1 auto;flex-direction:column;width:100%;height:auto}[data-sources-resizer],[data-sidebar-resizer]{display:none}[data-sources]{flex:0 1 auto;width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border);max-height:120px}[data-articles]{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border);max-height:200px}[data-reader]{padding:8px max(8px,env(safe-area-inset-right)) max(160px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}[data-book-page]{font-size:17px;line-height:29px}[data-book-page] h1{font-size:22px;line-height:32px}}@media(max-width:420px){header{gap:4px;row-gap:4px;padding-top:max(6px,env(safe-area-inset-top));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:6px;padding-left:max(8px,env(safe-area-inset-left));letter-spacing:1px;font-size:14px}header button,[data-reader-controls] button{padding:3px 5px;font-size:12px}[data-sources]{max-height:96px}[data-articles]{max-height:144px}}@media(max-height:600px)and (orientation:landscape){header{padding-top:max(4px,env(safe-area-inset-top));padding-bottom:4px}[data-sources],[data-articles]{padding-top:4px;padding-bottom:4px}}@media(prefers-reduced-motion:reduce){[data-game] *{transition:none!important}[data-book-page] figure img{transition:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--dim)}