:root{--font-body:"Geist", "Geist Fallback", system-ui, sans-serif;--font-mono:"Geist Mono", monospace;--text-headline:1.125rem;--text-headline-lh:1.35;--text-body:.9375rem;--text-body-lh:1.6;--text-meta:.8125rem;--text-meta-lh:1.4;--text-hero:clamp(2rem, 5vw, 3.5rem);--color-bg:#fff;--color-surface:#f8f8f8;--color-border:#e5e5e5;--color-text:#111;--color-text-muted:#666;--color-accent:#0057ff;--color-bbc:#bb1919;--color-kotaku:#1a7a3c;--color-mybroadband:#1a4fa8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--text-body-lh);color:var(--color-text);background:var(--color-bg)}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}.app{flex-direction:column;min-height:100vh;display:flex}.top-bar{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:10;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.wordmark{font-size:var(--text-hero);letter-spacing:-.04em;font-weight:700;line-height:1}.top-bar-actions{align-items:center;gap:.5rem;display:flex}.refresh-button,.settings-button{font-size:var(--text-meta);color:var(--color-text-muted);border-radius:6px;padding:.375rem .75rem;transition:background .15s}.refresh-button:hover,.settings-button:hover{background:var(--color-surface)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.view-nav{border-bottom:1px solid var(--color-border);gap:0;padding:0 1.25rem;display:flex}.view-nav button{font-size:var(--text-meta);color:var(--color-text-muted);border-bottom:2px solid #0000;padding:.5rem 1rem;transition:color .15s,border-color .15s}.view-nav button.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-bar{border-bottom:1px solid var(--color-border);gap:0;padding:0 1.25rem;display:flex}.tab-button{font-size:var(--text-meta);color:var(--color-text-muted);border-bottom:2px solid #0000;padding:.5rem 1rem;transition:color .15s,border-color .15s}.tab-button--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.main-content{padding:1.25rem}.loading{text-align:center;color:var(--color-text-muted);padding:3rem}.masonry-grid{columns:1;column-gap:1rem}@media (width>=640px){.masonry-grid{columns:2}}@media (width>=1024px){.masonry-grid{columns:3}}.article-card{break-inside:avoid;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;margin-bottom:1rem;overflow:hidden}.hero-image-wrap{aspect-ratio:16/9;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%;display:block}.card-body{padding:1rem}.card-meta{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.source-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:4px;padding:.125rem .4rem;font-size:.6875rem;font-weight:700}.source-badge--bbc{background:var(--color-bbc)}.source-badge--kotaku{background:var(--color-kotaku)}.source-badge--mybroadband{background:var(--color-mybroadband)}.published-at{font-size:var(--text-meta);color:var(--color-text-muted)}.article-title{font-size:var(--text-headline);line-height:var(--text-headline-lh);margin-bottom:.75rem;font-weight:600}.article-title a:hover{text-decoration:underline}.bullets-section{margin-bottom:.75rem}.bullets-toggle{font-size:var(--text-meta);color:var(--color-accent);margin-bottom:.375rem}.bullets-list{font-size:var(--text-body);line-height:var(--text-body-lh);padding-left:1.25rem;transition:max-height .2s;overflow:hidden}.bullets-list li+li{margin-top:.25rem}.card-actions{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.open-original{font-size:var(--text-meta);color:var(--color-accent)}.open-original:hover{text-decoration:underline}.star-button{color:var(--color-text-muted);border-radius:4px;align-items:center;padding:.25rem;transition:color .15s;display:flex}.star-button:hover,.star-button.starred{color:#f59e0b}.settings-backdrop{z-index:40;background:#0000004d;position:fixed;inset:0}.settings-panel{background:var(--color-bg);border-left:1px solid var(--color-border);z-index:50;flex-direction:column;width:min(360px,90vw);height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.settings-panel--open{transform:translate(0)}.settings-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.settings-header h2{font-size:1rem;font-weight:600}.settings-close{color:var(--color-text-muted);padding:.25rem;font-size:1.125rem}.settings-body{padding:1.25rem}.settings-body h3{font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.75rem;font-weight:600}.settings-refresh-button{background:var(--color-accent);color:#fff;font-size:var(--text-meta);border-radius:6px;padding:.5rem 1rem}.last-refresh-time{font-size:var(--text-meta);color:var(--color-text-muted);margin-top:.5rem}.history-view{gap:0;height:calc(100vh - 120px);display:flex}.date-list{border-right:1px solid var(--color-border);flex-shrink:0;width:180px;padding:.5rem 0;overflow-y:auto}.date-item{text-align:left;width:100%;font-size:var(--text-meta);color:var(--color-text);padding:.5rem 1rem;transition:background .15s;display:block}.date-item:hover{background:var(--color-surface)}.date-item--active{background:var(--color-surface);font-weight:600}.date-count{color:var(--color-text-muted)}.article-list-wrap{flex:1;padding:1rem}.hint{color:var(--color-text-muted);text-align:center;padding:2rem}.starred-view{height:calc(100vh - 120px);padding:1rem}