:root{--num:"JetBrains Mono","Inter","SF Pro Text",system-ui,monospace;--bg:#f3f1ed;--ln:#e4e0d8;--ln2:#eeebe5;--ac:#2D385F;--ac-bg:#eceff6;--pri:#1c1f26;--pri-h:#2d313b;--hi:#ffd24a}
.top{background:#1c1f26;border-color:#1c1f26}.top .title{color:#fff}.top .org{color:#b9bcc6}.top .mark{background:#2D385F}
.top .tabs button{color:#b9bcc6}.top .tabs button:hover,.top .tabs button[aria-pressed="true"]{color:#fff}
.top .tabs button[aria-pressed="true"]::after{background:var(--hi);height:3px}.top .tabs .c{background:var(--hi);color:#1c1f26}
.top .status{color:#e8e9ee;background:#2a2e38;border-color:#3a3f4b}
.wb{word-break:keep-all;overflow-wrap:anywhere}
/* 店頭 */
.stage{position:relative;border-radius:10px;overflow:hidden;background:#111 url(img/storefront.webp) 38% 30%/cover no-repeat;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:34px;align-items:start;min-height:560px}
.sign{background:#0b0d12;border:12px solid #1d1e21;border-radius:8px;color:#fff;padding:26px 30px 20px;display:grid;grid-template-columns:1.35fr 1fr;gap:26px}
.sign h4{margin:0;font-size:16px;font-weight:700;color:#c9cbd2;letter-spacing:.06em;white-space:nowrap}
.now{font:800 168px/1 var(--num);color:var(--hi);margin-top:12px;letter-spacing:-.04em;white-space:nowrap}
.now small{font:800 40px var(--num);margin-left:6px;letter-spacing:0}
.now.flash{animation:fl .9s ease 2}
@keyframes fl{50%{opacity:.25}}
.seat{font-size:24px;font-weight:800;margin-top:12px;white-space:nowrap}
.seat b{background:var(--hi);color:#111;padding:2px 12px;border-radius:5px;margin-right:10px}
.nx{border-left:2px solid #262a33;padding-left:22px}
.nx ul{list-style:none;margin:8px 0 0;padding:0}
.nx li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid #20232b}
.nx li b{font:800 34px var(--num)}.nx li span{font-size:14px;color:#a9adb8;white-space:nowrap}
.nx li.me b{color:var(--hi)}
.sf{grid-column:1/3;display:flex;gap:30px;flex-wrap:wrap;font-size:15px;color:#c9cbd2;border-top:2px solid #20232b;padding-top:12px}
.sf b{font:800 26px var(--num);color:#fff;margin:0 4px}
.phone{background:#0d0d0f;border-radius:44px;padding:11px;box-shadow:0 0 0 2px #34343a inset}
.phone .scr{border-radius:34px;overflow:hidden;background:#f4f2ee;min-height:600px}
.phone.big{width:390px;justify-self:center}
.ph{background:#2D385F;color:#fff;padding:24px 20px 16px}.ph p{margin:0;font-size:12px;opacity:.85}.ph h5{margin:2px 0 0;font-size:18px}
.tk{margin:14px;background:#fff;border-radius:14px;padding:18px;text-align:center;border:1px solid var(--ln)}
.tk p{margin:0;font-size:12.5px;color:var(--mu)}
.tk .n{font:800 92px/1.05 var(--num);color:#2D385F;letter-spacing:-.03em}
.tk .r{font-size:19px;font-weight:800;margin-top:4px;white-space:nowrap}.tk .r b{font:800 30px var(--num);color:#b4441f;margin:0 3px}
.tk.call{background:#2D385F;border-color:#2D385F;color:#fff}.tk.call p{color:#d6dbea}.tk.call .n{color:var(--hi)}
.pb{height:9px;background:#ebe8e1;border-radius:6px;margin:12px 0 6px;overflow:hidden}.pb i{display:block;height:100%;background:#2D385F;border-radius:6px}
.rows2{margin:0 14px;background:#fff;border-radius:14px;border:1px solid var(--ln)}
.rows2 div{display:flex;justify-content:space-between;padding:11px 16px;font-size:13.5px;border-bottom:1px solid var(--ln2)}.rows2 div:last-child{border:0}
.pbtn{display:grid;gap:8px;margin:14px}
.pbtn .btn{height:44px;font-size:14px}
.ops{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-top:12px;flex-wrap:wrap}
.opl{display:flex;flex-direction:column}.opb{margin-left:auto;display:flex;gap:8px}
.tkw{display:grid;grid-template-columns:420px minmax(0,1fr);gap:16px;align-items:start}
.nt{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--ln2);font-size:13px}.nt:last-child{border:0}
.nt time{font:600 12px var(--num);color:var(--mu);width:44px;flex:none;padding-top:2px}
.nt b{display:block}
.st{font-weight:700}.st.call{color:#b4441f}.st.wait{color:var(--ink2)}.st.done{color:var(--ok)}.st.absent{color:var(--mu)}
tr.call td{background:#fff8e1}
@media (max-width:1100px){.stage{grid-template-columns:minmax(0,1fr)}.stage .phone{display:none}.tkw{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .stage{padding:12px;min-height:0}
  .sign{grid-template-columns:minmax(0,1fr);border-width:8px;padding:16px;gap:14px}
  .now{font-size:110px}.now small{font-size:28px}.seat{font-size:17px}
  .nx{border-left:0;padding-left:0;border-top:2px solid #20232b;padding-top:10px}.nx li b{font-size:26px}
  .sf{grid-column:1;gap:14px;font-size:13px}.sf b{font-size:20px}
  .ops{flex-direction:column;align-items:stretch}.opb{margin-left:0}.opb .btn{flex:1}
  .phone.big{width:100%;padding:8px;border-radius:36px}.phone .scr{border-radius:28px}
}
.tks{display:grid;gap:12px}.trend{height:190px}
svg.plot rect.b0{fill:#c7cde0}svg.plot rect.b0.hi{fill:#2D385F}
/* スマホの上部バー（タブを2段目に） */
@media (max-width:640px){
  .top-in{flex-wrap:wrap;height:auto;padding:10px 12px 0;row-gap:4px}
  .tabs{order:3;width:100%;margin:0;height:40px}.tabs button{flex:1;justify-content:center;padding:0 4px;font-size:12px}.tabs button svg.i{display:none}
}