:root {
    color-scheme: light;
    --page:#f5f5f2; --surface:#ffffff; --surface-2:#f3f2ee; --line:#e3e2dc; --line-strong:#cfcec6;
    --ink:#1a1a18; --ink-2:#4c4b47; --ink-3:#6b6a64;
    --primary:#2563c7; --primary-soft:rgba(37,99,199,.10);
    --c-people:#2a78d6; --c-people-soft:#bfd7f5; --c-post:#eb6834; --c-post-soft:#f9c9b4; --c-memory:#1baf7a; --c-memory-soft:#cdeee0; --c-issue:#4a3aa7; --c-issue-soft:#d6d0ee; --c-gray:#c3c2b7; --c-gray-soft:#e6e5df;
    --ok:#1a7f37; --ok-bg:#e6f4ea; --warn:#b45309; --warn-bg:#fdefe0; --crit:#c2302f; --crit-bg:#fdeaea;
    --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s6:24px; --s8:32px; --s10:40px;
    --r-card:12px; --r-ctl:8px; --r-tag:4px;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  html { -webkit-text-size-adjust:100%; }
  body { background:var(--page); color:var(--ink); font-family:-apple-system,"Hiragino Sans","Noto Sans JP",system-ui,sans-serif; font-size:13px; line-height:1.55; }
  button, select, input { font-family:inherit; font-size:13px; color:inherit; }
  button { cursor:pointer; }
  :focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
  .num { font-variant-numeric:tabular-nums; }
  .mono { font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:12px; }
  .sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  /* header */
  header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-bottom:1px solid var(--line); }
  .hrow { max-width:1180px; margin:0 auto; display:flex; align-items:center; gap:var(--s4); padding:0 var(--s4); height:52px; }
  .logo { display:flex; align-items:baseline; gap:6px; white-space:nowrap; }
  .logo b { font-family:"Arial Black",Arial,sans-serif; font-weight:900; font-size:15px; letter-spacing:.02em; color:#0a0a0a; }
  .logo span { font-size:13px; color:var(--ink-2); }
  .logo .v { font-size:11px; font-weight:600; color:var(--ink-3); background:var(--surface-2); border-radius:var(--r-tag); padding:1px 6px; margin-left:4px; }
  nav { display:flex; height:100%; overflow-x:auto; scrollbar-width:none; -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent); mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent); }
  nav::-webkit-scrollbar { display:none; }
  nav button { background:none; border:none; color:var(--ink-3); font-weight:600; padding:0 var(--s3); height:100%; min-height:44px; border-bottom:2px solid transparent; white-space:nowrap; }
  nav button[aria-selected="true"] { color:var(--ink); border-bottom-color:var(--primary); font-weight:700; }
  .hspace { margin-left:auto; display:flex; align-items:center; gap:var(--s2); }
  .ghost { background:transparent; border:1px solid var(--line-strong); border-radius:var(--r-ctl); height:36px; padding:0 var(--s3); font-weight:600; color:var(--ink-2); display:inline-flex; align-items:center; gap:6px; }
  @media (max-width:760px) { .hrow { flex-wrap:wrap; height:auto; padding:var(--s2) var(--s3) 0; gap:var(--s2) var(--s3); } nav { order:3; width:100%; } }
  /* period bar */
  .pbar { position:sticky; top:52px; z-index:19; background:var(--page); border-bottom:1px solid var(--line); }
  @media (max-width:760px) { .pbar { top:auto; position:static; } }
  .pbar .in { max-width:1180px; margin:0 auto; padding:var(--s2) var(--s4); display:flex; align-items:center; gap:var(--s3); flex-wrap:wrap; }
  .seg { display:inline-flex; background:var(--surface-2); border-radius:var(--r-ctl); padding:3px; }
  .seg button { border:none; background:none; padding:0 var(--s3); height:34px; font-weight:600; color:var(--ink-2); border-radius:6px; }
  .seg button[aria-checked="true"] { background:var(--surface); color:var(--ink); box-shadow:0 1px 2px rgba(0,0,0,.08); font-weight:700; }
  .pbar .meta { font-size:12px; color:var(--ink-3); display:flex; gap:var(--s3); flex-wrap:wrap; }
  .pbar .meta b { color:var(--ink-2); font-weight:600; }
  .pbar .meta .fresh { color:var(--ok); }
  .pbar .off { font-size:12px; color:var(--ink-3); }
  main { max-width:1180px; margin:0 auto; padding:var(--s4) var(--s4) 80px; }
  main > * { min-width:0; }
  h1 { font-size:20px; font-weight:700; letter-spacing:-.015em; line-height:1.3; }
  h2 { font-size:16px; font-weight:700; letter-spacing:-.01em; line-height:1.35; }
  h3 { font-size:14px; font-weight:600; line-height:1.4; }
  h1, h2, h3, .kpi .v b, .fact b, .wcard .n { font-feature-settings:"palt"; text-wrap:balance; }
  .short2 { display:none; }
  @media (max-width:700px) { .badge { white-space:normal; line-height:1.3; } .cseg .long { display:none; } .hb .lb { white-space:normal; } .pbar .cmp, .pbar .long2 { display:none; } .short2 { display:inline; } .pbar .in { gap:var(--s2); } }
  .vh { display:flex; align-items:baseline; gap:var(--s3); margin-bottom:var(--s4); flex-wrap:wrap; }
  .vh .lead { font-size:13px; color:var(--ink-2); }
  .sec { display:flex; align-items:baseline; gap:var(--s3); margin:var(--s10) 0 var(--s3); flex-wrap:wrap; }
  .sec:first-child { margin-top:0; }
  .sec .q { font-size:12px; color:var(--ink-3); }
  .sec .scope { font-size:11px; font-weight:600; color:var(--ink-3); background:var(--surface-2); border-radius:var(--r-tag); padding:1px 6px; }
  .card { background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:var(--s4); min-width:0; }
  .card h3 { display:flex; align-items:center; gap:var(--s2); flex-wrap:wrap; }
  .card h3 .scope { font-size:11px; font-weight:600; color:var(--ink-3); background:var(--surface-2); border-radius:var(--r-tag); padding:1px 6px; }
  .desc { font-size:12px; color:var(--ink-3); margin-top:2px; line-height:1.5; }
  .info { width:20px; height:20px; border-radius:50%; border:1px solid var(--line-strong); background:var(--surface); color:var(--ink-3); font-size:11px; font-weight:700; line-height:1; display:inline-flex; align-items:center; justify-content:center; }
  .grid2 { display:grid; grid-template-columns:1fr 1fr; gap:var(--s4); align-items:start; }
  .grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s4); align-items:start; }
  .grid2 > *, .grid3 > * { min-width:0; }
  .grid2.wide { grid-template-columns:1.2fr 1fr; }
  @media (max-width:900px) { .grid2, .grid3, .grid2.wide { grid-template-columns:1fr; } }
  .stack { display:grid; gap:var(--s4); }
  .note { font-size:12px; color:var(--ink-3); margin-top:var(--s2); line-height:1.5; }
  .note b { color:var(--ink-2); font-weight:600; }
  .plain { font-size:13px; color:var(--ink-2); background:var(--surface-2); border-radius:var(--r-ctl); padding:var(--s2) var(--s3); line-height:1.6; }
  .plain b { color:var(--ink); font-weight:700; }
  /* tags / badges / chips */
  .tag { display:inline-block; font-size:11px; font-weight:600; border-radius:var(--r-tag); padding:1px 6px; background:var(--surface-2); color:var(--ink-2); vertical-align:1px; white-space:nowrap; }
  .tag.ok { background:var(--ok-bg); color:var(--ok); } .tag.warn { background:var(--warn-bg); color:var(--warn); } .tag.crit { background:var(--crit-bg); color:var(--crit); } .tag.pri { background:var(--primary-soft); color:var(--primary); }
  .badge { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:3px 9px; font-size:11px; font-weight:600; white-space:nowrap; }
  .badge i { width:7px; height:7px; border-radius:50%; background:currentColor; opacity:.85; }
  .chip { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:0 var(--s3); min-height:36px; white-space:nowrap; flex-shrink:0; font-size:12.5px; font-weight:600; background:var(--surface); border:1px solid var(--line-strong); color:var(--ink-2); }
  .chip[aria-pressed="true"] { background:var(--ink); color:#fff; border-color:var(--ink); }
  .chip b { font-weight:700; }
  .chips { display:flex; gap:var(--s2); flex-wrap:wrap; }
  @media (max-width:700px) { .chips.scroll { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; -webkit-overflow-scrolling:touch; } }
  .pchip { display:inline-flex; align-items:center; gap:5px; font-size:12px; background:var(--surface-2); border:1px solid transparent; border-radius:999px; padding:0 10px; min-height:32px; color:var(--ink); white-space:nowrap; }
  .pchip:hover { border-color:var(--line-strong); }
  .pchip small { color:var(--ink-3); font-size:11px; }
  .pchip.fresh { background:transparent; border:1px dashed var(--line-strong); color:var(--ink-2); }
  .who { color:var(--ink); font-weight:600; text-decoration:underline; text-decoration-color:var(--line-strong); text-underline-offset:3px; background:none; border:none; padding:10px 0; margin:-10px 0; }
  .who:hover { text-decoration-color:var(--primary); }
  /* KPI */
  .kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s4); }
  @media (max-width:900px) { .kpis { grid-template-columns:repeat(2,1fr); } }
  @media (max-width:480px) { .kpis { grid-template-columns:1fr; } }
  .kpis > * { min-width:0; }
  .kpi { background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:var(--s4); display:flex; flex-direction:column; gap:var(--s1); }
  .kpi .l { font-size:13px; font-weight:600; color:var(--ink-2); display:flex; justify-content:space-between; gap:var(--s2); align-items:baseline; }
  .kpi .l .p { font-size:11px; font-weight:600; color:var(--ink-3); white-space:nowrap; }
  .kpi .v { display:flex; align-items:baseline; gap:var(--s2); flex-wrap:wrap; }
  .kpi .v b { font-size:28px; font-weight:700; line-height:1.1; letter-spacing:-.01em; }
  .kpi .v span { font-size:12px; color:var(--ink-2); }
  .kpi .v .tag { white-space:normal; line-height:1.3; }
  .kpi .now { font-size:12px; color:var(--ink-3); }
  .kpi .now b { color:var(--ink-2); font-weight:600; }
  .d { font-size:11px; font-weight:600; border-radius:var(--r-tag); padding:1px 6px; }
  .d.up { color:var(--ok); background:var(--ok-bg); } .d.dn { color:var(--crit); background:var(--crit-bg); } .d.eq { color:var(--ink-3); background:var(--surface-2); }
  .facts { display:flex; gap:var(--s6); flex-wrap:wrap; }
  @media (max-width:480px) { .facts { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s3); } }
  .fact { font-size:12px; color:var(--ink-3); }
  .fact b { display:block; font-size:28px; font-weight:700; line-height:1.1; color:var(--ink); letter-spacing:-.01em; }
  .fact b small { font-size:12px; color:var(--ink-2); font-weight:600; margin-left:2px; }
  /* HTML charts */
  .cols { display:flex; align-items:flex-end; gap:6px; height:140px; padding-top:18px; border-bottom:1px solid var(--line-strong); }
  .cols.mini { height:44px; padding-top:12px; gap:3px; border-bottom:1px solid var(--line); margin-top:var(--s2); }
  .col { flex:1; min-width:0; display:flex; flex-direction:column; justify-content:flex-end; height:100%; position:relative; }
  .col .stk { display:flex; flex-direction:column-reverse; gap:2px; width:100%; max-width:28px; margin:0 auto; height:100%; justify-content:flex-start; }
  .col .sg { width:100%; border-radius:2px 2px 0 0; }
  .col .sg + .sg { border-radius:2px; }
  .col.cur .sg { opacity:.18; outline:1.5px solid currentColor; outline-offset:-1.5px; }
  .col .z { height:2px; background:var(--c-gray-soft); width:100%; max-width:28px; margin:0 auto; border-radius:1px; }
  .col .vl { position:absolute; top:-2px; left:0; right:0; text-align:center; font-size:11px; font-weight:700; color:var(--ink); line-height:1; }
  .xl { display:flex; gap:6px; margin-top:4px; }
  .xl.mini { gap:3px; }
  .xl { position:relative; height:16px; }
  .xl span { position:absolute; top:0; font-size:11px; color:var(--ink-3); white-space:nowrap; transform:translateX(-50%); }
  .xl span.first { transform:none; } .xl span.last { transform:translateX(-100%); }
  /* 第1行の3指標は数字を大きく */
  .kpis.hero .kpi .v b { font-size:34px; }
  .kpis.hero .kpi .l { font-size:14px; color:var(--ink); }
  .legend { display:flex; gap:var(--s3); margin-top:var(--s2); flex-wrap:wrap; }
  .legend span { display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--ink-2); }
  .legend i { width:12px; height:12px; border-radius:3px; }
  .legend i.cur { background:transparent; outline:1.5px solid var(--ink-3); outline-offset:-1.5px; }
  .hb { display:grid; grid-template-columns:auto 1fr auto; gap:6px var(--s2); align-items:center; }
  .hb .lb { font-size:12px; color:var(--ink-2); white-space:nowrap; }
  .hb .tr { height:14px; background:var(--surface-2); border-radius:3px; overflow:hidden; }
  .hb .fl { height:100%; border-radius:3px; background:var(--c-people); }
  .hb .vv { font-size:12px; font-weight:700; text-align:right; white-space:nowrap; }
  .hb .vv small { color:var(--ink-3); font-weight:400; }
  details.tv { margin-top:var(--s2); }
  details.tv summary { font-size:12px; color:var(--ink-3); cursor:pointer; padding:8px 0; }
  /* tables */
  .twrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .twrap.masked { -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent); mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent); }
  .twrap.nomask { -webkit-mask-image:none; mask-image:none; }
  table.t { width:100%; border-collapse:collapse; font-size:13px; }
  .t th { text-align:left; font-size:11px; color:var(--ink-3); font-weight:600; padding:var(--s2) 10px; border-bottom:1px solid var(--line-strong); white-space:nowrap; }
  .t td { padding:var(--s2) 10px; border-bottom:1px solid var(--line); vertical-align:middle; white-space:nowrap; }
  .t tr:last-child td { border-bottom:none; }
  .t th.r, .t td.r { text-align:right; }
  .t tr.total td { font-weight:700; border-top:2px solid var(--line-strong); }
  .t td.wrap { white-space:normal; }
  .cb { display:flex; flex-direction:column; gap:2px; min-width:64px; }
  .cb .tr { height:8px; background:var(--surface-2); border-radius:2px; overflow:hidden; }
  .cb .fl { height:100%; background:var(--c-people); }
  .cb .fl.mem { background:var(--c-memory); }
  .cb span { font-size:12px; }
  .cb span b { font-weight:700; }
  .cb span small { color:var(--ink-3); }
  /* stairs */
  .stairs { display:grid; gap:6px; margin-top:var(--s3); }
  .stair { display:grid; grid-template-columns:250px 1fr 130px; gap:var(--s2); align-items:center; font-size:13px; }
  @media (max-width:600px) { .stair { grid-template-columns:130px 1fr 70px; font-size:12px; } }
  .stair .tr { height:18px; background:var(--surface-2); border-radius:3px; overflow:hidden; }
  .stair .fl { height:100%; background:var(--c-people); border-radius:3px; }
  .stair.star .fl { background:var(--c-memory); }
  .stair .n { font-weight:700; }
  .stair .n small { font-weight:400; color:var(--ink-3); }
  .stair.worst .lb { font-weight:700; }
  .nsm { display:flex; align-items:baseline; gap:var(--s3); flex-wrap:wrap; }
  .nsm b { font-size:34px; font-weight:700; letter-spacing:-.01em; line-height:1; }
  .nsm .of { font-size:14px; color:var(--ink-2); }
  /* feed */
  .feed { list-style:none; }
  .feed .day { font-size:11px; font-weight:600; color:var(--ink-3); letter-spacing:.04em; margin:var(--s3) 0 var(--s1); padding-bottom:3px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; }
  .feed .day:first-child { margin-top:var(--s2); }
  .ev { display:flex; align-items:flex-start; gap:var(--s2); padding:5px 0; }
  .ev > div { min-width:0; overflow-wrap:anywhere; }
  .ev i { width:22px; height:22px; border-radius:6px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; font-style:normal; font-size:11px; font-weight:700; margin-top:1px; background:var(--surface-2); color:var(--ink-2); }
  .ev i.join { background:var(--c-people-soft); color:#1f4f9a; } .ev i.card { background:var(--c-people-soft); color:#1f4f9a; } .ev i.mem { background:var(--c-memory-soft); color:#0d6b49; } .ev i.post { background:var(--c-post-soft); color:#9a3a12; } .ev i.issue { background:var(--c-issue-soft); color:#3b2d85; }
  .ev .m { color:var(--ink-3); font-size:12px; }
  .feed .quiet { color:var(--ink-3); font-size:12px; padding:6px 0; }
  details.more summary { font-size:12px; color:var(--primary); cursor:pointer; margin-top:var(--s2); }
  /* wall */
  .wall { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s4); }
  @media (max-width:860px) { .wall { grid-template-columns:1fr; } }
  .wcard { background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:var(--s4); min-width:0; }
  .wcard .hd { display:flex; align-items:center; gap:var(--s2); flex-wrap:wrap; }
  .wcard .hd button { background:none; border:none; font-size:14px; font-weight:600; color:var(--ink); text-decoration:underline; text-decoration-color:var(--line-strong); text-underline-offset:3px; padding:8px 0; min-height:40px; }
  .wcard .n { font-size:28px; font-weight:700; line-height:1.1; margin-top:var(--s1); }
  .wcard .n small { font-size:13px; color:var(--ink-2); font-weight:600; }
  .wcard .why { font-size:12px; color:var(--ink-2); margin-top:2px; }
  .wcard .names { display:flex; flex-wrap:wrap; gap:6px; margin-top:var(--s2); }
  .wcard .sub { font-size:11px; color:var(--ink-3); font-weight:600; margin-top:var(--s3); }
  .changes { list-style:none; display:grid; gap:6px; }
  .changes li { display:flex; gap:var(--s2); align-items:flex-start; font-size:13px; }
  .changes li .tag { margin-top:2px; }
  .okline { display:flex; align-items:center; gap:var(--s2); font-size:13px; padding:var(--s2) var(--s3); border-radius:var(--r-ctl); background:var(--ok-bg); color:var(--ok); }
  .okline.bad { background:var(--crit-bg); color:var(--crit); }
  .okline.warn { background:var(--warn-bg); color:var(--warn); }
  /* directory */
  .filters { display:flex; gap:var(--s2); margin-bottom:var(--s3); flex-wrap:wrap; }
  .filters select, .filters input { background:var(--surface); border:1px solid var(--line-strong); border-radius:var(--r-ctl); padding:0 var(--s3); height:40px; min-width:0; }
  .filters input { flex:1; min-width:160px; }
  .count { font-size:12px; color:var(--ink-3); margin:var(--s2) 0; display:flex; gap:var(--s2); align-items:center; flex-wrap:wrap; }
  .dir { background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden; }
  .row { border-bottom:1px solid var(--line); }
  .row:last-child { border-bottom:none; }
  .row summary { list-style:none; display:grid; grid-template-columns:minmax(160px,1.4fr) minmax(150px,1.2fr) repeat(3, minmax(80px,.8fr)) minmax(90px,.9fr); gap:var(--s2); align-items:center; padding:10px var(--s4); cursor:pointer; min-height:44px; }
  .row summary::-webkit-details-marker { display:none; }
  .row summary:hover { background:var(--surface-2); }
  .row .nm { display:flex; align-items:center; gap:6px; min-width:0; }
  .row .nm b { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .row .nm .h { color:var(--ink-3); font-size:11px; }
  .row .dot { width:8px; height:8px; border-radius:50%; background:var(--c-gray); flex-shrink:0; }
  .row .dot.on { background:var(--c-memory); }
  .row .c { font-size:13px; white-space:nowrap; }
  .row .c small { color:var(--ink-3); }
  .row .c.r { text-align:right; }
  .dh { display:grid; grid-template-columns:minmax(160px,1.4fr) minmax(150px,1.2fr) repeat(3, minmax(80px,.8fr)) minmax(90px,.9fr); gap:var(--s2); padding:var(--s2) var(--s4); font-size:11px; color:var(--ink-3); font-weight:600; border-bottom:1px solid var(--line-strong); }
  .dh .r { text-align:right; }
  .row .body { padding:var(--s2) var(--s4) var(--s4) 48px; background:var(--surface-2); border-top:1px solid var(--line); }
  .row .body .kv { display:grid; grid-template-columns:repeat(auto-fill, minmax(150px,1fr)); gap:var(--s2) var(--s4); font-size:12px; color:var(--ink-3); margin-bottom:var(--s3); }
  .row .body .kv b { color:var(--ink); font-weight:600; display:block; }
  .row .body .tl { list-style:none; font-size:12.5px; display:grid; gap:3px; }
  .row .body .tl li span { color:var(--ink-3); margin-right:6px; font-variant-numeric:tabular-nums; }
  @media (max-width:700px) {
    .dh { display:none; }
    .row summary { grid-template-columns:1fr; gap:3px; padding:var(--s3) var(--s4); }
    .row .c.r { text-align:left; } .row .c.hide-m { display:none; }
    .row .mline { display:block; font-size:12px; color:var(--ink-3); }
    .row .body { padding-left:var(--s4); }
  }
  .mline { display:none; }
  footer { max-width:1180px; margin:var(--s8) auto 0; padding:0 var(--s4); font-size:11px; color:var(--ink-3); }

  /* ---- 本番のみ: ログイン・更新・新データ通知 ---- */
  #login { position:fixed; inset:0; background:radial-gradient(900px 520px at 50% -10%, #e9eff9 0%, var(--page) 60%); z-index:50; display:flex; align-items:center; justify-content:center; }
  .logincard { display:flex; flex-direction:column; align-items:center; gap:var(--s4); padding:var(--s10) var(--s6); }
  .logincard .biglogo { font-family:"Arial Black",Arial,sans-serif; font-weight:900; font-size:22px; letter-spacing:.02em; color:#0a0a0a; }
  .logincard .ltag { color:var(--ink-2); }
  #login input { background:var(--surface); border:1px solid var(--line-strong); border-radius:var(--r-ctl); padding:12px 14px; font-size:16px; width:270px; text-align:center; }
  #loginErr { color:var(--crit); font-size:12px; min-height:16px; }
  .primary { background:var(--primary); color:#fff; border:none; border-radius:var(--r-ctl); height:40px; padding:0 var(--s6); font-weight:700; }
  .rstate { font-size:12px; color:var(--ink-3); white-space:nowrap; }
  .rstate.ok { color:var(--ok); } .rstate.bad { color:var(--crit); }
  .pbar .meta .stale { color:var(--warn); font-weight:700; }
  #newdata { position:fixed; left:50%; transform:translateX(-50%); bottom:calc(var(--s4) + env(safe-area-inset-bottom)); z-index:40; display:flex; align-items:center; gap:var(--s3); background:var(--ink); color:#fff; border-radius:999px; padding:var(--s2) var(--s2) var(--s2) var(--s4); font-size:13px; box-shadow:0 6px 24px rgba(0,0,0,.18); }
  #newdata .primary { height:32px; padding:0 var(--s4); font-size:12.5px; }
  @media (max-width:760px) { .rstate { display:none; } }