/* x539x 雙色：預設日間＝現有 1:1；夜間只換底與字，版面不動 */
html[data-theme="dark"] body,
html[data-theme="dark"] .shell{background:#1b2130;color:#e8edf5}
html[data-theme="dark"] table.draw td{border-color:#3d4a60;color:#e8edf5;background:#232b3b}
html[data-theme="dark"] table.draw th{background:#111827}
html[data-theme="dark"] .tabs{border-color:#3d4a60}
html[data-theme="dark"] .tabs a{background:#2a3346;color:#d5deec;border-color:#3d4a60}
html[data-theme="dark"] .tabs a.on{background:#1b2130;color:#fff}
html[data-theme="dark"] .modal{background:#232b3b;color:#e8edf5}
html[data-theme="dark"] .hint,#usage{color:#f0b429}
html[data-theme="dark"] input[type=date],
html[data-theme="dark"] input{background:#2a3346;color:#e8edf5;border-color:#4b5870}

/* 3D 按鈕：立體但不改位置與大小語意 */
.add,.acts button,.acts a,button.btn,#btnFetchDraw{
  position:relative;
  border:0;
  border-radius:7px;
  font-weight:700;
  letter-spacing:.02em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -2px 0 rgba(0,0,0,.22),
    0 3px 0 rgba(0,0,0,.28),
    0 4px 8px rgba(0,0,0,.18);
  transform:translateY(0);
  transition:transform .08s, box-shadow .08s, filter .08s;
}
.add:hover,.acts button:hover,.acts a:hover,button.btn:hover,#btnFetchDraw:hover{filter:brightness(1.06)}
.add:active,.acts button:active,.acts a:active,button.btn:active,#btnFetchDraw:active{
  transform:translateY(2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    inset 0 -1px 0 rgba(0,0,0,.2),
    0 1px 0 rgba(0,0,0,.25);
}

#themeBtn{
  width:34px;height:34px;margin-left:10px;border:0;border-radius:50%;
  background:#2c3548;color:#ffd54f;font-size:18px;cursor:pointer;line-height:34px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 0 #111;
}
html[data-theme="dark"] #themeBtn{background:#f3e27a;color:#3a2a00}