/* 確認用: v10案。base.css・screens.css(FX Masterの現行)は変えず、後ろから上書きする。html[data-cand=on] のときだけ有効 */
:root{--glow-danger:0 0 calc(var(--gr)*1em) rgba(248,113,113,var(--ga));--glow-success:0 0 calc(var(--gr)*1em) rgba(74,222,128,var(--ga));--glow-warning:0 0 calc(var(--gr)*1em) rgba(250,204,21,var(--ga))}
.g-ok{color:var(--success);text-shadow:var(--glow-success)}.g-wn{color:var(--warning);text-shadow:var(--glow-warning)}.g-ng{color:var(--danger);text-shadow:var(--glow-danger)}
.tap-row{transition:background .12s;cursor:pointer;touch-action:manipulation}.tap-row:active,.tap-row.is-pressed{background:rgba(255,255,255,.1)}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-demo{padding:12px 4px;border-bottom:1px solid var(--border-subtle);font-size:.8rem}
.note{font-size:.64rem;color:var(--text-sub);line-height:1.5;margin:6px 0 2px}
input[type=range]{width:100%;accent-color:#fff}.cr{margin:8px 0}.cr b{font-size:.7rem;float:right;color:#fff}.cr span{font-size:.7rem;color:var(--text-sub)}
#diag,#out{font-size:.64rem;line-height:1.6;white-space:pre-wrap;color:var(--text-sub)}
.sub{position:fixed;inset:0;z-index:60;background:#000;display:none;flex-direction:column}.sub.on{display:flex}
.sub-h{flex:none;height:var(--head-h);padding:env(safe-area-inset-top) 16px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);font-size:.9rem;text-shadow:var(--glow-text)}
.sub-body{flex:1;overflow-y:auto;padding:12px 16px}.sub-bar{flex:none;display:flex;gap:8px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:#000;border-top:1px solid var(--border-subtle)}
.sub-bar.float{margin:0 14px calc(8px + env(safe-area-inset-bottom));padding:8px;border:1px solid var(--border-glass);border-radius:16px;background:rgba(40,40,48,.5)}
.sub-fab{position:absolute;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));background:#141414}
/* ---- v10案 ---- */
html[data-cand=on] .card{margin-bottom:var(--card-mb)}
html[data-cand=on] .btn{position:relative;height:var(--ctl-h);padding:0 var(--btn-px);border-radius:var(--btn-r);font-size:var(--btn-fs)}
html[data-cand=on] .btn.sm{height:var(--btn-sm-h);padding:0 var(--btn-sm-px);border-radius:var(--btn-sm-r);font-size:var(--btn-sm-fs)}
html[data-cand=on] .btn::before{content:"";position:absolute;left:0;right:0;top:calc(var(--hit)*-1);bottom:calc(var(--hit)*-1)}
html[data-cand=on] .in{height:var(--ctl-h);padding:0 var(--in-px);border-radius:var(--in-r);font-size:var(--in-fs)}
html[data-cand=on] .in.narrow{padding:0 6px;text-align:center}
html[data-cand=on] textarea.in{height:var(--ctl-h);min-height:var(--ctl-h);padding:6px var(--in-px);resize:none;overflow:hidden;line-height:1.4}
html[data-cand=on] input[type=date].in,html[data-cand=on] input[type=month].in{-webkit-appearance:none;appearance:none;display:flex;align-items:center;min-width:0;max-width:100%;text-align:left}
html[data-cand=on] input[type=date].in::-webkit-date-and-time-value,html[data-cand=on] input[type=month].in::-webkit-date-and-time-value{margin:0;min-height:1.5em;text-align:left}
html[data-cand=on] input[type=date].in::-webkit-datetime-edit,html[data-cand=on] input[type=month].in::-webkit-datetime-edit,html[data-cand=on] input[type=date].in::-webkit-datetime-edit-fields-wrapper,html[data-cand=on] input[type=month].in::-webkit-datetime-edit-fields-wrapper{padding:0}
html[data-cand=on] .nav-item{font-size:var(--nav-fs);height:max(31px,calc(var(--nav-h) - var(--nav-trim)));align-self:flex-start}
html[data-cand=on] header,html[data-cand=on] nav{z-index:50}
html[data-cand=on] .modal-overlay{z-index:70}
html[data-cand=on] .sheet-backdrop{z-index:80}
html[data-cand=on] .dlg-ov{z-index:95}
html[data-h=inset] .modal-overlay{width:auto;height:auto;right:0;bottom:0}