:root{--color-bg: #0C0F16;--color-bg-sunken: #10141E;--color-surface: #131824;--color-line: rgba(255,255,255,.09);--color-line-strong: rgba(255,255,255,.16);--color-text: #EDF1F7;--color-text-body: #C7CEDB;--color-muted: #8C96A8;--color-cyan: #45E3F2;--color-lime: #BFF34D;--color-cta-text: #0C0F16;--glow-lime-soft: 0 0 18px rgba(191,243,77,.18);--glow-lime: 0 4px 22px rgba(191,243,77,.28);--glow-cyan: 0 0 24px rgba(69,227,242,.34);--font-body: "Noto Sans JP", system-ui, sans-serif;--font-display: "Oswald", "Noto Sans JP", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-card: 10px;--radius-button: 8px;--radius-badge: 3px;--radius-pill: 20px;--page-pad-x: 16px}*{box-sizing:border-box}html{background:#080a0f;color:var(--color-text);font-family:var(--font-body)}body{margin:0;background:#080a0f;color:var(--color-text);font-size:13px;line-height:1.7;overflow-wrap:anywhere}body.has-sticky-cta{padding-bottom:72px}a{color:inherit}strong{font-weight:700}.site-shell{width:100%;max-width:480px;min-height:100vh;margin:0 auto;background:var(--color-bg);border-inline:1px solid rgba(255,255,255,.06)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:14px var(--page-pad-x);border-bottom:1px solid var(--color-line)}.site-brand-wrap{display:flex;align-items:baseline;min-width:0;gap:var(--space-2)}.site-brand{flex:none;color:var(--color-text);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.06em;line-height:1;text-decoration:none}.site-brand__accent{color:var(--color-cyan)}.site-tagline{color:var(--color-muted);font-size:9px;font-weight:500;letter-spacing:.1em;line-height:1.35}.search-chip{flex:none;min-height:32px;display:inline-grid;place-items:center;padding:5px 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:var(--color-muted);font-size:11px;font-weight:500;text-decoration:none}.page-stack{display:flex;flex-direction:column;gap:var(--space-6);padding:20px var(--page-pad-x) 24px}.page-stack--article,.page-stack--monthly{gap:18px;padding-top:14px}.section-stack{display:flex;flex-direction:column;gap:var(--space-3)}.section-heading{display:flex;align-items:center;gap:10px;margin:0;color:var(--color-text);font-size:16px;font-weight:900;line-height:1.35}.section-heading--small{font-size:15px}.section-heading__bar{width:3px;height:16px;flex:none;border-radius:2px;background:var(--color-cyan)}.eyebrow-hot{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:var(--radius-badge);background:var(--color-lime);color:var(--color-cta-text);font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.14em}.pr-slot{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-sunken);color:var(--color-muted)}.pr-slot--bar{padding:8px var(--page-pad-x);border-bottom:1px solid rgba(255,255,255,.07)}.pr-slot--box{padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-button)}.pr-label{flex:none;padding:2px 6px;border-radius:var(--radius-badge);background:var(--color-muted);color:var(--color-cta-text);font-family:var(--font-display);font-size:9px;font-weight:600;letter-spacing:.18em;line-height:1.4}.pr-copy{font-size:10px;line-height:1.5}.placeholder{position:relative;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid rgba(69,227,242,.24);background:linear-gradient(135deg,#45e3f214,#bff34d0a),repeating-linear-gradient(135deg,rgba(69,227,242,.05) 0 8px,transparent 8px 16px);color:var(--color-muted)}.placeholder:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.05);pointer-events:none}.placeholder span{position:relative;z-index:1;padding:2px 6px;border-radius:var(--radius-badge);background:#0c0f16b8;color:var(--color-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;letter-spacing:.08em}.placeholder--icon{width:48px;height:48px;border-radius:22%}.placeholder--icon-sm{width:36px;height:36px;border-radius:22%}.placeholder--icon-md{width:52px;height:52px;border-radius:22%}.placeholder--icon-lg{width:56px;height:56px;border-radius:22%}.placeholder--icon-xl{width:64px;height:64px;border-radius:22%}.placeholder--kv{width:100%;aspect-ratio:16 / 9;border-radius:0}.placeholder--kv-rounded{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-card)}.rank-badge{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border:1.5px solid currentColor;border-radius:5px;font-family:var(--font-display);font-size:14px;font-weight:700;line-height:1}.rank-badge--sm{width:20px;height:20px;font-size:11px}.rank-badge--md{width:22px;height:22px;font-size:12px}.rank-badge--lg{width:28px;height:28px;border-radius:6px;font-size:16px}.rank-badge--S{color:var(--color-lime)}.rank-badge--A{color:var(--color-cyan)}.rank-badge--B,.rank-badge--C{color:var(--color-muted)}.flag-badge{display:inline-flex;align-items:center;min-height:19px;padding:2px 7px;border-radius:var(--radius-badge);font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.12em;line-height:1}.flag-badge--hot{background:var(--color-lime);color:var(--color-cta-text)}.flag-badge--new{border:1px solid rgba(69,227,242,.5);color:var(--color-cyan)}.genre-pill{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border:1px solid rgba(69,227,242,.4);border-radius:var(--radius-badge);color:var(--color-cyan);font-size:10px;font-weight:500;line-height:1}.cta-row{display:flex;gap:var(--space-2)}.cta-row>.cta-block{flex:1.35}.outline-button,.cta-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-button);text-decoration:none;white-space:nowrap}.outline-button{flex:1;border:1px solid rgba(255,255,255,.18);color:var(--color-text);font-size:13px;font-weight:700}.cta-block{display:flex;flex-direction:column;gap:6px}.cta-button{width:100%;border:0;background:var(--color-lime);color:var(--color-cta-text);font-size:13px;font-weight:900;line-height:1.2}.cta-button:active{filter:brightness(.95)}.cta-button--large{min-height:50px;border-radius:var(--radius-card);font-size:16px}.cta-button--compact{min-height:38px;padding-inline:14px;font-size:12px}.cta-button--glow{box-shadow:var(--glow-lime)}.cta-button .pr-chip{padding:1px 5px;border-radius:var(--radius-badge);background:#0c0f1629;color:var(--color-cta-text);font-family:var(--font-display);font-size:9px;font-weight:600;letter-spacing:.06em}.cta-subtext{color:var(--color-muted);font-size:10px;line-height:1.5;text-align:center}.num,.countdown-num{font-family:var(--font-display);font-weight:600}.countdown-num{color:var(--color-cyan)}.hot-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);background:var(--color-surface)}.hot-card--primary{border-color:#bff34d59;box-shadow:0 0 24px #bff34d12}.hot-card__body{display:flex;flex-direction:column;gap:10px;padding:0 var(--space-4) var(--space-4)}.hot-card__head{display:flex;align-items:center;gap:var(--space-3);padding:14px var(--space-4) 12px}.title-meta{display:flex;flex-direction:column;gap:5px;min-width:0}.badge-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.card-title{margin:0;color:var(--color-text);font-size:17px;font-weight:900;line-height:1.25}.card-title--primary{font-size:20px;line-height:1.2}.meta-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 14px;color:var(--color-muted);font-size:11px;line-height:1.5}.meta-line strong{color:var(--color-text)}.hot-card__compact-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px var(--space-4) 14px;border-top:1px solid rgba(255,255,255,.08)}.hot-card__compact-foot .cta-block{flex:none;min-width:108px}.new-list{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card);background:var(--color-surface)}.new-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:68px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none}.new-row:last-child{border-bottom:0}.new-row__copy{display:flex;flex-direction:column;gap:3px;min-width:0}.new-row__title{color:var(--color-text);font-size:13px;font-weight:700;line-height:1.35}.new-row__meta{color:var(--color-muted);font-size:10px;line-height:1.45}.new-row__tail{display:flex;align-items:center;gap:var(--space-2)}.arrow{color:var(--color-cyan);font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1}.monthly-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border:1px solid rgba(69,227,242,.4);border-radius:var(--radius-card);background:linear-gradient(90deg,rgba(69,227,242,.08),transparent);text-decoration:none}.monthly-link__main{display:flex;align-items:center;gap:var(--space-3);min-width:0}.monthly-link__num{color:var(--color-cyan);font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1}.monthly-link__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.monthly-link__title{color:var(--color-text);font-size:14px;font-weight:900;line-height:1.35}.monthly-link__sub{color:var(--color-muted);font-size:10px}.ad-slot{display:grid;place-items:center;width:300px;height:250px;max-width:100%;margin:0 auto;border:1px dashed rgba(255,255,255,.18);border-radius:6px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 10px,transparent 10px 20px)}.ad-slot span{color:var(--color-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500;letter-spacing:.12em}.site-footer{display:flex;flex-wrap:wrap;gap:14px;padding:16px;border-top:1px solid var(--color-line);background:var(--color-bg-sunken)}.site-footer a{color:var(--color-muted);font-size:10px;text-decoration:none}.site-footer a:hover{color:var(--color-cyan)}.breadcrumb{display:flex;flex-wrap:wrap;gap:6px;color:var(--color-muted);font-size:10px;line-height:1.5}.breadcrumb a{color:var(--color-cyan);text-decoration:none}.article-header{display:flex;flex-direction:column;gap:var(--space-3)}.article-header__title-row{display:flex;align-items:flex-start;gap:var(--space-3)}.article-header__copy{display:flex;flex-direction:column;gap:6px;min-width:0}.article-title{margin:0;color:var(--color-text);font-size:19px;font-weight:900;line-height:1.35}.update-meta,.image-credit{color:var(--color-muted);font-size:9px}.summary-card{overflow:hidden;border:1px solid rgba(69,227,242,.35);border-radius:var(--radius-card);background:var(--color-surface)}.summary-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#45e3f20f}.summary-card__title{color:var(--color-cyan);font-size:12px;font-weight:700;letter-spacing:.06em}.summary-card__checked{flex:none;color:var(--color-muted);font-size:9px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff14}.summary-item{display:flex;flex-direction:column;gap:4px;min-height:78px;padding:12px 14px;background:var(--color-surface)}.summary-label{color:var(--color-muted);font-size:9px;font-weight:500;letter-spacing:.1em}.summary-value{color:var(--color-text);font-size:13px;font-weight:700;line-height:1.4}.summary-date{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.summary-date__main{color:var(--color-text);font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1}.summary-date__sub{color:var(--color-muted);font-size:10px}.summary-source{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:9px 14px;border-top:1px solid rgba(255,255,255,.08);color:var(--color-muted);font-size:10px}.summary-source a,.source-box a{color:var(--color-cyan);text-decoration:underline;text-underline-offset:2px}.article-copy{margin:0;color:var(--color-text-body);font-size:13px;line-height:1.9}.benefit-list{display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0;list-style:none}.benefit-list li{display:flex;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-text-body);font-size:12px;line-height:1.6}.benefit-list__mark{flex:none;color:var(--color-lime);font-family:var(--font-display);font-size:12px;font-weight:600}.benefit-list__mark--minus{color:var(--color-muted)}.compare-table{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card);background:var(--color-surface)}.compare-row{display:grid;grid-template-columns:1.35fr 1fr .55fr;align-items:center;gap:var(--space-2);padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.compare-row:last-child{border-bottom:0}.compare-row--head{padding-block:8px;color:var(--color-muted);font-size:9px;font-weight:500;letter-spacing:.08em}.compare-row--current{background:#bff34d0d}.compare-row__name{color:var(--color-text-body);font-size:12px;font-weight:400}.compare-row--current .compare-row__name{color:var(--color-text);font-weight:700}.compare-row__benefit{color:var(--color-text-body);font-family:var(--font-display);font-size:13px;font-weight:600}.compare-row--current .compare-row__benefit{color:var(--color-lime)}.compare-row__rank{text-align:right}.source-box{display:flex;flex-direction:column;gap:var(--space-2);padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card);background:var(--color-bg-sunken)}.source-box h2{margin:0;color:var(--color-text);font-size:12px;font-weight:700;letter-spacing:.04em}.source-list{display:flex;flex-direction:column;gap:6px;color:var(--color-muted);font-size:11px;line-height:1.5}.sticky-cta{position:fixed;z-index:10;left:50%;bottom:0;width:100%;max-width:480px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(191,243,77,.35);background:#10141ef7;box-shadow:0 -8px 24px #00000080}.sticky-cta__copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px}.sticky-cta__title{overflow:hidden;color:var(--color-text);font-size:12px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.sticky-cta__meta{color:var(--color-muted);font-size:9px;line-height:1.3}.monthly-hero{display:flex;align-items:center;gap:14px;padding:var(--space-4);border:1px solid rgba(69,227,242,.35);border-radius:var(--radius-card);background:repeating-linear-gradient(135deg,rgba(69,227,242,.05) 0 8px,transparent 8px 16px)}.monthly-hero__num{flex:none;color:var(--color-cyan);font-family:var(--font-display);font-size:52px;font-weight:700;line-height:1;text-shadow:var(--glow-cyan)}.monthly-hero__copy{display:flex;flex-direction:column;gap:4px;min-width:0}.monthly-hero h1{margin:0;color:var(--color-text);font-size:18px;font-weight:900;line-height:1.3}.monthly-hero__meta{color:var(--color-muted);font-size:10px}.jump-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.jump-nav a{min-height:32px;padding:7px 14px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);color:var(--color-text-body);font-size:11px;font-weight:500;line-height:1.4;text-decoration:none}.jump-nav a:first-child{border-color:transparent;background:var(--color-cyan);color:var(--color-cta-text);font-weight:700}.monthly-section-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin:0;color:var(--color-text);font-size:15px;font-weight:900}.info-hero{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid rgba(69,227,242,.28);border-radius:var(--radius-card);background:linear-gradient(135deg,rgba(69,227,242,.08),transparent 55%),var(--color-bg-sunken)}.info-hero--article{margin-bottom:var(--space-2)}.info-hero__label{margin:0;color:var(--color-cyan);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.14em}.info-hero h1{margin:0;color:var(--color-text);font-size:23px;font-weight:900;line-height:1.35}.info-hero p{margin:0;color:var(--color-text-body);font-size:13px;line-height:1.8}.info-article{display:flex;flex-direction:column;gap:var(--space-5)}.info-panel,.notice-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card);background:var(--color-surface)}.info-panel h2{margin:0;color:var(--color-text);font-size:14px;font-weight:900}.info-list{display:grid;gap:1px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-button);background:#ffffff14}.info-list div{display:grid;grid-template-columns:.8fr 1.7fr;gap:var(--space-3);padding:10px 12px;background:var(--color-bg-sunken)}.info-list dt{color:var(--color-muted);font-size:10px}.info-list dd{margin:0;color:var(--color-text-body);font-size:12px;line-height:1.6}.info-list a{color:var(--color-cyan)}.notice-panel{border-color:#bff34d5c;background:#bff34d0f}.notice-panel strong{color:var(--color-lime);font-size:13px}.notice-panel span{color:var(--color-text-body);font-size:12px;line-height:1.7}.guide-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.guide-card{display:flex;flex-direction:column;gap:7px;min-height:138px;padding:var(--space-4);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card);background:var(--color-surface);color:inherit;text-decoration:none}.guide-card--compact{min-height:122px}.guide-card__meta{color:var(--color-cyan);font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.1em}.guide-card__title{color:var(--color-text);font-size:14px;font-weight:900;line-height:1.45}.guide-card__description{color:var(--color-text-body);font-size:11px;line-height:1.65}.guide-card__tail{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:auto;color:var(--color-lime);font-size:11px;font-weight:700}.check-list{display:flex;flex-direction:column;gap:0;padding:0;margin:0;list-style:none}.check-list li{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);color:var(--color-text-body);font-size:12px;line-height:1.65}.check-list li:first-child{border-top:0}@media(min-width:760px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.info-hero h1{font-size:28px}}.monthly-section-title__category{color:var(--color-cyan);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.1em}.monthly-section-title__count{color:var(--color-muted);font-size:10px;font-weight:400}.monthly-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card);background:var(--color-surface)}.monthly-card--hot{border-color:#bff34d4d}.monthly-card__top{display:flex;align-items:flex-start;gap:var(--space-3)}.monthly-card__copy{display:flex;flex-direction:column;gap:3px;min-width:0}.monthly-card__title-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.monthly-card__title{color:var(--color-text);font-size:14px;font-weight:700;line-height:1.35}.monthly-card__meta{color:var(--color-muted);font-size:10px;line-height:1.45}.back-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:12px 0;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-card);color:var(--color-text-body);font-size:12px;font-weight:700;text-decoration:none}@media(max-width:360px){.site-tagline{display:none}.cta-row{gap:6px}.cta-button,.outline-button{font-size:12px}}