:root{color-scheme:light;--bg: #ffffff;--bg-panel: #ffffff;--bg-accent: #f3f3f3;--surface: #ffffff;--text: #111111;--muted: #555555;--line: #dddddd;--line-soft: #e8e8e8;--on-primary: #ffffff;--primary: #111111;--primary-strong: #111111;--focus: #005fcc;--danger: #a30000;--danger-line: #d0a7a7;--shadow: none}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;background:var(--bg)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #0f0f0f;--bg-panel: #151515;--bg-accent: #222222;--surface: #1a1a1a;--text: #eaeaea;--muted: #b2b2b2;--line: #343434;--line-soft: #2b2b2b;--on-primary: #111111;--primary: #f0f0f0;--primary-strong: #f0f0f0;--focus: #8ab4ff;--danger: #ff9b9b;--danger-line: #6b3a3a}}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.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}#app{width:min(1040px,calc(100vw - 2rem));margin:.8rem auto 1.2rem}.app-shell{display:grid;gap:1rem}.app-header{background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:.85rem;box-shadow:var(--shadow)}.brand{display:grid;gap:.2rem}.brand-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .75rem}.brand h1{margin:0;font-family:inherit;font-weight:600;letter-spacing:0}.brand h1 a{text-decoration:none}.header-actions{display:flex;gap:.5rem;margin-top:.75rem}.feed-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.app-main{border:1px solid var(--line);background:var(--bg-panel);border-radius:14px;padding:.85rem;min-height:240px;box-shadow:var(--shadow)}@media(max-width:820px){#app{width:calc(100vw - 1rem);margin:.55rem auto .9rem}.app-shell{gap:.75rem}.app-header,.app-main{border-radius:12px;padding:.75rem}}@media(max-width:640px){.brand-row{gap:.45rem .55rem}.brand h1{font-size:1.3rem}.feed-tabs{gap:.35rem}.header-actions{margin-top:.6rem;flex-wrap:wrap}}@media(min-width:900px){.app-header,.app-main{padding:1rem}}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:.45rem .7rem;border-radius:10px;text-decoration:none;font-size:.92rem;cursor:pointer}.btn,.feed-tab{touch-action:manipulation}.btn:hover{border-color:var(--primary)}.btn.accent{background:var(--bg-accent);border-color:var(--line)}.btn.is-disabled{opacity:.45;pointer-events:none}.feed-tab{text-decoration:none;padding:.36rem .62rem;border:1px solid var(--line);border-radius:10px;font-size:.9rem;background:var(--surface)}.feed-tab.is-active{color:var(--on-primary);border-color:var(--primary);background:var(--primary)}.status{border:1px dashed var(--line);border-radius:14px;padding:1rem;color:var(--muted)}.status-error{border-color:var(--danger-line);color:var(--danger)}.story-list{display:grid;gap:.8rem}.story-card{display:grid;grid-template-columns:2.2rem 1fr;gap:.75rem;border:1px solid var(--line);border-radius:12px;padding:.8rem;background:var(--surface)}.story-card.is-skeleton .story-content{display:grid;gap:.42rem}.skeleton-line{border-radius:999px;background:var(--line-soft);height:.7rem}.skeleton-line.title{width:85%}.skeleton-line.meta{width:45%;height:.58rem}.story-card.is-missing .story-title{color:var(--muted)}.story-rank{font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.story-title{margin:0;font-size:1rem}.story-title a{text-decoration:none}.story-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.36rem;color:var(--muted);font-size:.87rem}.story-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;font-size:.9rem}.story-link{color:var(--primary-strong)}.pagination{margin-top:.9rem;display:flex;justify-content:center;align-items:center;gap:.7rem}.pagination-info{color:var(--muted);min-width:3.6rem;text-align:center}.item-detail h2,.user-profile h2{margin-top:0;margin-bottom:.5rem}.item-meta,.user-meta{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--muted);font-size:.9rem}.item-actions{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.55rem}.item-text{margin-top:1rem;padding:.8rem;border-radius:12px;border:1px solid var(--line);background:var(--surface)}.comments-wrap{margin-top:1.1rem;overflow-x:hidden;overflow-x:clip}.comments-wrap h3{margin:0 0 .75rem}.comments-status{margin:0 0 .6rem;color:var(--muted);font-size:.87rem}.comments-status.is-error{color:var(--danger)}.comment-tree{display:grid;gap:.65rem}.comment-node{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:.55rem;row-gap:.45rem;align-items:stretch;min-width:0}.comment-node.is-collapsed-by-user{align-items:center}.comment-depth-line{grid-column:1;grid-row:1 / span 2;width:16px;border:none;padding:0;margin:0;background:transparent;cursor:pointer;position:relative}.comment-depth-line-passive{grid-column:1;grid-row:1 / span 2;width:16px;position:relative}.comment-depth-line:before,.comment-depth-line-passive:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--line-soft)}.comment-depth-line:after,.comment-depth-line-passive:after{content:"";position:absolute;left:7px;top:.95rem;width:8px;height:2px;background:var(--line-soft)}.comment-depth-line:hover:before{background:var(--primary)}.comment-depth-line:hover:after{background:var(--primary)}.comment-card{grid-column:2;border:none;border-radius:12px;padding:.7rem;background:var(--surface);min-width:0}.comment-card.is-removed{opacity:.76}.comment-meta{display:flex;gap:.5rem;align-items:flex-start;justify-content:space-between;color:var(--muted);font-size:.83rem}.comment-meta-main{display:flex;gap:.55rem;align-items:center;min-width:0;flex-wrap:wrap}.comment-body{margin-top:.45rem;font-size:.92rem}.comment-translate-btn{padding:.25rem .55rem;font-size:.78rem;line-height:1.3;white-space:nowrap}.comment-translation-error{margin:.4rem 0 0;color:var(--danger);font-size:.82rem}.comment-toggle{margin-top:.45rem}.comment-collapsed-toggle{grid-column:2;justify-self:start;font-size:.84rem;color:var(--muted)}.comment-children{grid-column:2;list-style:none;margin:0;padding:0;display:grid;gap:.45rem;min-width:0}.user-about{margin-top:.8rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.submitted-links{display:flex;flex-wrap:wrap;gap:.45rem}.submitted-links a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.2rem .48rem;font-size:.85rem}.story-title,.story-meta,.item-text,.comment-body,.user-about,.submitted-links a{overflow-wrap:anywhere;word-break:break-word}.item-text pre,.item-text code,.comment-body pre,.comment-body code,.user-about pre,.user-about code{max-width:100%}.item-text pre,.comment-body pre,.user-about pre{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:pre}@media(max-width:820px){.story-card{gap:.6rem;padding:.7rem}.item-text,.user-about{padding:.7rem}.pagination{flex-wrap:wrap;gap:.55rem}}@media(max-width:640px){.btn,.feed-tab{min-height:44px;padding:.5rem .75rem;font-size:.95rem}.feed-tab{min-width:64px;text-align:center}.story-card{grid-template-columns:1.8rem 1fr;gap:.55rem;padding:.65rem}.story-title{font-size:.98rem}.story-meta,.story-actions,.item-meta,.user-meta{gap:.4rem .5rem}.pagination{justify-content:space-between}.pagination-info{width:100%;order:3}.item-text,.comment-card,.user-about{padding:.65rem}.comment-node{grid-template-columns:24px minmax(0,1fr);column-gap:.45rem}.comment-depth-line,.comment-depth-line-passive{width:24px;min-height:44px}.comment-depth-line:before,.comment-depth-line-passive:before{left:11px}.comment-depth-line:after,.comment-depth-line-passive:after{left:11px;width:9px}.comment-toggle,.comment-collapsed-toggle{min-height:40px}.comment-meta{flex-wrap:wrap;align-items:center;row-gap:.35rem}.comment-translate-btn{min-height:32px;margin-left:auto;font-size:.86rem}.submitted-links a{min-height:36px;display:inline-flex;align-items:center}}@media(max-width:420px){.story-card{grid-template-columns:1.5rem 1fr}.story-rank{font-size:.88rem}}