:root{color-scheme:dark;--muted:#a0a0a0;--line:#303030}*{box-sizing:border-box}body{margin:0;background:#000;color:#fff;font-family:'Courier New',monospace}main{max-width:780px;margin:auto;padding:28px 28px 40px}figure{margin:0 auto 30px;width:min(100%,440px);container-type:inline-size}#portrait{margin:0;color:#fff;font:normal 1.262cqw/.98 'Courier New',monospace;letter-spacing:0;white-space:pre;user-select:none}h1{font:normal 13px/1.7 'Courier New',monospace;text-align:center;margin:0 0 40px}a{color:inherit;text-underline-offset:4px}a:hover,button:hover{color:#bbb}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid white;outline-offset:5px}.meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-bottom:13px}.reading{display:grid;grid-template-columns:92px 1fr 24px;gap:16px;align-items:center;padding:24px 0;border-top:1px solid var(--line)}.reading:last-child{border-bottom:1px solid var(--line)}.kind{font-size:10px;color:var(--muted)}h3{margin:0 0 7px;font-size:16px;font-weight:normal}h3 a{text-align:left;padding:0;line-height:1.5;text-decoration:underline;text-decoration-color:#555;text-underline-offset:4px}.author{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.actions{display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer}input{accent-color:#fff;width:16px;height:16px;cursor:pointer}footer{font-size:10px;color:var(--muted);line-height:1.8;text-align:center;padding-top:20px}details{margin-top:20px}summary{cursor:pointer;display:list-item;list-style-position:inside}details p{max-width:560px;margin:14px auto}.skip{position:absolute;top:-90px;left:20px;background:#000;padding:12px}.skip:focus{top:10px}#storage-error{font-size:12px;line-height:1.6;border:1px solid #777;padding:15px}@media(max-width:540px){main{padding:22px 18px 32px}figure{margin-bottom:24px}h1{font-size:12px;margin-bottom:28px}.reading{grid-template-columns:1fr 24px;gap:8px 12px;padding:20px 0}.kind{grid-column:1}.reading>div:nth-child(2){grid-column:1}.actions{grid-column:2;grid-row:1 / span 2}h3{font-size:16px}.meta{font-size:9px}}

.source-link,.reading-time{font-size:10px;line-height:1.8;color:var(--muted)}.source-link{display:inline-block;margin-top:9px}.reading-time{white-space:nowrap}h3 a{display:inline-block}