:root{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#143b41;background:#f7fbfa;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(165deg,#ebfff9 0,#f7fbfa 28%,#f9fbfc 80%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}a{color:inherit;text-decoration:none}
.topbar{border-bottom:1px solid #d9ede8;background:#fffefa}.topinner{max-width:1130px;margin:auto;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;min-height:72px}.brandmark{width:47px;height:47px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#08c59d,#1cb9c7);box-shadow:0 6px 20px #01b7ab2d}.brandmark svg{width:38px;height:38px}.live{display:inline-flex;align-items:center;gap:7px;border-radius:30px;background:#fff0f3;color:#c6274c;font-size:12px;font-weight:850;padding:8px 12px}.livedot{width:7px;height:7px;border-radius:50%;background:#ef4771;box-shadow:0 0 0 3px #e9325830}
.wrap{max-width:1130px;margin:auto;padding:0 20px 80px}.hero{padding:34px 0 25px}.eyebrow{font-size:13px;line-height:1.6;color:#15928b;font-weight:800;margin:0 0 9px;letter-spacing:.025em}.hero h1{font-size:clamp(31px,5.8vw,47px);font-weight:900;letter-spacing:-.055em;line-height:1.12;color:#13393f;margin:0}.hero h1 em{color:#04b8a4;font-style:normal}
.finder{background:#fff;border:1px solid #daefea;box-shadow:0 9px 28px #1c83771b;border-radius:23px;padding:17px}.fieldlabel{font-size:12px;font-weight:850;color:#2e827b;margin:0 0 10px 3px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 14px}.mode{border:1px solid #d2eae5;border-radius:13px;min-height:51px;color:#447f7c;background:#f6fbfa;font-size:15px;font-weight:850;padding:12px}.mode.active{border-color:#00b49e;color:#fff;background:linear-gradient(120deg,#03bd9e,#18b9c3);box-shadow:0 6px 16px #06b6aa32}.filters{display:flex;gap:9px;align-items:stretch}.search{flex:1;min-width:0}.search input{height:47px;width:100%;border:1px solid #d4ebe5;background:#fcfffe;border-radius:12px;padding:0 14px;font-size:14px;color:#174b4a;outline:0}.search input:focus,.filters select:focus{border-color:#0db7a4;box-shadow:0 0 0 3px #04b7a21f}.filters select{height:47px;border:1px solid #d4ebe5;border-radius:12px;background:#fcfffe;color:#235858;padding:0 12px;min-width:140px;font-size:13px;outline:0}.update{height:47px;transition:none;animation:none;border:0;background:#135d65;color:#fff;font-size:13px;font-weight:850;border-radius:12px;padding:0 18px}.mode:focus-visible,.update:focus-visible,.card:focus-visible{outline:3px solid #087bd2;outline-offset:3px}
.listheader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:29px 1px 9px}.listheader h2{font-size:19px;letter-spacing:-.035em;margin:0}.updated{color:#699d97;font-size:11px;white-space:nowrap}.criteria{border-left:3px solid #36c7ae;padding:5px 11px;margin:0 0 6px;color:#3f716d;line-height:1.75;font-size:12px}.criteria strong{color:#1a6864}.safety-banner{margin:15px 1px 0;padding:11px 14px;background:#e7faf5;border:1px solid #bce9dc;border-radius:13px;color:#28645f;font-size:12px;line-height:1.72}.safety-banner strong{color:#0b675a}.feedback{min-height:22px;color:#7a9c97;font-size:11px;line-height:1.5;margin:8px 0 15px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{display:block;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e0ece8;box-shadow:0 5px 19px #1c625511;min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);border-color:#83d4c8;box-shadow:0 11px 24px #17685719}.cover{aspect-ratio:16/9;position:relative;background:linear-gradient(130deg,#c7efe6,#d9f4f7);overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block}.ribbon{position:absolute;top:10px;left:10px;border-radius:7px;background:#ee4366;color:#fff;font-size:10px;font-weight:900;padding:5px 8px;box-shadow:0 2px 7px #0003}.audience{position:absolute;bottom:10px;right:10px;color:#fff;background:#112c36e0;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:850}.body{padding:14px 14px 16px}.who{display:flex;align-items:center;gap:10px;min-width:0}.avatar{position:relative;display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:50%;background:#def9f3;color:#15776f;font-size:18px;font-weight:900;overflow:hidden;border:2px solid #e0f4ef}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.whoinfo{min-width:0}.username{color:#1b4e4d;font-size:14px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uptime{color:#7da29d;font-size:11px;margin-top:3px}.streamtitle{font-size:20px;font-weight:800;color:#194c50;line-height:1.43;overflow-wrap:anywhere;min-height:2.86em;margin:14px 0 18px}.streamtitle.title-medium{font-size:17px;line-height:1.48}.streamtitle.title-long{font-size:15px;line-height:1.5}.streamtitle.title-xlong{font-size:13.5px;line-height:1.55}.tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.tag{border-radius:6px;font-size:10px;background:#eef7f4;color:#58857e;padding:4px 7px}.tag.target{color:#087a71;background:#d9f7ee;font-weight:850}.watch{margin-left:auto;font-size:11px;color:#168279;font-weight:850;white-space:nowrap}.state{border:1px dashed #a0d8cc;border-radius:18px;background:#fff;text-align:center;padding:36px 15px;color:#719890}.state[hidden]{display:none}.state h3{font-size:16px;color:#205e58;margin:0 0 8px}.state p{font-size:13px;line-height:1.7;margin:0}.loadzone{display:flex;align-items:center;justify-content:center;gap:8px;color:#6f9892;font-size:12px;margin:22px 0;min-height:34px}.loadzone[hidden]{display:none}.spinner{width:15px;height:15px;border:2px solid #b8e6dc;border-top-color:#05b59d;border-radius:50%;animation:spin .75s linear infinite}.limit{font-size:11px;color:#799b96;text-align:center;margin:24px 0}.limit[hidden]{display:none}.foot{color:#86a19b;text-align:center;font-size:11px;line-height:1.8;margin:38px auto 0;max-width:720px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:610px){.wrap{padding:0 13px 64px}.topinner{padding:10px 13px}.brandmark{height:41px;width:41px;border-radius:13px}.brandmark svg{width:34px;height:34px}.hero{padding:23px 2px 20px}.hero h1{font-size:35px}.eyebrow{font-size:12px}.finder{padding:12px;border-radius:18px}.mode{font-size:13px;min-height:46px}.filters{display:grid;grid-template-columns:1fr auto;gap:8px}.search{grid-column:1/-1}.filters select{min-width:0;width:100%;font-size:13px}.update{padding:0 16px}.grid{grid-template-columns:1fr;gap:13px}.card{border-radius:16px}.body{padding:13px 14px 16px}.streamtitle{font-size:20px}.streamtitle.title-medium{font-size:17px}.streamtitle.title-long{font-size:15px}.streamtitle.title-xlong{font-size:13.5px}.listheader{margin-top:23px}.criteria{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.spinner{animation:none}}
.contact-link{display:inline-block;margin:0 0 12px;padding:10px 15px;border:1px solid #b8e5dd;border-radius:10px;background:#eafaf5;color:#125a56;font-weight:750;text-decoration:none}.contact-link:hover{background:#d9f6eb}.contact-link:focus-visible{outline:3px solid #087bd2;outline-offset:3px}

.direct-lookup{margin-top:14px;border-top:1px solid #e3f1ed;padding:13px 3px 0}.direct-lookup label{display:block;color:#25776f;font-size:12px;font-weight:850;margin-bottom:8px}.direct-row{display:flex;gap:8px}.direct-row input{flex:1;min-width:0;height:42px;border:1px solid #cde7e0;border-radius:11px;padding:0 12px;font-size:13px}.direct-row button{flex-shrink:0;padding:0 15px;border-radius:11px;border:0;background:#167369;color:#fff;font-size:12px;font-weight:850;cursor:pointer}.direct-row button:disabled{opacity:.6}.direct-lookup p{margin:7px 0 0;color:#5a8e86;font-size:11px;line-height:1.6}@media(max-width:420px){.direct-row input{font-size:12px}.direct-row button{padding:0 10px}}

.directory-link{display:inline-block;margin-top:7px;font-size:11px;font-weight:800;color:#126e83;text-decoration:underline;text-underline-offset:3px}.directory-link:focus-visible{outline:3px solid #087bd2;outline-offset:3px}