*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-page: #f0ede6;--bg-card: #ffffff;--bg-muted: #f5f3ee;--tx: #1c1917;--tx2: #56514d;--tx3: #625d58;--accent: #16803c;--on-accent: #fff;--accent-soft: #dcfce7;--danger: #991b1b;--danger-soft: #fee2e2;--border: rgba(0, 0, 0, .1);--shadow-soft: 0 12px 32px rgba(28, 25, 23, .08);--shadow-accent: 0 8px 22px color-mix(in srgb, var(--accent) 24%, transparent);--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: #c7c2bd;--tx3: #aea8a2;--accent: #4ade80;--on-accent: #111110;--accent-soft: #052e16;--danger: #fca5a5;--danger-soft: #450a0a;--border: rgba(255, 255, 255, .1)}}:root[data-theme=light]{color-scheme:light;--bg-page: #f0ede6;--bg-card: #ffffff;--bg-muted: #f5f3ee;--tx: #1c1917;--tx2: #56514d;--tx3: #625d58;--accent: #16803c;--on-accent: #fff;--accent-soft: #dcfce7;--danger: #991b1b;--danger-soft: #fee2e2;--border: rgba(0, 0, 0, .1)}:root[data-theme=sepia]{color-scheme:light;--bg-page: #e9dfc8;--bg-card: #fbf3df;--bg-muted: #f2e7cc;--tx: #352b1f;--tx2: #594831;--tx3: #624d32;--accent: #8a541f;--on-accent: #fff;--accent-soft: #ead4ad;--danger: #8b2525;--danger-soft: #f3d0c5;--border: rgba(74, 53, 29, .16)}:root[data-theme=dark]{color-scheme:dark;--bg-page: #111110;--bg-card: #1c1c1a;--bg-muted: #252523;--tx: #e7e5e4;--tx2: #c7c2bd;--tx3: #aea8a2;--accent: #4ade80;--on-accent: #111110;--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:100vh;min-height:var(--app-viewport-height, 100dvh);font-family:var(--sans);background:var(--bg-page);color:var(--tx);-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}button,input,select{font:inherit}button,a,summary,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:var(--accent)}#root{min-height:100vh;min-height:var(--app-viewport-height, 100dvh);display:flex;flex-direction:column}.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}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);color:var(--tx);text-decoration:none;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:translateY(0)}#main-content{scroll-margin-top:9rem}: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);box-shadow:0 1px 0 transparent;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.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}.brand-button{min-height:44px;border:0;padding:4px 0;color:var(--tx);background:transparent;cursor:pointer;border-radius:7px;transition:color .2s ease,transform .2s ease,text-shadow .2s ease}.input-group{display:flex;flex:1;gap:8px;align-items:center;min-width:0}.url-input{flex:1;min-width:0;min-height:44px;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 .2s ease,box-shadow .2s ease,background-color .2s ease}.url-input:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)}.url-input::placeholder{color:var(--tx3)}.btn-x{background:none;border:1px solid var(--border);color:var(--tx3);width:44px;height:44px;border-radius:var(--r);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;flex-shrink:0}.btn-x:hover{background:var(--bg-muted);color:var(--tx);border-color:var(--tx3)}.btn-go{min-width:44px;min-height:44px;padding:9px 18px;border-radius:var(--r);border:none;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 18%,transparent);transition:filter .2s ease,transform .2s ease,box-shadow .2s ease;flex-shrink:0}.btn-go:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn-go:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-go:disabled{opacity:.5;cursor:not-allowed}.ctrls{position:relative;display:flex;align-items:center;gap:2px;flex-wrap:wrap}.tb{min-width:44px;min-height:44px;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:color .18s ease,background-color .18s ease,transform .18s ease;flex-shrink:0}.tb:hover{background:var(--bg-muted);color:var(--tx);transform:translateY(-1px)}.tb:active{transform:translateY(0) scale(.97)}.tb.on{color:var(--accent);background:var(--accent-soft)}.tb:disabled{opacity:.5;cursor:not-allowed;transform:none}.reader-source-link{margin-left:auto}.sep{width:1px;height:16px;background:var(--border);margin:0 6px;flex-shrink:0}.preferences{position:relative}.header-preferences{flex-shrink:0}.header-preferences>summary{border:1px solid var(--border);background:var(--bg-muted)}.header-preferences[open]>summary{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft)}.header-preferences .preferences-panel{left:auto;right:0}.preferences summary{list-style:none}.preferences summary::-webkit-details-marker{display:none}.preferences-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:220px;padding:14px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);box-shadow:0 14px 36px #00000029;display:grid;gap:12px;transform-origin:top right;animation:panel-in .2s cubic-bezier(.2,.8,.2,1)}.preferences-panel label{display:grid;gap:5px;color:var(--tx2);font-size:12px}.preferences-panel select{width:100%;min-height:44px;padding:7px 9px;color:var(--tx);background:var(--bg-muted);border:1px solid var(--border);border-radius:7px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.preferences-panel select:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.preferences-panel select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}.export-options{position:relative}.export-options[open]>summary{color:var(--accent);background:var(--accent-soft)}.export-panel{left:auto;right:0;width:230px;padding:8px;gap:4px}.export-option{width:100%;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--tx);cursor:pointer;display:grid;gap:2px;text-align:left;transition:color .18s ease,background-color .18s ease,transform .18s ease}.export-option:hover{color:var(--accent);background:var(--bg-muted);transform:translate(2px)}.export-option:disabled{opacity:.65;cursor:wait;transform:none}.export-option strong{font:600 13px/1.4 var(--sans)}.export-option span{color:var(--tx3);font:11px/1.4 var(--sans)}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;z-index:100;background:var(--accent);transition:width .1s linear}.focus-exit{position:fixed;right:16px;top:16px;z-index:90;min-height:44px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--tx);padding:8px 13px;cursor:pointer;box-shadow:0 5px 20px #00000026}.notice{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:100;background:var(--tx);color:var(--bg-card);padding:9px 14px;border-radius:999px;font-size:13px;box-shadow:0 6px 24px #0003}.focus-hidden{display:none}.focus-shell{padding-top:3.5rem}.focus-article .site-name,.focus-article .article-excerpt,.focus-article .meta-row,.focus-article .hero-img,.focus-article .reader-footer{display:none}.shell{width:100%;max-width:680px;margin:0 auto;padding:1.5rem 16px 3rem;flex:1}.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}.error-copy{display:grid;gap:3px}.error-copy strong{color:var(--danger);font-weight:600}.error-actions{display:flex;flex-wrap:wrap;gap:8px}.retry-button{min-height:44px;border:1px solid currentColor;background:transparent;color:inherit;border-radius:7px;padding:6px 10px;cursor:pointer;white-space:nowrap;text-decoration:none;font:inherit;transition:background-color .18s ease,transform .18s ease}.retry-button:hover{background:color-mix(in srgb,currentColor 8%,transparent);transform:translateY(-1px)}.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}.welcome .welcome-note{margin-top:12px;color:var(--tx3);font-size:13px}.info-box{margin-top:24px;padding:20px;border:1px solid transparent;border-radius:var(--rl);background:var(--bg-muted);font-size:14px;color:var(--tx2);line-height:1.65;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease}.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);transition:color .18s ease,background-color .18s ease,transform .18s ease}.gallery-pill{color:var(--accent);background:var(--accent-soft);font-weight:600}.extraction-warning{margin:0 0 20px;padding:10px 12px;border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0;background:var(--accent-soft);color:var(--tx2);font:13px/1.5 var(--sans)}.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;transition:color .18s ease,text-underline-offset .18s ease}.reader-body a:hover{text-underline-offset:4px}.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 .gallery-item{padding:0 0 2.4em;margin:0 0 2.4em;border-bottom:1px solid var(--border)}.reader-body .gallery-item:last-child{border-bottom:0}.reader-body .gallery-item figure{margin:0}.reader-body .gallery-item img{display:block;width:100%;margin:0}.reader-body .gallery-index{margin:0 0 9px;color:var(--tx3);font:600 12px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase}.reader-body .gallery-credit{display:block;margin-top:5px;font:12px/1.5 var(--sans)}.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}.print-footer{display:none}.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}.collection-heading{display:flex;align-items:center;justify-content:space-between}.clear-history,.remove-saved{border:0;background:transparent;color:var(--tx3);cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .18s ease}.clear-history{min-width:44px;min-height:44px;font-size:12px;padding:4px 6px}.saved-row{display:flex;align-items:center}.saved-row .hist-item{flex:1;min-width:0}.remove-saved{min-width:44px;min-height:44px;font-size:20px;padding:8px}.hist-item{width:100%;min-height:44px;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-color .18s ease,transform .18s ease,box-shadow .18s ease}.hist-item:hover{background:var(--bg-muted);transform:translate(3px);box-shadow:inset 3px 0 0 var(--accent)}.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)}.site-footer{width:100%;border-top:1px solid var(--border);color:var(--tx3);background:color-mix(in srgb,var(--bg-card) 55%,transparent);transition:background-color .25s ease,border-color .25s ease}.site-footer-inner{max-width:720px;min-height:72px;margin:0 auto;padding:18px 16px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;font-size:12px;text-align:center}.footer-brand{color:var(--tx2);font-family:var(--serif);font-size:14px;font-weight:600;transition:color .18s ease}@media(hover:hover){.top-header:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--tx) 5%,transparent)}.brand-button:hover{color:var(--accent);transform:translateY(-1px) scale(1.025);text-shadow:0 6px 18px color-mix(in srgb,var(--accent) 28%,transparent)}.btn-x:hover{transform:scale(1.12);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 7px 18px color-mix(in srgb,var(--tx) 16%,transparent)}.info-box:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 18%,var(--border));box-shadow:var(--shadow-soft);background:color-mix(in srgb,var(--bg-muted) 82%,var(--bg-card))}.pill:hover{color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.clear-history:hover,.remove-saved:hover{color:var(--tx);background:var(--bg-muted);transform:scale(1.04)}.site-footer:hover .footer-brand{color:var(--accent)}}@media(max-width:640px){.top-inner{padding:10px 12px;gap:8px}.header-row{flex-wrap:wrap;gap:8px}.brand{width:auto;font-size:18px}.input-group{width:100%;flex:1 0 100%;order:3}.header-preferences{margin-left:auto}.header-preferences .preferences-panel{max-width:calc(100vw - 24px)}.url-input{font-size:16px;padding:10px 12px}.btn-go{padding:10px 16px}.ctrls{gap:4px}.ctrls .export-options{position:static}.ctrls .export-panel{top:calc(100% + 8px);left:0;right:0;width:auto}.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}.site-footer-inner{min-height:64px;padding:16px 12px}.export-panel{max-width:calc(100vw - 24px)}#main-content{scroll-margin-top:13rem}}@media print{@page{margin:16mm}:root{color-scheme:light}body{background:#fff!important;color:#292524!important}.top-header,.reading-progress,.focus-exit,.notice,.site-footer,.reader-footer{display:none!important}#root{display:block;min-height:0}.shell,.focus-shell{max-width:none!important;padding:0!important}article{max-width:none!important;color:#292524!important}.focus-article .site-name,.focus-article .article-excerpt,.focus-article .meta-row,.focus-article .hero-img{display:revert}.reader-body,.article-excerpt,.site-name,.pill,.reader-body figcaption{color:#292524!important}.reader-body a,.print-footer a{color:inherit}.reader-body img,.hero-img,.reader-body figure,.reader-body .gallery-item{break-inside:avoid;page-break-inside:avoid}.print-footer{display:block;border-top:1px solid #d6d3d1;margin-top:48px;padding-top:18px;color:#78716c;font:12px/1.6 var(--sans);text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}