*{box-sizing:border-box;margin:0;padding:0}:root{--hn-orange: #ff6600;--text-color: #333;--light-text: #666;--border-color: #ddd;--link-color: #000;--link-visited: #555;--background-color: #fff;--card-background: #fff;--comment-background: #f9f9f9}.dark-mode{--text-color: #e4e4e4;--light-text: #aaa;--border-color: #444;--link-color: #e4e4e4;--link-visited: #aaa;--background-color: #121212;--card-background: #1e1e1e;--comment-background: #252525}html,body{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.4;font-weight:400;overflow-y:scroll;background-color:var(--background-color);color:var(--text-color)}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}a:visited{color:var(--link-visited)}.app{max-width:1200px;margin:0 auto;padding:4px 2px;min-height:100vh;background-color:var(--background-color)}.app-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;margin-bottom:6px;border-bottom:1px solid var(--border-color)}.app-title{font-size:16px;font-weight:700}.app-title a{color:var(--hn-orange);text-decoration:none}.app-title a:hover{text-decoration:none}.app-title a:visited{color:var(--hn-orange)}.theme-toggle{background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);padding:5px 10px;cursor:pointer}.theme-toggle:hover{background-color:#0000000d}.app-footer{margin-top:20px;padding-top:10px;border-top:1px solid var(--border-color);text-align:center;color:var(--light-text);font-size:12px}.stories-list{display:flex;flex-direction:column}.story-container{display:flex;padding:3px 0}.story-index{color:var(--light-text);min-width:24px;font-size:11px;padding-top:2px;text-align:right;padding-right:4px}.story-item{flex:1;cursor:pointer;padding:.1875rem .3125rem;margin:0 -.25rem;border-radius:.25rem}.story-item:hover{background-color:#00000005}.visited-story{opacity:.7}.visited-story .story-title a{color:var(--link-visited)}.story-title{font-size:14px;margin-bottom:.125rem;font-weight:500;line-height:1.3;display:inline}.story-title-row{display:block}.story-title a,.story-title-button{color:var(--text-color);text-decoration:none;background:none;border:none;padding:0;font:inherit;cursor:pointer;text-align:left}.story-title a:hover,.story-title-button:hover{text-decoration:underline}.story-domain{color:var(--light-text);font-size:10px;margin-left:.25rem;white-space:nowrap;display:inline}.story-info{font-size:10px;color:var(--light-text);display:flex;gap:.25rem;flex-wrap:wrap;line-height:1.2;margin-top:1px}.story-comments-link{color:var(--light-text);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit}.story-comments-link:hover{text-decoration:underline}.stories-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.stories-nav{display:flex;gap:10px}.stories-nav a,.stories-nav button{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--hn-orange);font-size:14px;font-weight:500;text-decoration:none}.stories-nav a:hover,.stories-nav button:hover{text-decoration:underline}.page-info{font-size:14px;color:var(--light-text)}.stories-controls-bottom{margin-top:5px}.back-button{background:none;border:none;color:var(--link-color);cursor:pointer;font-size:14px;margin-bottom:20px;padding:0;display:flex;align-items:center}.back-button:hover{text-decoration:underline}.story-details{padding:12px;background-color:var(--card-background);border-radius:4px;margin-bottom:15px;border:1px solid var(--border-color)}.story-details h1{font-size:18px;margin-bottom:8px;line-height:1.25}.story-url{margin-bottom:6px;font-size:12px}.story-text{margin-bottom:8px;font-size:13px;line-height:1.5;padding-left:12px;border-left:3px solid var(--hn-orange);color:var(--text-color)}.story-text p{margin:8px 0}.story-text a{color:var(--hn-orange)}.story-meta{font-size:11px;color:var(--light-text);display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.comments-section h2{font-size:16px;margin-bottom:8px}.comments-list{display:flex;flex-direction:column;gap:0}.comment{padding:4px 0 8px;border-bottom:1px solid var(--border-color);margin-bottom:2px;border-radius:0}.comment-indent-1{margin-left:15px}.comment-indent-2{margin-left:30px}.comment-indent-3{margin-left:45px}.comment-indent-4{margin-left:60px}.deeply-nested{margin-left:60px!important}.comment-header{font-size:12px;color:var(--light-text);margin-bottom:4px;display:flex;align-items:center;gap:6px}.comment-author{font-weight:700;color:var(--text-color)}.comment-content{font-size:13px;line-height:1.5;overflow-wrap:break-word;margin-top:0}.comment-content a{color:var(--hn-orange)}.comment-content p{margin-bottom:8px;margin-top:0}.comment-content pre,.comment-content code{white-space:pre-wrap;background-color:#0000000d;padding:2px 4px;border-radius:3px;font-family:monospace;font-size:12px}.comment-toggle{background:none;border:none;color:var(--light-text);cursor:pointer;font-size:12px;padding:0;margin-left:auto}.comment-toggle:hover{color:var(--hn-orange)}.load-more-button{background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--light-text);cursor:pointer;font-size:12px;margin-top:10px;padding:5px 10px}.load-more-button:hover{background-color:#0000000d;color:var(--hn-orange)}.load-more-button.loading{cursor:default;opacity:.7}.comment-deleted{color:var(--light-text);font-style:italic;font-size:13px}.loading,.error,.loading-indicator,.loading-comments,.loading-more-comments,.loading-more{text-align:center;padding:12px 0;color:var(--light-text);font-style:italic;font-size:13px}.loading,.error{padding:40px 0}.error{color:#e05151}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes highlightFlash{0%{background-color:#ff660026}to{background-color:transparent}}.newly-added{animation:slideInFromTop .4s ease-out,highlightFlash 2s ease-out}@media (max-width: 768px){.app{padding:2px}.story-details{padding:6px}.comment{padding:4px 3px}.page-range{display:none}.story-container{padding:2px 0}.story-item{padding:.0625rem .125rem}.stories-controls-bottom{margin-top:5px}}