*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-page: #f0ede6;--bg-card: #ffffff;--bg-muted: #f5f3ee;--tx: #1c1917;--tx2: #6b6560;--tx3: #8a8580;--accent: #16803c;--accent-soft: #dcfce7;--danger: #991b1b;--danger-soft: #fee2e2;--border: rgba(0, 0, 0, .1);--r: 10px;--rl: 14px;--sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif: "Source Serif 4", Georgia, serif;--mono: "SF Mono", "Fira Code", Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg-page: #111110;--bg-card: #1c1c1a;--bg-muted: #252523;--tx: #e7e5e4;--tx2: #b5b0ab;--tx3: #938d87;--accent: #4ade80;--accent-soft: #052e16;--danger: #fca5a5;--danger-soft: #450a0a;--border: rgba(255, 255, 255, .1)}}html{min-height:100%;background:var(--bg-page)}body{min-height:100%;font-family:var(--sans);background:var(--bg-page);color:var(--tx);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.top-header{position:sticky;top:0;z-index:50;background:var(--bg-card);border-bottom:1px solid var(--border)}.top-inner{max-width:720px;margin:0 auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.header-row{display:flex;align-items:center;gap:12px}.brand{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0}.input-group{display:flex;flex:1;gap:8px;align-items:center;min-width:0}.url-input{flex:1;min-width:0;padding:9px 14px;border-radius:var(--r);font-size:14px;border:1px solid var(--border);background:var(--bg-muted);color:var(--tx);outline:none;transition:border-color .15s}.url-input:focus{border-color:var(--accent)}.url-input::placeholder{color:var(--tx3)}.btn-x{background:none;border:1px solid var(--border);color:var(--tx3);width:36px;height:36px;border-radius:var(--r);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0}.btn-x:hover{background:var(--bg-muted);color:var(--tx);border-color:var(--tx3)}.btn-go{padding:9px 18px;border-radius:var(--r);border:none;background:var(--accent);color:#fff;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:filter .15s;flex-shrink:0}.btn-go:hover{filter:brightness(1.1)}.btn-go:disabled{opacity:.5;cursor:not-allowed}.ctrls{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.tb{background:none;border:none;cursor:pointer;padding:5px 10px;border-radius:var(--r);color:var(--tx2);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;transition:all .12s;flex-shrink:0}.tb:hover{background:var(--bg-muted);color:var(--tx)}.tb.on{color:var(--accent);background:var(--accent-soft)}.sep{width:1px;height:16px;background:var(--border);margin:0 6px;flex-shrink:0}.meta-sm{font-size:12px;color:var(--tx3);white-space:nowrap}.spacer{flex:1;min-width:8px}.shell{max-width:680px;margin:0 auto;padding:1.5rem 16px 3rem}.error-box{margin:0 0 14px;padding:12px 16px;border-radius:var(--r);background:var(--danger-soft);color:var(--danger);font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.retry-button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:7px;padding:6px 10px;cursor:pointer;white-space:nowrap}.loader{display:flex;flex-direction:column;align-items:center;gap:10px;padding:3rem 0}.loader-compact{padding:12px;margin-bottom:18px;flex-direction:row;border-radius:var(--r);background:var(--bg-muted)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex:0 0 auto}.loader-compact .spinner{width:20px;height:20px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-size:14px;color:var(--tx2)}.loader-hint{font-size:12px;color:var(--tx3);text-align:center}.loader-compact .loader-hint{margin-left:auto;text-align:right}.welcome{text-align:center;padding:3rem 0 1.5rem}.welcome h1{font-family:var(--serif);font-size:32px;font-weight:600;letter-spacing:-.02em}.welcome p{color:var(--tx2);font-size:15px;margin-top:6px}.info-box{margin-top:24px;padding:20px;border-radius:var(--rl);background:var(--bg-muted);font-size:14px;color:var(--tx2);line-height:1.65}.info-box strong{color:var(--tx);font-weight:500}.info-box p{margin-top:8px}.site-name{font-size:12px;color:var(--tx3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;font-size:13px;color:var(--tx2);background:var(--bg-muted)}.hero-img{width:100%;border-radius:var(--rl);margin-bottom:24px;max-height:400px;object-fit:cover}.article-title{font-size:30px;font-weight:600;line-height:1.22;font-family:var(--serif);margin-bottom:14px}.article-excerpt{font-size:16px;color:var(--tx2);line-height:1.5;margin-bottom:18px;font-style:italic}.reader-body{line-height:1.9;color:var(--tx);overflow-wrap:break-word;word-break:break-word}.reader-body p{margin:0 0 1.35em}.reader-body h1,.reader-body h2,.reader-body h3,.reader-body h4{font-family:var(--sans);font-weight:500;margin:1.6em 0 .5em;line-height:1.3}.reader-body h2{font-size:1.35em}.reader-body h3{font-size:1.15em}.reader-body img{max-width:100%;height:auto;border-radius:8px;margin:1em 0}.reader-body a{color:var(--accent);text-underline-offset:2px}.reader-body blockquote{border-left:3px solid var(--accent);padding-left:1.2em;margin:1.4em 0;color:var(--tx2);font-style:italic}.reader-body ul,.reader-body ol{padding-left:1.5em;margin:.8em 0 1.3em}.reader-body li{margin:.25em 0}.reader-body figure{margin:1.4em 0}.reader-body figcaption{font-size:.85em;color:var(--tx3);margin-top:.4em;text-align:center}.reader-body pre{background:var(--bg-muted);padding:1em;border-radius:8px;overflow-x:auto;font-size:.85em;font-family:var(--mono)}.reader-body code{font-family:var(--mono);font-size:.88em}.reader-body table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.9em;display:block;overflow-x:auto}.reader-body th,.reader-body td{padding:8px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.reader-footer{border-top:1px solid var(--border);margin-top:48px;padding-top:20px;text-align:center}.reader-another{display:inline-flex;gap:6px;font-size:14px;color:var(--tx2);padding:8px 16px;margin:0 auto}.fade-in{animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hist{margin-top:20px}.hist-label{font-size:11px;color:var(--tx3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.hist-item{width:100%;border:0;text-align:left;background:none;color:inherit;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r);cursor:pointer;transition:background .12s}.hist-item:hover{background:var(--bg-muted)}.hist-copy{flex:1;min-width:0;display:block}.hist-title,.hist-url{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-title{font-size:14px;color:var(--tx)}.hist-url{font-size:12px;color:var(--tx3)}@media(max-width:640px){.top-inner{padding:10px 12px;gap:8px}.header-row{flex-wrap:wrap;gap:8px}.brand{width:100%;font-size:18px}.input-group{width:100%}.url-input{font-size:16px;padding:10px 12px}.btn-go{padding:10px 16px}.ctrls{gap:0}.ctrls .meta-sm{display:none}.tb{padding:6px 8px;font-size:13px}.sep{margin:0 4px}.shell{padding:1rem 12px 2rem}.welcome{padding:2rem 0 1rem}.welcome h1{font-size:26px}.welcome p{font-size:14px}.info-box{padding:16px;font-size:13px}.hero-img{border-radius:var(--r);margin-bottom:16px;max-height:240px}.article-title{font-size:24px;line-height:1.28}.article-excerpt{font-size:15px}.reader-body{line-height:1.8}.reader-body blockquote{padding-left:1em;margin:1em 0}.reader-body pre{padding:.8em;font-size:.8em}.hist-item{padding:8px;gap:8px}.hist-title{font-size:13px}.loader-compact{align-items:flex-start;flex-wrap:wrap}.loader-compact .loader-hint{width:100%;margin-left:30px;text-align:left}.error-box{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}