:root{--bg:#0f0f14;--surface:#1a1a24;--surface2:#23232f;--border:#2e2e3d;--accent:#7b61ff;--accent2:#9580ff;--live:#ff4d6a;--text:#f0eef8;--sub:#9e9bb5;--muted:#5c5a72}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(123,97,255,.15),transparent 35%),var(--bg);color:var(--text);font-family:Inter,Noto Sans JP,system-ui,sans-serif;line-height:1.55}a{color:inherit}.site-head{height:64px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 20px;border-bottom:1px solid rgba(46,46,61,.75)}.site-head>a{font-size:12px;text-decoration:none;color:var(--sub)}.brand{display:flex;align-items:baseline;gap:8px;font-weight:750;letter-spacing:-.02em}.brand-mark{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid rgba(123,97,255,.6);border-radius:8px;color:var(--accent2)}.brand small{font-size:10px;color:var(--muted);font-weight:600}.container{width:min(100% - 32px,980px);margin:auto}.hero{padding:72px 0 56px;border-bottom:1px solid var(--border)}.kicker,.section-head p{margin:0;color:var(--accent2);font-size:10px;font-weight:800;letter-spacing:.2em}.hero h1{font-size:clamp(38px,8vw,72px);line-height:1.08;letter-spacing:-.045em;margin:16px 0 20px}.hero h1 em{font-style:normal;color:var(--accent2)}.hero>p:not(.kicker){max-width:610px;margin:0;color:var(--sub);font-size:15px}.observation{display:flex;align-items:center;gap:8px;margin-top:28px;color:var(--sub);font-size:12px}.live-pill i,.observation i{width:7px;height:7px;border-radius:50%;background:#55dda5;box-shadow:0 0 0 5px rgba(85,221,165,.1)}.observation small{color:var(--muted);margin-left:4px}.warning{margin-top:24px;border:1px solid rgba(255,190,77,.3);background:rgba(255,190,77,.08);color:#ffd38b;border-radius:10px;padding:12px 14px;font-size:12px}.section{padding:42px 0;border-bottom:1px solid var(--border)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:21px;margin:4px 0 0}.section-head>span{color:var(--muted);font-size:12px}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.stream-list{display:grid;grid-gap:9px;gap:9px}.stream-link{text-decoration:none}.stream-card{position:relative;display:grid;grid-template-columns:180px 1fr auto;align-items:center;grid-gap:16px;gap:16px;background:rgba(26,26,36,.88);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:.18s ease}.stream-card:hover{border-color:#49485b;transform:translateY(-1px)}.stream-card.is-live{border-color:rgba(255,77,106,.45)}.live-grid .stream-card{grid-template-columns:1fr;gap:0}.thumb-wrap{position:relative;aspect-ratio:16/9;background:var(--surface2);overflow:hidden}.thumb-wrap img{width:100%;height:100%;display:block;object-fit:cover}.thumb-placeholder{height:100%;display:grid;place-items:center;color:var(--muted);font-weight:800}.live-pill{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;background:var(--live);padding:4px 8px;border-radius:5px;font-size:10px;font-weight:800;color:#fff}.live-pill i{width:5px;height:5px;background:#fff;box-shadow:none;animation:pulse 1.2s infinite}.stream-body{min-width:0;padding:16px 0}.live-grid .stream-body{padding:14px}.talent{font-size:11px;color:var(--accent2);font-weight:700;margin:0 0 5px}.stream-body h3{font-size:14px;line-height:1.5;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.when{font-size:11px;color:var(--sub);margin:0}.open-mark{color:var(--muted);padding-right:18px}.live-grid .open-mark{display:none}.empty{border:1px dashed var(--border);border-radius:12px;padding:28px;text-align:center;font-size:12px}.empty,footer{color:var(--muted)}footer{padding:46px 0 64px}footer strong{color:var(--sub);font-size:12px}footer p{font-size:11px;margin:7px 0 0}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.video-grid .stream-card{grid-template-columns:1fr;gap:0;height:100%;align-content:start}.video-grid .stream-body{padding:14px}.video-grid .open-mark{display:none}.video-pill{position:absolute;top:10px;left:10px;background:rgba(15,15,20,.88);border:1px solid rgba(149,128,255,.5);padding:4px 8px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--accent2)}@keyframes pulse{50%{opacity:.35}}@media(max-width:800px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.site-head{height:56px}.container{width:min(100% - 24px,980px)}.hero{padding:52px 0 40px}.hero>p:not(.kicker){font-size:13px}.observation{flex-wrap:wrap}.live-grid{grid-template-columns:1fr}.section{padding:34px 0}.stream-card,.stream-card.compact{grid-template-columns:112px 1fr auto;gap:12px}.stream-body{padding:11px 0}.stream-body h3{font-size:13px;margin-bottom:7px}.open-mark{padding-right:12px}.section-head h2{font-size:18px}}@media(max-width:520px){.video-grid{grid-template-columns:1fr}.video-grid .stream-card{grid-template-columns:112px 1fr auto;gap:12px}.video-grid .stream-body{padding:11px 0}.video-grid .open-mark{display:block}}@media(max-width:420px){.site-head>a{font-size:0}.site-head>a:after{content:"名鑑 ↗";font-size:11px}.stream-card,.stream-card.compact,.video-grid .stream-card{grid-template-columns:104px 1fr}.open-mark,.video-grid .open-mark{display:none}.when{font-size:10px}}