:root{--bg:#f4f3f1;--bg-soft:#ecebe8;--card:#ffffff;--ink:#16161a;--ink-2:#3c3c42;--muted:#8c8c93;--red:#d11f2a;--red-deep:#a8151f;--red-tint:#fdf1f1;--line:#e6e3df;--line-strong:#d6d2cc}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--bg);color:var(--ink);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100dvh;border-top:4px solid var(--red);background-image:radial-gradient(1200px 480px at 50% -8%,rgba(209,31,42,.05),transparent 70%)}a{color:inherit;text-decoration:none}.wrap{max-width:none;margin:0 auto;padding:0 28px 48px}.hero{text-align:center;padding:14px 0 10px;border-bottom:2px solid var(--ink);position:relative}.hero:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--red)}.hero h1{font-weight:900;font-size:clamp(21px,3vw,30px);letter-spacing:.06em;color:var(--ink);display:inline-flex;align-items:center;gap:9px}.crown{font-size:.8em;line-height:1}.hero h1 .accent{color:var(--red)}.hero .updated{margin-top:5px;font-size:11.5px;font-weight:600;color:var(--muted)}.hero .updated .dot{opacity:.5;margin:0 3px}.tabs{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:7px;padding:12px 0 8px;background:linear-gradient(180deg,var(--bg) 80%,rgba(244,243,241,0))}.tab{flex:1 1 auto;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card);border:1.5px solid var(--line-strong);color:var(--ink-2);border-radius:8px;padding:9px 14px;font-family:inherit;font-size:clamp(12.5px,2.4vw,14.5px);font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .15s ease}.tab:hover{color:var(--red);border-color:var(--red)}.tab[aria-selected=true]{color:#fff;background:var(--red);border-color:var(--red);box-shadow:0 4px 12px rgba(209,31,42,.28)}.section-head{display:flex;align-items:center;gap:9px;margin:16px 2px 2px}.section-head .sq{width:11px;height:11px;background:var(--red);border-radius:2px}.sec-label{font-weight:900;font-size:16px;color:var(--ink);letter-spacing:.04em}.sec-sub{font-family:Cormorant Garamond,serif;font-weight:600;font-size:12px;color:var(--red);letter-spacing:.18em}.sec-line{flex:1 1;height:1px;background:var(--line-strong);margin-left:4px}.board{margin-top:12px;display:grid;grid-template-columns:1fr;grid-gap:14px 26px;gap:14px 26px}@media (min-width:720px){.board{grid-template-columns:1fr 1fr}}.col{list-style:none;display:flex;flex-direction:column;gap:9px}.item{padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.item,.item>a{display:flex;align-items:center;gap:13px}.item>a{width:100%}.item:hover{border-color:var(--red);box-shadow:0 6px 18px rgba(22,22,26,.1);transform:translateY(-1px)}.rank{flex:0 0 auto;width:32px;text-align:center;font-family:Cormorant Garamond,serif;font-weight:600;font-size:28px;line-height:1;color:var(--ink)}.item--top .rank{color:var(--red)}.item--top:first-child .rank{font-size:32px}.thumb{position:relative;flex:0 0 auto;width:46px;height:46px;border-radius:8px;background:var(--bg-soft);border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:var(--ink-2)}.thumb--fallback img{display:none}.item--note{border-color:rgba(209,31,42,.32);background:var(--red-tint)}.item--note:hover{border-color:var(--red);box-shadow:0 6px 18px rgba(209,31,42,.18)}.thumb--note{border-color:rgba(209,31,42,.35)}.thumb--note .initial{font-size:11px;color:var(--red);letter-spacing:.02em}.note-badge{display:inline-block;padding:1px 7px;border-radius:999px;background:var(--red);color:#fff;font-weight:700;font-size:10px;letter-spacing:.04em;white-space:nowrap}.body{flex:1 1 auto;min-width:0}.title{font-size:14px;font-weight:600;line-height:1.45;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:720px){.title{font-size:17px;line-height:1.4}}.item:hover .title{color:#000}.meta{margin-top:5px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.source{color:var(--ink-2);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.dot{opacity:.5}.empty{padding:50px 0;font-size:14px}.empty,.foot{text-align:center;color:var(--muted)}.foot{margin-top:34px;padding-top:18px;border-top:1px solid var(--line-strong);font-size:11px;line-height:1.9}.foot .seal{color:var(--red);font-weight:800;letter-spacing:.22em}@media (max-width:420px){.rank{width:28px;font-size:25px}}