:root{--reading-ink:#263d37;--reading-paper:#f5f0e5;--reading-line:#d5cdbd;--reading-accent:#795332}
.reading-dock{position:fixed;z-index:65;top:20px;left:76px;display:flex;gap:4px;padding:5px;background:#f5f0e5f2;border:1px solid #d5cdbd;border-radius:12px;box-shadow:0 5px 25px #15241b18}
.reading-dock button,.square-welcome button,.reading-room button,.reading-room input,.reading-room select{font:500 14px/1.4 system-ui,sans-serif;min-height:44px;border-radius:7px;border:1px solid var(--reading-line);background:transparent;color:var(--reading-ink);padding:10px 14px;cursor:pointer}
.reading-dock button{border:0}.reading-dock button:hover,.square-welcome button:hover,.reading-room button:hover{background:#e8dfce}
.reading-dock button:focus-visible,.square-welcome button:focus-visible,.reading-room :focus-visible{outline:3px solid #3b776b;outline-offset:3px}
.square-welcome{position:fixed;left:84px;bottom:48px;width:min(420px,calc(100vw - 110px));box-sizing:border-box;z-index:64;padding:30px;background:#f5f0e5f2;color:var(--reading-ink);border:1px solid var(--reading-line);border-radius:14px;box-shadow:0 12px 50px #16251c20;font:15px/1.65 system-ui,sans-serif}
.square-welcome[hidden]{display:none}.reading-kicker{font:600 10px/1.5 system-ui,sans-serif;letter-spacing:.16em;color:#6c7160;margin:0 0 12px}
.square-welcome h1{font:400 38px/1.1 Georgia,serif;letter-spacing:-.025em;margin:0 0 16px}.square-intro{margin:0 0 22px}.reading-actions{display:flex;flex-wrap:wrap;gap:8px}.square-welcome .reading-primary{background:#294b40;color:#fff;border-color:#294b40}.square-welcome .reading-primary:hover{background:#396454}.square-controls{font-size:11px;color:#686d5e;margin:18px 0 0}.square-notice:empty{display:none}.square-welcome .square-dismiss{position:absolute;right:9px;top:7px;border:0;font-size:22px;padding:3px 12px}
.reading-room{position:fixed;inset:0;margin:auto;width:min(850px,calc(100vw - 48px));height:min(850px,calc(100dvh - 48px));max-width:none;max-height:none;box-sizing:border-box;padding:0;border:1px solid #d5cdbd;border-radius:16px;background:var(--reading-paper);color:var(--reading-ink);box-shadow:0 30px 100px #07181166;font:15px/1.55 system-ui,sans-serif;overflow:hidden}
.reading-room[open]{display:flex;flex-direction:column}.reading-room::backdrop{background:#122b2580;backdrop-filter:blur(4px)}
.reading-header{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;padding:30px 32px 20px;border-bottom:1px solid var(--reading-line)}.reading-header h2{font:400 42px/1.08 Georgia,serif;letter-spacing:-.025em;margin:0 0 12px}.reading-subtitle{font-size:13px;color:#666f61;max-width:430px;margin:0}.reading-close{flex-shrink:0}.reading-tools{display:grid;grid-template-columns:1fr 190px;gap:16px;padding:20px 32px 0}.reading-tools label{font-size:11px;letter-spacing:.025em;color:#626b5f}.reading-tools input,.reading-tools select{display:block;width:100%;box-sizing:border-box;margin-top:6px;background:#fffaf0;cursor:auto}.reading-status{font-size:11px;color:#6c7160;padding:12px 32px;margin:0;border-bottom:1px solid var(--reading-line)}
.reading-list{overflow:auto;overscroll-behavior:contain;padding:0 32px;flex:1;min-height:0}.reading-card{position:relative;padding:24px 0 24px 46px;border-bottom:1px solid var(--reading-line)}.reading-number{position:absolute;left:0;top:28px;font:14px Georgia,serif;color:#9b8a6e}.reading-meta{font-size:11px;color:#727260;margin:0 0 8px}.reading-card h3{font:400 24px/1.25 Georgia,serif;margin:0 0 10px;overflow-wrap:anywhere}.reading-title-link{color:var(--reading-ink);text-decoration:none}.reading-title-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.reading-summary{font-size:13px;color:#606757;max-width:620px;margin:0 0 12px;overflow-wrap:anywhere}.reading-read{font-size:12px;font-weight:600;color:var(--reading-accent);text-underline-offset:4px}.reading-footer{padding:14px 32px;display:flex;gap:18px;justify-content:space-between;align-items:center;border-top:1px solid var(--reading-line);font-size:10px;color:#6c7160}.reading-footer a{color:var(--reading-accent);white-space:nowrap}.reading-empty{padding:36px 0}.reading-empty h3{font:26px Georgia,serif}.reading-empty p{color:#626b5f}
@media(max-width:640px){.reading-dock{top:max(12px,env(safe-area-inset-top));left:60px;right:10px;justify-content:space-between;gap:0}.reading-dock button{font-size:11px;padding:7px}.square-welcome{left:66px;bottom:max(150px,env(safe-area-inset-bottom));width:calc(100vw - 82px);padding:22px}.square-welcome h1{font-size:31px}.square-intro{font-size:13px}.square-controls{font-size:10px}.reading-room{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:12px}.reading-header{padding:22px 18px 16px;gap:8px}.reading-header h2{font-size:32px}.reading-header .reading-close{padding:8px;font-size:12px}.reading-kicker{font-size:9px}.reading-tools{padding:14px 18px 0;gap:10px;grid-template-columns:1fr 125px}.reading-status{padding:10px 18px}.reading-list{padding:0 18px}.reading-card{padding-left:30px}.reading-card h3{font-size:22px}.reading-number{font-size:12px}.reading-footer{padding:12px 18px;flex-wrap:wrap;gap:7px}.reading-subtitle{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reading-room::backdrop{backdrop-filter:none}}