/* エロミッケ 女優DB。モック mockups/actress-ootsuki-hibiki.html から起こしたもの。 */

:root{
  --accent:#ff2e55; --accent-dim:#ff6b86; --bg:#0d0d10; --panel:#16161b; --panel2:#1d1d24;
  --line:#2a2a33; --tx:#f2f2f5; --tx2:#9a9aa4; --tx3:#6e6e78; --ok:#2ecc71; --warn:#f5a623;
}
body.emad{
  margin:0; background:var(--bg); color:var(--tx); line-height:1.7;
  font-family:system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.emad *{box-sizing:border-box}
body.emad a{color:inherit}
.emad .wrap{max-width:980px;margin:0 auto;padding:0 16px 80px}

.emad .bar{position:sticky;top:0;z-index:20;background:rgba(13,13,16,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)}
.emad .bar .wrap{display:flex;align-items:center;gap:14px;padding-top:12px;padding-bottom:12px}
.emad .logo{font-weight:800;letter-spacing:.04em;text-decoration:none}
.emad .logo span{color:var(--accent)}
.emad .logo small{display:block;font-size:10px;color:var(--tx3);font-weight:500;letter-spacing:.14em}
.emad .crumb{font-size:12px;color:var(--tx3);margin-left:auto}
.emad .crumb a{color:var(--tx2);text-decoration:none}

/* hero */
.emad .hero{display:grid;grid-template-columns:168px 1fr;gap:22px;padding:28px 0 18px;border-bottom:1px solid var(--line)}
.emad .face img{width:100%;border-radius:12px;display:block;background:var(--panel2)}
.emad .noface{aspect-ratio:3/4;border-radius:12px;background:var(--panel2);border:1px dashed #3a3a46;
  display:grid;place-items:center;font-size:12px;color:var(--tx3)}
.emad h1{font-size:30px;margin:0;letter-spacing:.02em}
.emad .ruby{font-size:13px;color:var(--tx2);margin-top:2px}
.emad .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:16px}
.emad .facts div{background:var(--panel);padding:10px 12px}
.emad .facts dt{font-size:10px;color:var(--tx3);letter-spacing:.08em;margin:0 0 3px}
.emad .facts dd{margin:0;font-size:15px;font-weight:700}
.emad .facts dd small{font-size:11px;color:var(--tx3);font-weight:500;display:block}
.emad .facts dd.empty{color:var(--tx3);font-weight:500;font-size:13px}
.emad .facts dd{min-height:1.2em}
/* 上は3×3のきれいな9マス。SNSだけは数が読めないので、その下に全幅で1行取る。 */
.emad .facts .wide{grid-column:1 / -1}
.emad .updated{font-size:11px;color:var(--tx3);margin-top:10px}
.emad .updated b{color:var(--tx2);font-weight:600}

/* sections */
.emad section{padding:30px 0;border-bottom:1px solid var(--line)}
.emad h2{font-size:14px;letter-spacing:.14em;color:var(--accent);margin:0 0 4px;font-weight:800}
.emad h2+.lead{font-size:12px;color:var(--tx3);margin:0 0 16px}
.emad .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.emad .card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.emad .card h3{font-size:13px;margin:0 0 8px;display:flex;align-items:center;gap:7px}
.emad .card p{margin:0;font-size:13px;color:var(--tx2)}
.emad .card ol{margin:6px 0 0;padding-left:18px;font-size:13px;color:var(--tx2)}
.emad .card ol b{color:var(--tx)}
.emad .card .note{font-size:11px;color:var(--tx3);margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}
.emad .dot{width:7px;height:7px;border-radius:50%;background:var(--tx3);flex:none}
.emad .dot.live{background:var(--ok);box-shadow:0 0 0 3px rgba(46,204,113,.18)}
.emad .dot.wait{background:var(--warn)}
.emad .btn{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;padding:7px 13px;
  border-radius:999px;background:var(--accent);color:#fff;text-decoration:none}
.emad .btn.ghost{background:transparent;border:1px solid var(--line);color:var(--tx2)}
.emad .yearlinks{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.emad .yearlinks a{font-size:12px;text-decoration:none;background:var(--panel2);border:1px solid var(--line);
  border-radius:999px;padding:3px 10px;color:var(--tx2)}
.emad .yearlinks i{font-style:normal;font-size:10px;color:var(--tx3)}

/* プロフィール欄に入れたリンクと在籍 */
.emad .minilinks{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.emad .link{font-size:11px;font-weight:700;text-decoration:none;padding:4px 9px;border-radius:999px;
  background:var(--panel2);border:1px solid var(--line);color:var(--tx2)}
.emad .link-x{border-color:#3a3a46;color:var(--tx)}
.emad .link-instagram{border-color:#7a3a55;color:#ff9fc0}
.emad .link-youtube{border-color:#6a2730;color:#ff8a8a}
.emad .link-tiktok{border-color:#2a5a52;color:#6fd9c0}
.emad .link-fanclub{background:var(--accent);border-color:var(--accent);color:#fff}
.emad .shop{font-size:11px;font-weight:700;text-decoration:none;padding:4px 9px;border-radius:999px;
  background:#2a1620;border:1px solid var(--accent);color:var(--tx)}

/* 傾向 */
.emad .two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.emad .two h4{font-size:12px;margin:0 0 10px;color:var(--tx2);font-weight:700}
.emad .two h4 span{color:var(--tx3);font-weight:500}
.emad .bars{display:grid;gap:7px}
.emad .row{display:grid;grid-template-columns:104px 1fr 42px;align-items:center;gap:9px;font-size:12px}
.emad .track{height:9px;background:var(--panel2);border-radius:99px;overflow:hidden}
.emad .fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-dim))}
.emad .row span:last-child{color:var(--tx3);font-size:10px;text-align:right}
.emad .caveat{font-size:11px;color:var(--tx3);background:var(--panel);border-left:2px solid var(--warn);
  padding:9px 12px;border-radius:0 8px 8px 0;margin-top:14px;line-height:1.9}

/* 作品一覧 */
.emad .wcount{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.emad .wcount b{font-size:26px;color:var(--tx)}
.emad .wcount span{font-size:11px;color:var(--tx3)}
.emad .filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.emad .chip{font-size:12px;padding:6px 13px;border-radius:999px;border:1px solid var(--line);
  background:var(--panel);color:var(--tx2);text-decoration:none}
.emad .chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
.emad .ctrls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;background:var(--panel);
  border:1px solid var(--line);border-radius:10px}
.emad .sortlabel{font-size:10px;color:var(--tx3);letter-spacing:.06em}
.emad .sortlink{font-size:12px;text-decoration:none;color:var(--tx2);padding:4px 10px;border-radius:7px;
  border:1px solid transparent}
.emad .sortlink[aria-pressed="true"]{border-color:var(--accent);color:var(--tx);font-weight:700}
.emad .per{font-size:11px;color:var(--tx3);margin-left:auto}
.emad .empty-list{font-size:13px;color:var(--tx3);padding:30px 0;text-align:center}

/* 絞り込み */
.emad .facets{display:grid;gap:10px;margin-top:10px}
.emad .facet{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.emad .facet h5{margin:0 0 9px;font-size:11px;color:var(--tx2);letter-spacing:.08em;font-weight:700;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.emad .cb{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--tx2);background:var(--panel2);
  border:1px solid var(--line);border-radius:999px;padding:4px 10px;margin:0 5px 5px 0;cursor:pointer}
.emad .cb input{accent-color:var(--accent);margin:0;width:13px;height:13px}
.emad .cb i{font-style:normal;font-size:10px;color:var(--tx3)}
.emad .cb.on{border-color:var(--accent);background:#2a1620;color:var(--tx)}
.emad .more{font-size:11px;font-weight:700;color:var(--accent-dim);background:none;border:1px dashed #44444f;
  border-radius:999px;padding:4px 12px;cursor:pointer;font-family:inherit;margin-left:auto}
.emad .facet-all{margin-top:10px;border-top:1px solid var(--line);padding-top:10px;max-height:300px;overflow-y:auto}
.emad .facet-all .gyo{border:0;padding:3px 0;grid-template-columns:26px 1fr}
.emad .facet-all .gyo>span{font-size:12px;line-height:2}
.emad .selbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;padding:10px 12px;
  background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:11px;color:var(--tx3)}
.emad .selchip{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:#2a1620;
  border:1px solid var(--accent);color:var(--tx);border-radius:999px;padding:3px 6px 3px 11px}
.emad .selchip a{color:var(--accent-dim);text-decoration:none;font-size:13px;line-height:1;padding:2px 4px}
.emad .clearall{margin-left:auto;font-size:11px;color:var(--tx2);text-decoration:none;
  border:1px solid var(--line);border-radius:999px;padding:4px 11px}
.emad .applybtn{display:none;width:100%;margin-top:10px;padding:11px;border-radius:10px;border:0;
  background:var(--accent);color:#fff;font-weight:700;font-size:13px;font-family:inherit;cursor:pointer}

.emad #worklist.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.emad #worklist.grid .work{display:block}
.emad #worklist.grid .thumb{display:block}
.emad #worklist.grid .thumb img{width:100%;aspect-ratio:7/10;object-fit:cover;border-radius:8px;
  background:var(--panel2)}
.emad #worklist.grid .wtitle{font-size:12px;margin:8px 0 3px;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.emad #worklist.grid .meta{font-size:10px;margin:0 0 4px;color:var(--tx3)}
.emad #worklist.grid .meta b{color:var(--tx3);font-weight:400}
.emad #worklist.grid .note-line,.emad #worklist.grid .acts{display:none}
.emad .tag{font-size:9px;padding:1px 6px;border-radius:4px;background:var(--panel2);color:var(--tx2);
  display:inline-block;margin:0 3px 3px 0}
.emad .tag.solo{background:#3a1420;color:#ff8da3;font-weight:700}
.emad .tag.omni{background:#1b2d3f;color:#8fc4ef;font-weight:700}
.emad .tag.duo{background:#2c2440;color:#b9a3f0;font-weight:700}
.emad .tag.vr{background:#14332e;color:#6fd9c0;font-weight:700}
.emad .tag.sale{background:#3a2414;color:#ffb366;font-weight:700}
.emad .star{color:#f3c66a}
.emad .yen{color:var(--tx2);font-weight:600}
.emad .yen.on{color:#ff8da3}
.emad .yen s{color:var(--tx3);font-weight:400;margin-right:4px}
.emad #worklist.grid .yen.on{font-weight:700}
/* セールの終わる時刻。書いておけば、過ぎたあとに残っていても嘘にならない。 */
.emad .sale-note{font-size:11px;color:#ffb366;margin:3px 0 0}
.emad #worklist.grid .sale-note{font-size:9px;margin:1px 0 3px}
.emad .note-line{font-size:13px;color:var(--tx);border-left:2px solid var(--accent);
  padding:2px 0 2px 10px;margin:8px 0}
.emad .acts a{font-size:11px;font-weight:700;text-decoration:none;padding:6px 11px;border-radius:999px;
  border:1px solid var(--line);color:var(--tx2)}

.emad .pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);
  padding-top:14px;margin-top:18px}
.emad .pager .count{color:var(--tx3);margin-right:auto;font-size:12px}
.emad .pager a,.emad .pager b{min-width:30px;text-align:center;padding:5px 9px;border-radius:7px;
  border:1px solid var(--line);text-decoration:none;color:var(--tx2);font-size:12px;font-weight:500}
.emad .pager b{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
.emad .pager .dots{border:0;color:var(--tx3)}

/* 索引 */
.emad .gyo{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.emad .gyo>span{font-size:13px;font-weight:800;color:var(--accent);text-align:center;line-height:2}
.emad .aname{display:inline-flex;align-items:center;gap:5px;font-size:13px;text-decoration:none;
  background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px 11px;margin:0 5px 5px 0}
.emad .aname i{font-style:normal;font-size:10px;color:var(--tx3)}

.emad .site-footer{padding:26px 0;font-size:11px;color:var(--tx3);line-height:1.9}

@media(max-width:860px){ .emad #worklist.grid{grid-template-columns:repeat(3,1fr)} }
@media(max-width:700px){ .emad .two{grid-template-columns:1fr;gap:24px} .emad .per{margin-left:0} }
@media(max-width:640px){
  .emad .hero{grid-template-columns:110px 1fr;gap:14px;padding-top:18px}
  .emad .facts{grid-template-columns:repeat(2,1fr)}
  .emad .facts .wide,
  .emad .facts .shopcell{grid-column:1 / -1}
  .emad h1{font-size:22px}
  .emad .row{grid-template-columns:88px 1fr 38px}
}
@media(max-width:600px){
  .emad #worklist.grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .emad .applybtn{display:block}
}

/* SNS・在籍店舗のアイコン。文字で並べると幅を食うので、マークだけにする。 */
.emad .iconlinks{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.emad .iconlinks .ic{display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:9px;border:1px solid var(--line);
  background:var(--panel2);color:var(--tx);text-decoration:none;
  transition:border-color .12s,background .12s,transform .12s}
.emad .iconlinks .ic{color:var(--tx2)}
.emad .iconlinks .ic:hover{border-color:var(--accent);background:var(--panel);transform:translateY(-1px)}
.emad .iconlinks .ic svg{width:19px;height:19px;display:block}
.emad .iconlinks .ic img{width:22px;height:22px;display:block;border-radius:5px}
/* アイコンを持っていないもの（虎の穴など）は、そのぶん文字で出す。 */
.emad .iconlinks .ic-text{width:auto;padding:0 11px;font-size:12px;line-height:32px;
  white-space:nowrap;color:var(--tx2)}
.emad .iconlinks .ic-text:hover{color:var(--accent)}
.emad .sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* スマホ幅でもSNS8つが1行に収まるところまで詰める。
   アイコンの基本指定より後に置かないと効かない。 */
@media(max-width:640px){
  .emad .iconlinks{gap:7px}
  .emad .iconlinks .ic{width:30px;height:30px;border-radius:8px}
  .emad .iconlinks .ic svg{width:17px;height:17px}
  .emad .iconlinks .ic img{width:20px;height:20px}
}

/* 言葉で探す。項目を跨いで引ける入口。
   「マジックミラー号」はレーベルにもシリーズにも題にも入っていて、
   どこを見ればいいかは読者には分からない。 */
.emad .facet-q{display:grid;gap:6px}
.emad .qbox{width:100%;max-width:420px;box-sizing:border-box;font-size:13px;color:var(--tx);
  background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 11px}
.emad .qbox:focus{outline:none;border-color:var(--accent)}
.emad .qbox::placeholder{color:var(--tx3)}
.emad .qhint{font-size:10px;color:var(--tx3)}

/* 絞り込みは畳んでおく。ジャンル・メーカー・シリーズ・監督・レーベルと
   5つに増えたので、全部広げたままだと目的の項目まで遠い。
   いま選んでいる項目だけは自動で開く。 */
.emad .facet > summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;color:var(--tx2);letter-spacing:.08em;user-select:none}
.emad .facet > summary::-webkit-details-marker{display:none}
.emad .facet > summary::after{content:"＋";margin-left:auto;color:var(--tx3);font-size:13px;font-weight:400}
.emad .facet[open] > summary::after{content:"−"}
.emad .facet > summary i{font-style:normal;font-size:10px;color:var(--tx3);font-weight:400}
.emad .facet > summary:hover{color:var(--tx)}
.emad .facet-body{margin-top:10px}
.emad .facet-body > .more{margin:0 0 9px}

/* ------------------------------------------------------------------
 * トップページと作品一覧。女優ページと同じ部品を使うので、
 * ここで足すのは並べ方だけ。色は :root のものをそのまま使う。
 * ---------------------------------------------------------------- */
.emad .topnav{display:flex;gap:16px;font-size:13px;color:var(--tx2);margin-left:auto;flex-wrap:wrap}
.emad .topnav a{text-decoration:none}
.emad .topnav a:hover{color:var(--tx)}
.emad .lead{font-size:13px;color:var(--tx3);margin:0 0 16px}
.emad .more{margin:16px 0 0;font-size:13px}
.emad .more a{color:var(--accent-dim);text-decoration:none}
.emad h3{font-size:14px;margin:26px 0 10px;color:var(--tx2);font-weight:700}
.emad h3 small{font-size:10px;color:var(--accent-dim);margin-left:8px;font-weight:500}

/* 検索 */
.emad .findbar{padding-top:26px}
.emad .search{display:flex;gap:8px}
.emad .search input{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:10px;
  padding:14px 16px;color:var(--tx);font-size:15px}
.emad .search input::placeholder{color:var(--tx3)}
.emad .search button{background:var(--accent);border:0;border-radius:10px;color:#fff;font-weight:700;
  padding:0 24px;font-size:14px;cursor:pointer}
.emad .quick{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.emad .qlabel{font-size:11px;color:var(--tx3);letter-spacing:.08em}
.emad .scale{font-size:12px;color:var(--tx3);margin:14px 0 0;letter-spacing:.04em}
.emad .scale b{color:var(--tx2);font-size:14px;font-weight:700}
.emad .wrapchips{display:flex;gap:8px;flex-wrap:wrap}
.emad .chip i{font-style:normal;color:var(--tx3);font-size:10px;margin-left:6px}
.emad .chip.spec{background:transparent;color:var(--tx3);border-style:dashed}

/* 入り口のタイル */
.emad .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.emad .tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 14px;
  display:block;text-decoration:none}
.emad .tile:hover{border-color:var(--accent)}
.emad .tile b{display:block;font-size:15px}
.emad .tile .n{display:block;font-size:12px;color:var(--accent-dim);margin:2px 0 6px;font-weight:700}
.emad .tile small{display:block;font-size:11px;color:var(--tx3);line-height:1.5}
.emad .tile.t-sale{background:#1d1510;border-color:#3a2414}
.emad .tile.t-actress{background:#1d1218;border-color:#3a1420}

/* 女優の顔 */
.emad .faces{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.emad .face{text-align:center;text-decoration:none}
.emad .face img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;
  background:var(--panel2);display:block}
.emad .face .ph{display:grid;place-items:center;aspect-ratio:3/4;border-radius:10px;
  background:var(--panel2);border:1px dashed #3a3a46;font-size:20px;color:var(--tx3);font-weight:700}
.emad .face b{display:block;font-size:12px;margin-top:6px;line-height:1.3}
.emad .face small{display:block;font-size:10px;color:var(--tx3)}

/* 作品カードの追加ぶん */
.emad .thumb{position:relative;display:block}
.emad .playmark{position:absolute;left:8px;bottom:8px;width:26px;height:26px;border-radius:50%;
  background:rgba(13,13,16,.75);color:#fff;font-size:10px;display:grid;place-items:center}
.emad .tag.movie{background:#14253a;color:#7fb5ea;font-weight:700}
.emad .cast{font-size:11px;color:var(--tx2);margin:2px 0 0}
.emad .cast a{color:var(--accent-dim);text-decoration:none}
.emad .a-movie{display:inline-block;font-size:12px;padding:7px 14px;border-radius:8px;
  background:var(--accent);color:#fff;font-weight:700;text-decoration:none}
.emad #worklist.grid .cast{font-size:10px}

/* 一覧の見出し */
.emad .listhead{padding-top:24px}
.emad .listhead .crumb{font-size:12px;color:var(--tx3);margin:0 0 6px}
.emad .listhead .crumb a{color:var(--tx2);text-decoration:none}
.emad .listhead h1{font-size:26px;margin:0 0 16px}
.emad .listhead h1 small{font-size:12px;color:var(--tx3);font-weight:500;margin-left:10px}
.emad .sorts{margin-top:12px}
.emad .pnum{font-size:12px;color:var(--tx3)}
.emad .backtop{border-bottom:0}

@media(max-width:860px){
  .emad .tiles{grid-template-columns:repeat(2,1fr)}
  .emad .faces{grid-template-columns:repeat(4,1fr)}
}

/* 絞り込みを横のタブにする。
   ジャンル・メーカー・シリーズ・監督・レーベル・キーワードの6つを縦に積むと、
   1つも開いていないのに画面を300px以上使う。見出しだけ1行に並べ、
   開いた1つだけを下に全幅で出す。JSが動かなければ下の指定は当たらない。 */
.emad .facetbar{display:flex;gap:8px;flex-wrap:wrap}
.emad .facetbar .chip{cursor:pointer;font-family:inherit}
.emad .facetbar .chip i{font-style:normal;font-size:10px;color:var(--tx3);margin-left:6px}
.emad .facetbar .chip[aria-pressed="true"] i{color:#fff}
.emad .facets.tabbed{gap:0}
.emad .facets.tabbed .facet{margin-top:10px}
.emad .facets.tabbed .facet:not([open]){display:none}
.emad .facets.tabbed .facet > summary{display:none}
.emad .facets.tabbed .facet-body{margin-top:0}
.emad .facets.tabbed .facet-q{display:block}

/* 女優の絞り込み結果。顔を並べる。索引より1枚あたりを大きく取る。 */
.emad .faces.wide{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:4px}
.emad .note{font-size:11px;color:var(--tx3);margin:14px 0 0;line-height:1.7}
.emad .note b{color:var(--tx2);font-weight:700}
.emad .selbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--tx3)}
@media(max-width:860px){
  .emad .faces.wide{grid-template-columns:repeat(3,1fr)}
}

/* 1タップ投票。押すだけ。書かせない。 */
.emad .votebtns{display:flex;gap:8px;flex-wrap:wrap}
.emad button.vote{position:relative;overflow:hidden;cursor:pointer;font-family:inherit;
  font-size:13px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);
  background:var(--panel);color:var(--tx2)}
.emad button.vote:hover{border-color:var(--accent);color:var(--tx)}
.emad button.vote .vlabel,.emad button.vote .vn{position:relative;z-index:1}
.emad button.vote .vn{font-style:normal;font-size:10px;color:var(--tx3);margin-left:7px}
.emad button.vote[aria-pressed="true"]{border-color:var(--accent);color:var(--tx);font-weight:700}
.emad button.vote[aria-pressed="true"] .vn{color:var(--accent-dim)}
/* 票の多さを帯で出す。数字だけだと差が読み取りにくい。 */
.emad button.vote .vbar{position:absolute;left:0;top:0;bottom:0;width:0;
  background:rgba(255,46,85,.16);transition:width .35s ease;z-index:0}
.emad .votemsg{font-size:12px;color:var(--tx3);margin:12px 0 0}