:root{--bg:#f2f4f7;--surface:#fff;--surface-hover:#f8f9fb;--border:#e8eaed;--text:#1a1d23;--text-muted:#6b7280;--text-subtle:#9ca3af;--red:#e53e3e;--blue:#3b82f6;--green:#22c55e;--orange:#f97316;--purple:#a855f7;--yellow:#f59e0b;--badge-blue:#3b82f61a;--badge-green:#22c55e1a;--badge-red:#e53e3e1a;--badge-orange:#f973161a;--badge-purple:#a855f71a;--badge-gray:#6b72801a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--transition:.18s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;margin:0;padding:0;font-family:"M PLUS Rounded 1c",-apple-system,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-wrapper{max-width:1000px;margin:0 auto;padding:0 20px 80px}.site-header{padding:28px 0 0}.site-header-top{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.site-title{letter-spacing:-.01em;margin:0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:26px;font-weight:700;line-height:1.2}.site-title-accent{color:var(--red)}.site-tagline{color:#4b5563;margin:5px 0 0;font-size:13px;font-weight:500;line-height:1.4}.site-feature-line{flex-wrap:wrap;gap:6px;margin:7px 0 0;display:flex}.site-feature-pill{color:#1d4ed8;white-space:nowrap;background:#3b82f612;border:1px solid #3b82f62e;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:500}.site-update-badge{color:#16a34a;background:#22c55e0f;border:1px solid #22c55e38;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:500;display:flex}.live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite live-pulse;display:inline-block}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.tab-bar-wrapper{position:relative}.tab-bar-wrapper:after{content:"";background:linear-gradient(to right, transparent, var(--bg));pointer-events:none;z-index:1;width:48px;position:absolute;top:0;bottom:0;right:0}.tab-bar{scrollbar-width:none;-ms-overflow-style:none;gap:6px;padding:14px 0;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{background:var(--surface);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition);border:1.5px solid #0000;border-radius:20px;outline:none;padding:6px 16px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:13px;font-weight:500}.tab-btn:hover{color:var(--text);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tab-btn:focus-visible{box-shadow:0 0 0 3px #3b82f64d}.tab-btn[data-active=true]{color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.tab-btn[data-active=true][data-tab=all]{background:var(--text);border-color:var(--text)}.tab-btn[data-active=true][data-tab=domestic]{background:var(--red);border-color:var(--red)}.tab-btn[data-active=true][data-tab=overseas]{background:var(--blue);border-color:var(--blue)}.tab-btn[data-active=true][data-tab=original]{background:var(--purple);border-color:var(--purple)}.tab-bar-secondary{gap:6px;padding-top:0;padding-bottom:12px}.tab-btn-sub{border:1px solid var(--border);color:#4b5563;cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border-radius:20px;outline:none;flex-shrink:0;padding:4px 12px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:11px;font-weight:500}.tab-btn-sub:hover{color:var(--text);background:var(--surface);border-color:var(--orange);box-shadow:var(--shadow-sm)}.tab-btn-sub:focus-visible{box-shadow:0 0 0 3px #f9731640}.tab-btn-sub[data-active=true]{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:var(--shadow-sm)}.trending-section{margin:4px 0 16px}.trending-header{align-items:center;margin-bottom:10px;display:flex}.trending-label{color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.trending-nav{align-items:center;gap:0;display:flex;position:relative}.trending-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:8px;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto}.trending-scroll::-webkit-scrollbar{display:none}.trending-arrow{border:1.5px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition);pointer-events:auto;opacity:0;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;transform:scale(.8)}.trending-arrow[data-visible=true]{opacity:1;transform:scale(1)}.trending-arrow:hover{color:var(--text);border-color:var(--orange);box-shadow:var(--shadow-md)}.trending-arrow:focus-visible{box-shadow:0 0 0 3px #f9731640}.trending-arrow-left{margin-right:8px}.trending-arrow-right{margin-left:8px}.trending-chip{background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition);white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;text-decoration:none;display:flex}.trending-chip:hover{border-color:var(--orange);box-shadow:var(--shadow-md);transform:translateY(-1px)}.trending-chip-title{color:var(--text);font-size:13px;font-weight:600}.trending-chip-meta{gap:4px;display:flex}.trending-chip-flag{color:var(--text-muted);font-size:11px}.coverage-badge{z-index:2;color:#92400e;transition:background var(--transition);white-space:nowrap;background:#f973161a;border:1px solid #f9731640;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700;text-decoration:none;position:absolute;top:10px;right:10px}.coverage-badge:hover{background:#f9731633}.article-list{grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 0;padding:0;list-style:none;display:grid}.article-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.article-card-link{cursor:pointer;outline:none;flex-direction:column;flex:1;min-height:160px;padding:20px;display:flex}.article-card-link:focus-visible{box-shadow:inset 0 0 0 2px var(--blue)}.article-meta{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:8px;display:flex}.source-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.source-zenn{background:var(--badge-blue);color:#1d4ed8}.source-qiita{background:var(--badge-green);color:#15803d}.source-itmedia{background:var(--badge-red);color:#b91c1c}.source-gigazine{background:var(--badge-orange);color:#92400e}.source-gnews{background:var(--badge-purple);color:#6d28d9}.source-default{background:var(--badge-gray);color:#4b5563}.article-time{color:#4b5563;font-size:11px;font-weight:400}.article-title{color:var(--text);margin:0 0 6px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:15px;font-weight:700;line-height:1.55}.article-spacer{flex:1}.article-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 14px;font-size:13px;font-weight:300;line-height:1.6;display:-webkit-box;overflow:hidden}.article-summary{flex-direction:column;gap:4px;margin:0 0 12px;padding:0;list-style:none;display:flex}.article-summary li{color:var(--text-muted);padding-left:14px;font-size:12px;font-weight:400;line-height:1.5;position:relative}.article-summary li:before{content:"▸";color:#1d4ed8;font-size:10px;position:absolute;top:1px;left:0}.article-read-more{color:#1d4ed8;transition:gap var(--transition);align-items:center;gap:4px;margin-top:auto;font-size:12px;font-weight:500;display:inline-flex}.article-card:hover .article-read-more{gap:6px}.article-card-actions{align-items:center;margin-top:auto;display:flex}.article-title-ja{color:var(--text);opacity:.75;margin:0 0 8px;font-size:14px;font-style:normal;font-weight:500;line-height:1.5}.article-explain-btn{color:#1d4ed8;transition:all var(--transition);background:#3b82f60f;border:1px solid #3b82f633;border-radius:10px;align-items:center;gap:6px;margin:4px 20px 16px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.article-explain-btn:hover{background:#3b82f61f;border-color:#3b82f666}.empty{text-align:center;color:var(--text-muted);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;grid-column:1/-1;margin-top:8px;padding:72px 0;font-size:14px}.error{text-align:center;color:var(--red);background:#e53e3e0a;border:1px solid #e53e3e26;border-radius:16px;grid-column:1/-1;margin-top:8px;padding:72px 0;font-size:14px}.skeleton-list{grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 0;padding:0;list-style:none;display:grid}.skeleton-item{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px}@keyframes shimmer{0%{opacity:.4}50%{opacity:.85}to{opacity:.4}}.skeleton-line{background:var(--border);border-radius:6px;animation:1.6s ease-in-out infinite shimmer}.pagination{justify-content:center;align-items:center;gap:6px;padding:32px 0 0;display:flex}.page-btn{border:1.5px solid var(--border);background:var(--surface);min-width:36px;height:36px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition);border-radius:10px;outline:none;padding:0 10px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:13px;font-weight:500}.page-btn:hover:not(:disabled){color:var(--text);box-shadow:var(--shadow-md);transform:translateY(-1px)}.page-btn:focus-visible{box-shadow:0 0 0 3px #3b82f64d}.page-btn[data-active=true]{background:var(--text);border-color:var(--text);color:#fff;box-shadow:var(--shadow-md)}.page-btn:disabled{opacity:.35;cursor:default}.page-arrow{font-size:16px;font-weight:400}.page-ellipsis{color:#4b5563;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:13px}.topic-header{border-bottom:2px solid var(--border);margin-bottom:28px;padding:28px 0 20px}.topic-back-link{color:var(--text-muted);transition:color var(--transition);margin-bottom:12px;font-size:13px;text-decoration:none;display:inline-block}.topic-back-link:hover{color:var(--text)}.topic-title{color:var(--text);letter-spacing:-.02em;margin:0 0 12px;font-size:28px;font-weight:700}.topic-stats{flex-wrap:wrap;gap:16px;display:flex}.topic-stat{color:var(--text-muted);font-size:13px}.topic-stat strong{color:var(--text);font-weight:700}.topic-ratio{margin-top:14px}.topic-ratio-bar{background:#3b82f626;border-radius:3px;width:100%;max-width:280px;height:6px;margin-bottom:4px;overflow:hidden}.topic-ratio-ja{background:var(--blue);border-radius:3px;height:100%;transition:width .6s}.topic-ratio-label{color:var(--text-subtle);font-size:11px}.timeline{flex-direction:column;gap:32px;margin-bottom:48px;display:flex}.timeline-date-marker{align-items:center;gap:12px;margin-bottom:16px;display:flex}.timeline-date-marker:before{content:"";background:var(--blue);border-radius:50%;flex-shrink:0;width:10px;height:10px}.timeline-date-marker:after{content:"";background:var(--border);flex:1;height:1px}.timeline-date-label{color:var(--text-muted);letter-spacing:.03em;white-space:nowrap;font-size:12px;font-weight:700}.timeline-items{border-left:2px solid var(--border);flex-direction:column;gap:12px;padding-left:22px;display:flex}.timeline-item{position:relative}.timeline-dot{background:var(--border);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:18px;left:-27px}.timeline-card-wrap{flex-direction:column;display:flex}.timeline-read-original{color:var(--text-muted);margin-top:8px;font-size:11px;display:inline-block}.timeline-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);border-radius:14px;padding:16px 18px;text-decoration:none;display:block}.timeline-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.timeline-card-title{color:var(--text);margin:8px 0 6px;font-size:15px;font-weight:700;line-height:1.5}.source-overseas{color:#1d4ed8;background:#3b82f61a}.topic-error{text-align:center;padding:80px 0}.topic-back-btn{background:var(--text);color:#fff;border-radius:20px;margin-top:16px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.topic-skeleton{padding:28px 0}.original-list{grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 0;padding:0;list-style:none;display:grid}.original-list>li:first-child{grid-column:1/-1}.original-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--purple);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.original-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.original-card-link{cursor:pointer;outline:none;flex-direction:column;flex:1;padding:18px 22px 20px;display:flex}.original-card-link:focus-visible{box-shadow:inset 0 0 0 2px var(--blue)}.original-card-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:11px;display:flex}.original-badge--ai{background:var(--badge-purple);color:#6d28d9;letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.original-badge--overseas{color:#1d4ed8;background:#3b82f61a}.original-topic-pill{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.original-topic-pill--blue{color:#1d4ed8;background:#3b82f61a}.original-topic-pill--purple{color:#6d28d9;background:#a855f71a}.original-topic-pill--red{color:#b91c1c;background:#e53e3e1a}.original-topic-pill--green{color:#15803d;background:#22c55e1a}.original-topic-pill--orange{color:#92400e;background:#f973161a}.original-card-title{color:var(--text);margin:0 0 9px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:15px;font-weight:700;line-height:1.5}.original-card[data-featured=true] .original-card-title{margin-bottom:12px;font-size:20px;line-height:1.45}.original-card-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 16px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.original-card[data-featured=true] .original-card-excerpt{-webkit-line-clamp:4;font-size:14px}.original-card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.original-card-meta{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.original-meta-item{color:var(--text-subtle);font-size:11px}.original-meta-sep{color:var(--border);font-size:11px}.original-read-more{color:#1d4ed8;white-space:nowrap;transition:gap var(--transition);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.original-card:hover .original-read-more{gap:7px}.original-error{text-align:center;padding:80px 0}.original-article{max-width:720px;margin:0 auto;padding:28px 0}.original-article-header{border-bottom:2px solid var(--border);margin-bottom:32px;padding-bottom:24px}.original-article-meta{align-items:center;gap:12px;margin-bottom:16px;display:flex}.original-badge-lg{background:var(--badge-purple);color:#6d28d9;border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-flex}.original-badge-lg--overseas{color:#1d4ed8;background:#3b82f61a}.original-article-title{color:var(--text);letter-spacing:-.02em;margin:0 0 16px;font-size:26px;font-weight:700;line-height:1.45}.original-article-info{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.original-topic-tag{color:var(--purple);background:var(--badge-purple);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.original-article-body{color:var(--text);font-size:16px;line-height:1.95}.original-article-body p{margin:0 0 1.6em}.original-article-body .article-lead{color:var(--text);border-bottom:2px solid var(--border);padding-bottom:22px;font-size:17px;font-weight:500;line-height:1.9;margin-bottom:28px!important}.original-article-body .article-conclusion{border-left:3px solid var(--blue);color:var(--text-muted);background:#3b82f60a;border-radius:0 10px 10px 0;margin-top:8px;padding:14px 18px;font-size:15px}.original-article-body strong{color:var(--text);font-weight:700}.original-article-disclaimer{border-left:3px solid var(--border);color:var(--text-subtle);background:#6b72800f;border-radius:8px;margin-top:40px;padding:16px 20px;font-size:12px;line-height:1.7}.original-article-source{text-align:center;margin-top:24px}.original-source-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);transition:all var(--transition);border-radius:24px;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.original-source-btn:hover{background:var(--border);border-color:var(--text-muted)}.original-article-back{text-align:center;margin-top:24px}.about-content{max-width:720px;margin:32px auto 0}.about-section{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:16px;padding:28px 32px}.about-heading{color:var(--text);margin:0 0 14px;font-size:18px;font-weight:700}.about-text{color:var(--text-muted);margin:0 0 10px;font-size:14px;line-height:1.8}.about-text:last-child{margin-bottom:0}.about-list{flex-direction:column;gap:6px;margin:8px 0 0;padding-left:20px;display:flex}.about-list li{color:var(--text-muted);font-size:14px;line-height:1.6}.about-list a{color:#1d4ed8}.about-list a:hover{text-decoration:underline}.about-sources{grid-template-columns:1fr 1fr;gap:24px;display:grid}.about-source-cat{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:13px;font-weight:600}.about-back{margin:24px 0}.site-footer{border-top:1px solid var(--border);text-align:center;flex-direction:column;gap:4px;margin-top:48px;padding:24px 0;display:flex}.site-footer p{color:var(--text-subtle);margin:0;font-size:11px;line-height:1.6}@media (max-width:640px){.page-wrapper{padding:0 14px 60px}.site-header{z-index:30;background:var(--bg);border-bottom:1px solid var(--border);margin-bottom:8px;padding-top:16px;position:sticky;top:0}.site-header-top{border-bottom:none;padding-bottom:0}.site-title{font-size:20px}.site-subtitle{display:none}.site-tagline{font-size:12px}.site-feature-line{gap:5px;margin:5px 0 0}.site-update-badge{display:none}.tab-bar{gap:6px;padding:10px 0 12px}.tab-btn{white-space:nowrap;padding:7px 14px;font-size:12px}.tab-bar-wrapper:after{width:56px}.article-list,.skeleton-list{grid-template-columns:1fr}.article-card-link{min-height:auto}.original-list{grid-template-columns:1fr}.original-list>li:first-child{grid-column:1}.original-card-link{padding:14px 16px 16px}.original-card[data-featured=true] .original-card-title{font-size:17px}.original-article-title{font-size:21px}.original-article-body{font-size:15px}.trending-arrow{display:none}}