:root{--bg:#FAF6EC;--card-alt:#F1EAD8;--border:#E1D9C4;--tx:#2A2118;--tx-md:#453A2C;--tx-lt:#6B6154;--wh:#FFF;--on-dark:#FFF;--on-dark-lt:rgba(255,255,255,.72);--accent:#2C5FA8;--accent-dark:#1E4677;--accent-bg:#E7EFFA;--danger:#B3433C;--danger-bg:#F6E6E3;--gray-bg:#ECE7DA;--r:20px;--rs:12px;}
*{box-sizing:border-box;margin:0;padding:0} html{height:100%}body{font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Yu Gothic', 'YuGothic', 'Meiryo', sans-serif;background:var(--bg);display:flex;justify-content:center;height:100vh;overflow:hidden;color:var(--tx)}
.app{width:100%;max-width:480px;height:100%;background:var(--bg);display:flex;flex-direction:column;position:relative}.tb{background:var(--tx);color:var(--wh);padding:15px 16px;font-size:18px;font-weight:900;display:flex;align-items:center;gap:10px;min-height:58px;flex-shrink:0}.tb .bk{background:rgba(255,255,255,.2);border:none;border-radius:10px;padding:9px 14px;font-size:16px;font-weight:700;color:var(--wh);cursor:pointer;font-family:inherit}.tb .ti{flex:1}.tb .tm{font-size:13px;color:var(--on-dark-lt);font-weight:500}.sc{display:none;flex-direction:column;flex:1;overflow-y:auto}.sc.on{display:flex}.sb{padding:20px 18px;flex:1;display:flex;flex-direction:column}.bp,.bg,.bs,.bgh{width:100%;border-radius:var(--r);font-family:inherit;cursor:pointer;font-weight:900}.bp{background:var(--accent);color:var(--wh);border:none;padding:17px;font-size:19px;box-shadow:0 5px 0 var(--accent-dark)}.bg{background:var(--accent);color:var(--wh);border:none;padding:17px;font-size:19px;box-shadow:0 5px 0 var(--accent-dark);margin-top:10px}.bs{background:var(--wh);color:var(--tx);border:2.5px solid var(--border);padding:16px;font-size:16px;margin-top:10px}.bgh{background:transparent;color:var(--tx-lt);border:2px solid var(--border);padding:16px;font-size:16px;margin-top:10px;box-shadow:none}.row{display:flex;gap:10px}.row>*{flex:1}.row-wide{display:block}.ct-cols{display:block}.lbl{font-size:16px;font-weight:700;color:var(--tx-lt);margin-bottom:5px;display:block}.inp,.sel,textarea{width:100%;background:var(--wh);border:2.5px solid var(--border);border-radius:var(--rs);padding:14px 15px;font-size:17px;font-weight:700;font-family:inherit;color:var(--tx);margin-bottom:14px}textarea{font-size:16px;min-height:80px;resize:vertical}.inp.sm{font-size:16px;padding:13px 12px;margin-bottom:0}.hero{text-align:center;padding:14px 0}.hero-ic{font-size:45px}.hero-t{font-size:21px;font-weight:900;color:var(--tx);margin-top:8px;line-height:1.45}.hint{font-size:16px;color:var(--tx-lt);line-height:1.6}.sp{flex:1}.dv{font-size:14px;font-weight:700;color:var(--tx-lt);margin:14px 0 8px;display:flex;align-items:center;gap:7px}.dv:after{content:'';flex:1;height:1px;background:var(--border)}.empty{background:var(--wh);border:2px dashed var(--border);border-radius:var(--r);padding:24px 18px;text-align:center;color:var(--tx-lt);font-weight:700;line-height:1.7}.ev-list,.pl,.nl,.adj-log{display:flex;flex-direction:column;gap:10px}.ev-card,.pr,.ni,.rr,.adj-li{background:var(--wh);border-radius:var(--r);padding:14px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 8px rgba(42,33,24,.08)}.ev-card{border:2px solid var(--border);cursor:pointer}.ev-ic,.pr-ic{font-size:26px}.ev-inf,.grow{flex:1}.ev-nm,.pr-nm{font-size:16px;font-weight:900}.ev-dt,.pr-dt,.small{font-size:13px;color:var(--tx-lt);margin-top:2px}.ev-sa{text-align:right}.ev-am{font-size:16px;font-weight:900;color:var(--tx)}.ev-ar{color:var(--tx-lt);font-size:20px}.mc{background:var(--wh);border:3px solid var(--border);border-radius:var(--r);padding:20px 17px;margin-bottom:13px;position:relative;cursor:pointer}.mc.sel{border-color:var(--tx);background:var(--gray-bg)}.mc-ic{font-size:33px}.mc-nm{font-size:20px;font-weight:900;color:var(--tx);margin:4px 0}.mc-sub{font-size:16px;color:var(--tx-lt);line-height:1.6}.mc-bd{position:absolute;top:12px;right:12px;background:var(--gray-bg);color:var(--tx);font-size:12px;font-weight:700;padding:3px 9px;border-radius:100px}.pr-st{margin-left:auto;background:var(--gray-bg);color:var(--tx);font-size:13px;font-weight:900;padding:5px 10px;border-radius:8px;white-space:nowrap}.mini-btn{border:none;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:900;font-family:inherit;cursor:pointer;background:var(--gray-bg);color:var(--tx)}.mini-btn.danger{background:var(--danger-bg);color:var(--danger)}.ab{background:var(--wh);border:2px solid var(--border);border-radius:var(--r);padding:14px;margin-top:8px}.ab-t{font-size:16px;font-weight:900;color:var(--tx);margin-bottom:10px}.ni{border-left:5px solid var(--border);border-radius:0 var(--rs) var(--rs) 0;align-items:flex-start;font-size:16px;line-height:1.6}.ni-ic{font-size:20px;flex-shrink:0}.adj-bar{background:var(--card-alt);padding:10px 14px;display:flex;align-items:center;font-size:14px;font-weight:700;color:var(--tx);gap:8px}.adj-bar-btn{margin-left:auto;background:var(--gray-bg);color:var(--tx);border:none;border-radius:100px;padding:12px 16px;font-size:15px;font-weight:900;font-family:inherit;cursor:pointer}.rg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.rc{background:var(--wh);border:1.5px solid var(--border);border-radius:var(--r);padding:14px 8px;text-align:center;cursor:pointer;position:relative;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px rgba(42,33,24,.07)}.rc.low{border-color:var(--danger);background:var(--danger-bg)}.rc.gone{cursor:default}.rc-content{display:flex;flex-direction:column;align-items:center;width:100%}.rc.gone .rc-ic{opacity:.3;filter:grayscale(1)}.rc-ic{font-size:28px}.rc-nm{font-size:16px;font-weight:900;margin-top:5px}.rc-pr{font-size:16px;color:var(--tx);font-weight:900;margin-top:2px}.rc-st{font-size:12px;color:var(--tx-lt);margin-top:2px}.low-bd{background:var(--danger);color:var(--wh);font-size:11px;font-weight:900;padding:2px 6px;border-radius:100px;position:absolute;top:7px;right:7px}.rc-qty-badge{position:absolute;top:7px;left:7px;background:var(--accent);color:var(--wh);min-width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;box-shadow:0 2px 4px rgba(0,0,0,.15)}.rc-soldout{display:none}.rc.gone .rc-soldout{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-9deg);width:72%;padding:5px 4px;align-items:center;justify-content:center;font-size:19px;font-weight:900;letter-spacing:.18em;color:var(--wh);background:rgba(179,67,60,.94);border:2.5px solid var(--wh);border-radius:7px;box-shadow:0 3px 10px rgba(0,0,0,.3)}#s6.sc{overflow-y:hidden}#s6 .sb{overflow-y:auto;flex:1;min-height:0}#s7.sc{overflow-y:hidden}#s7 .sb{overflow-y:auto;flex:1;min-height:0}.s7-actions{padding:14px 18px 18px;background:var(--wh);flex-shrink:0;border-top:1px solid var(--border)}.s6-main,.ca-wrap{display:contents}.ca{background:var(--wh);border-radius:var(--r) var(--r) 0 0;padding:14px 16px;border-top:3px solid var(--border);flex-shrink:0}.ca-hd{font-size:14px;font-weight:700;color:var(--tx-lt);margin-bottom:7px;display:flex;justify-content:space-between}.ca-count{color:var(--tx);font-weight:900}.ca-lines{max-height:110px;overflow-y:auto}.ca-ln{display:flex;justify-content:space-between;font-size:16px;font-weight:700;margin-bottom:4px}.ca-tot{border-top:2px solid var(--border);padding-top:9px;margin-top:7px;font-size:22px;font-weight:900;color:var(--tx);display:flex;justify-content:space-between}.ca-btns{display:flex;gap:9px;margin-top:10px}.cb{padding:15px;border-radius:var(--rs);font-size:16px;font-weight:900;font-family:inherit;border:none;cursor:pointer}.cb.pay{background:var(--accent);color:var(--wh);flex:2;font-size:18px}.cb.chg{background:var(--gray-bg);color:var(--tx);flex:1;font-size:16px;line-height:1.25}.cb.cancel{background:var(--gray-bg);color:var(--tx-lt);width:100%;margin-top:7px;font-size:16px;padding:15px}.cb.undo{background:var(--wh);color:var(--danger);width:100%;margin-top:0;font-size:16px;padding:15px;border:2px solid var(--danger)}.badge{display:inline-block;border-radius:100px;background:var(--gray-bg);color:var(--tx);font-size:12px;font-weight:900;padding:3px 8px;margin-top:4px}.sale-complete-overlay{position:fixed;inset:0;background:rgba(42,33,24,.94);display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;z-index:60;padding:20px}.sale-complete-overlay.show{display:flex}.sale-complete-icon{font-size:56px}.sale-complete-title{font-size:26px;font-weight:900;margin-top:8px}.sale-complete-amount{font-size:18px;margin-top:8px;color:var(--on-dark-lt);font-weight:700}.sale-complete-hint{font-size:13px;margin-top:18px;color:var(--on-dark-lt)}.sale-hist-row{background:var(--wh);border-radius:var(--rs);padding:12px 14px;margin-bottom:10px;border:2px solid var(--border)}.sale-hist-row.canceled{opacity:.55}.sale-hist-top{display:flex;justify-content:space-between;font-weight:900}.sale-hist-time{color:var(--tx-lt);font-size:14px}.sale-hist-total{color:var(--tx);font-size:17px}.sale-hist-items{font-size:16px;margin-top:4px}.sale-hist-paid{font-size:14px;color:var(--tx-lt);margin-top:2px}.sale-hist-canceled-badge{display:inline-block;margin-top:8px;background:var(--danger-bg);color:var(--danger);font-size:12px;font-weight:900;padding:3px 9px;border-radius:100px}.save-status{font-size:14px;color:var(--tx-lt);display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.save-warn{color:var(--danger);font-weight:900}.import-choice-overlay{position:fixed;inset:0;background:rgba(42,33,24,.55);display:none;align-items:center;justify-content:center;z-index:70;padding:20px}.import-choice-overlay.show{display:flex}.import-choice-box{background:var(--wh);border-radius:var(--r);padding:22px 20px;max-width:400px;width:100%;box-shadow:0 8px 30px rgba(0,0,0,.25)}.import-choice-title{font-size:17px;font-weight:900;color:var(--tx)}.b-danger{width:100%;border-radius:var(--r);font-family:inherit;cursor:pointer;font-weight:900;background:var(--danger);color:var(--wh);border:none;padding:17px;font-size:19px}.ct-box,.rh,.rp{background:var(--wh);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:0 3px 14px rgba(42,33,24,.09)}.ct-tot{font-size:36px;font-weight:900;color:var(--tx);margin:3px 0 16px}.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0 12px}.pb{background:var(--gray-bg);border:none;border-radius:10px;padding:14px 4px;font-size:14px;font-weight:900;font-family:inherit;color:var(--tx);cursor:pointer}.pb.act{background:var(--tx);color:var(--wh)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}.npb{background:var(--gray-bg);border:none;border-radius:var(--rs);padding:16px 0;font-size:20px;font-weight:900;font-family:inherit;color:var(--tx);cursor:pointer}.npb:active{background:var(--tx);color:var(--wh)}.npb-del{background:var(--danger-bg);color:var(--danger)}
.chg-box{background:var(--gray-bg);border:2px solid var(--border);border-radius:var(--rs);padding:12px 15px;display:flex;justify-content:space-between;align-items:center}.chg-val{font-size:26px;font-weight:900;color:var(--tx)}.rh{background:linear-gradient(135deg,var(--tx),var(--tx-md));color:var(--wh);text-align:center}.rh-l{font-size:14px;color:var(--on-dark-lt)}.rh-a{font-size:40px;font-weight:900}.rh-s{font-size:14px;color:var(--on-dark-lt);margin-top:3px}.rr{justify-content:space-between;align-items:flex-start}.rr>div:first-child{min-width:0;flex:1}.rr>div:last-child{flex-shrink:0;max-width:56%}.rr-q{font-size:16px;font-weight:900;color:var(--tx);text-align:right}.rr-s{font-size:13px;color:var(--tx-lt);font-weight:700;margin-top:2px;text-align:right}.rr-rank{display:inline-block;background:var(--gray-bg);color:var(--tx);font-size:12px;font-weight:900;padding:2px 7px;border-radius:100px;margin-right:2px}.rr-actual-row{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin-top:6px;font-size:13px;color:var(--tx-lt)}.rr-actual-input{width:60px;padding:4px 6px;border:2px solid var(--border);border-radius:8px;font-size:14px;font-weight:700;text-align:center;font-family:inherit}.rr-diff{font-weight:900}.rr-diff.zero{color:var(--tx)}.rr-diff.diff{color:var(--danger)}.adj-li{border-radius:var(--rs);font-size:14px}.al-tm{color:var(--tx-lt);font-size:13px}.al-dl{font-size:16px;font-weight:900}.al-dl.p{color:var(--tx)}.al-dl.m{color:var(--danger)}.al-rs{background:var(--gray-bg);color:var(--tx);font-size:11px;font-weight:700;padding:2px 7px;border-radius:100px}.rp-hd{text-align:center;border-bottom:3px double var(--tx);padding-bottom:12px;margin-bottom:12px}.rp-hd h2{font-size:18px;font-weight:900;color:var(--tx)}.kg{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.kb{background:var(--gray-bg);border-radius:8px;padding:9px 7px;text-align:center}.kl{font-size:11px;color:var(--tx-lt)}.kv{font-size:18px;font-weight:900;color:var(--tx)}.rt{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:10px}.rt th{background:var(--tx);color:var(--wh);padding:6px 4px;text-align:center;font-size:11px}.rt td{padding:5px 4px;border-bottom:1px solid var(--border);text-align:center}.rt td:first-child{text-align:left;font-size:11px}.rt tr:nth-child(even) td{background:var(--card-alt)}.sr td{color:var(--tx);font-weight:700}.rh2{background:var(--card-alt);border:1.5px solid var(--border);border-radius:7px;padding:8px 11px;margin-bottom:6px;font-size:13px}.rh2 .hl{font-size:11px;color:var(--tx-lt)}.rh2 .hv{font-weight:900;color:var(--tx)}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(42,33,24,.94);color:#fff;padding:10px 14px;border-radius:100px;font-size:14px;font-weight:900;z-index:99;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}.print-only{display:none}@media print{@page{margin:10mm}body{background:#fff}.app{max-width:none}.tb,.no-print,.bp,.bg,.bs,.bgh{display:none!important}.sc{display:none!important}.sc.on{display:block!important}.sb{padding:0;max-width:none}.rp{box-shadow:none;border-radius:0;padding:0}.print-only{display:block}.rp-hd{padding-bottom:6px;margin-bottom:8px}.rp-hd h2{font-size:16px}.rp-hd .small{font-size:11px}.rp-hd p{font-size:11px}.kg{gap:5px;margin-bottom:8px}.kb{padding:5px 4px}.kl{font-size:9px}.kv{font-size:14px}.lbl{font-size:12px;margin-bottom:3px}.rt{font-size:10px;margin-bottom:6px}.rt th{padding:3px 4px;font-size:9px}.rt td{padding:3px 4px}.rh2{padding:5px 8px;margin-bottom:4px;font-size:11px}.rh2 .hl{font-size:9px}textarea{min-height:36px;font-size:11px;padding:6px 8px;margin-bottom:4px}#memoStatus{display:none!important}}

.top-actions{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}
.about-link{background:transparent;border:none;color:var(--tx-lt);font-family:inherit;font-weight:900;font-size:16px;text-decoration:underline;cursor:pointer;margin:10px auto 0;display:block}
.info-card{background:var(--wh);border:2px solid var(--border);border-radius:var(--r);padding:14px 15px;margin-bottom:14px;box-shadow:0 2px 8px rgba(42,33,24,.08)}
.about-credit{text-align:center;margin-top:18px;font-size:12px;line-height:1.7;color:var(--tx-lt);letter-spacing:.08em;font-weight:900;opacity:.78}


html, body { background: var(--bg); }
.app { background: var(--bg); }
@media print{ html,body{height:auto;overflow:visible} .app{height:auto} }


/* v1.11 top A layout */
.top-a-header{background:var(--tx);padding:22px 20px 20px;position:relative;overflow:hidden;flex-shrink:0}
.top-a-header::after{content:'';position:absolute;right:-20px;bottom:-30px;width:120px;height:120px;background:var(--bg);border-radius:50%;opacity:.12}
.top-a-name{font-size:22px;font-weight:900;color:#fff;display:flex;align-items:center;gap:10px;position:relative;z-index:1}
.top-a-tagline{font-size:14px;color:var(--on-dark-lt);margin-top:4px;position:relative;z-index:1;line-height:1.5}
.top-a-body{padding:18px 18px;flex:1;display:flex;flex-direction:column}
.top-a-section-title{font-size:17px;font-weight:900;color:var(--tx);margin-bottom:10px}
.top-a-empty{background:var(--wh);border:2px dashed var(--border);border-radius:var(--r);padding:22px 18px;text-align:center;margin-bottom:14px}
.top-a-empty-icon{font-size:32px;margin-bottom:6px}
.top-a-empty-text{font-size:16px;font-weight:700;color:var(--tx-lt);line-height:1.6}

/* v1.12 product master / group summary */
.bottom-actions{display:flex;gap:10px;margin-top:12px}
.bottom-actions .bgh,.bottom-actions .bp,.bottom-actions .bg,.bottom-actions .bs{margin-top:0}
.prep-card{background:var(--wh);border:2.5px solid var(--border);border-radius:var(--r);padding:16px 15px;margin-bottom:12px;cursor:pointer;box-shadow:0 2px 8px rgba(42,33,24,.08)}
.prep-card.primary{border-color:var(--accent);background:var(--accent-bg)}
.prep-title{font-size:18px;font-weight:900;color:var(--tx);margin-bottom:5px}
.prep-desc{font-size:16px;color:var(--tx-lt);line-height:1.6}
.master-row{background:var(--wh);border:2px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:12px}
.master-row-title{font-size:16px;font-weight:900;color:var(--tx);margin-bottom:8px}
.stock-row{background:var(--wh);border:2px solid var(--border);border-radius:var(--r);padding:13px 14px;margin-bottom:10px;display:grid;grid-template-columns:1fr 110px;gap:10px;align-items:center}
.stock-main{min-width:0}
.stock-name{font-size:16px;font-weight:900;color:var(--tx)}
.stock-meta{font-size:13px;color:var(--tx-lt);margin-top:3px}
.cat-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.cat-btn{background:var(--card-alt);color:var(--tx);border:2px solid var(--border);border-radius:100px;padding:11px 18px;font-size:15px;font-weight:900;font-family:inherit;cursor:pointer;min-height:46px}
.cat-btn.act{background:var(--tx);color:var(--wh);border-color:var(--tx)}
.lbl-lg{font-size:18px;color:var(--tx)}
.inp.lg{font-size:22px;padding:16px}
.danger-zone{margin-top:28px;padding:14px 14px 4px;background:var(--card-alt);border:1.5px dashed var(--border);border-radius:var(--r)}
.danger-zone-lbl{font-size:12px;font-weight:700;color:var(--tx-lt);margin-bottom:10px;display:flex;align-items:center;gap:5px}
.danger-zone > button{margin-top:0;margin-bottom:10px;background:var(--wh);border-color:var(--border)!important}

/* タブレット横向き・PC幅広画面: レジ画面はPOS風2ペイン、それ以外は入力幅を活かす */
@media (min-width:800px){
  body{align-items:stretch}
  .app{max-width:none;width:100%}
  .sb{max-width:640px;margin:0 auto;width:100%}
  .tb{padding-left:28px;padding-right:28px}
  .row-wide{display:flex;gap:14px}
  .row-wide > *{flex:1;min-width:0}
  #s3 .sb,#s3b .sb{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
  #s3 .sb > .hint,#s3 .sb > .sp,#s3 .sb > .bottom-actions,#s3b .sb > .hint,#s3b .sb > .sp,#s3b .sb > .bgh{grid-column:1/-1}
  #reuseStockList,#masterEditList{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  #reuseStockList > *,#masterEditList > *{margin-bottom:0}
  .nl{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  #s7 .sb{max-width:760px;padding-top:14px;padding-bottom:10px}
  .ct-cols{display:flex;gap:20px;align-items:start}
  .ct-col{flex:1;min-width:0}
  #s7 .ct-box{padding:14px}
  #s7 .ct-tot{margin-bottom:8px}
  #s7 .numpad{gap:5px;margin-bottom:0}
  #s7 .npb{padding:9px 0;font-size:17px}
  #s7 .pg{gap:5px;margin:6px 0 0}
  #s7 .pb{padding:10px 4px}
  #s7 #paidCustom{margin-bottom:6px;padding:10px 15px}
  #s7 .chg-box{padding:9px 15px}
  #s7 .s7-actions{padding:10px 18px 14px}
  #s6.sc{flex-direction:column}
  .s6-main{display:flex;flex:1;min-height:0}
  #s6 .sb{max-width:none;margin:0;flex:1;overflow-y:auto}
  .ca-wrap{display:flex;flex-direction:column;width:400px;flex-shrink:0;overflow-y:auto;background:var(--wh);border-left:1px solid var(--border)}
  .ca{border-radius:0;border-top:none;flex-shrink:0}
  .rg{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1100px){
  .ca-wrap{width:440px}
  .rg{grid-template-columns:repeat(4,1fr)}
}

/* Phase 6: PWA更新バナー（安全なタイミングで更新を案内し、突然の再読み込みを防ぐ） */
.update-banner{position:fixed;left:16px;right:16px;bottom:18px;background:var(--tx);color:var(--wh);padding:14px 16px;border-radius:var(--rs);z-index:98;display:none;flex-direction:column;align-items:flex-start;gap:10px;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.update-banner span{font-size:15px;font-weight:900}
.update-banner-btns{display:flex;gap:8px;width:100%}
.update-banner button{border:none;border-radius:100px;padding:10px 16px;font-size:14px;font-weight:900;font-family:inherit;cursor:pointer;flex:1}
.update-banner-btns button:first-child{background:var(--accent);color:var(--wh)}
.update-banner-btns button:last-child{background:rgba(255,255,255,.2);color:var(--wh)}
