/* Settings — "Bertha Van Weld's Tech Expo" look: tabbed panels, dark navy + cyan circuit grid */
#settings-modal{background:
  radial-gradient(1200px 500px at 50% -10%,rgba(0,229,255,.18),transparent 60%),
  linear-gradient(rgba(0,229,255,.05) 1px,transparent 1px) 0 0/34px 34px,
  linear-gradient(90deg,rgba(0,229,255,.05) 1px,transparent 1px) 0 0/34px 34px,
  linear-gradient(#071426,#02060c) fixed;}
#settings-modal .modal-content{max-width:520px;width:min(94vw,520px);border:1px solid #1f6f86;border-radius:16px;background:linear-gradient(180deg,#0b1d33,#07121f);box-shadow:0 0 0 1px #0a2f3d,0 18px 50px rgba(0,0,0,.6),0 0 30px rgba(0,229,255,.12);padding:0 0 14px;overflow:hidden}
.st-head{display:flex;align-items:center;gap:12px;padding:16px 18px 12px;background:linear-gradient(90deg,#0d3a4d,#0b2236 70%);border-bottom:1px solid #1f6f86;text-align:left}
.st-head .st-gear{width:38px;height:38px;border-radius:10px;background:#04141f;border:1px solid #2bb3d1;display:grid;place-items:center;font-size:20px;box-shadow:0 0 12px rgba(0,229,255,.35) inset}
.st-head h2{margin:0;font-size:17px;letter-spacing:2px;color:#e8fbff;justify-content:flex-start}
.st-head small{display:block;font-family:sans-serif;font-size:9px;letter-spacing:1.5px;color:#6fd3e8;text-transform:uppercase;margin-top:2px}
.st-tabs{display:flex;gap:6px;padding:12px 14px 0;overflow-x:auto;scrollbar-width:none}
.st-tabs::-webkit-scrollbar{display:none}
.st-tab{flex:1;min-width:max-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:10px 10px 0 0;border:1px solid #1b4a5c;border-bottom:none;background:#08192a;color:#6f9fb0;font:bold 10px 'Arial Black',sans-serif;letter-spacing:1px;cursor:pointer;transition:.15s}
.st-tab:hover{color:#cdf6ff}
.st-tab.on{background:#0f2c44;color:#00e5ff;border-color:#2bb3d1;box-shadow:0 -2px 12px rgba(0,229,255,.2)}
.st-panes{border-top:1px solid #2bb3d1;margin:0 14px;padding-top:14px}
.st-pane{display:none;animation:stIn .18s ease}
.st-pane.on{display:block}
@keyframes stIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
#settings-modal .st-pane .media-section,#settings-modal .st-pane .zoom-container,#settings-modal .st-pane .toggle-wrap{background:rgba(5,16,28,.8);border:1px solid #1b4a5c;border-radius:12px}
#settings-modal .st-pane .media-section-title,#settings-modal .st-pane label[id="lbl-scale"]{color:#6fd3e8}
#settings-modal .lang-btn{background:#06121f;border-color:#1b4a5c}
#settings-modal .lang-btn.active{border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 10px rgba(0,229,255,.45)}
#settings-modal .settings-extras{display:grid;gap:8px;margin:0}
#settings-modal .close-btn{margin:14px 14px 0;width:calc(100% - 28px)}
#gift-modal .modal-content{max-width:440px;width:min(94vw,440px)}
#gift-options-container{display:grid;gap:8px;margin:6px 0 14px}
.gift-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:14px;border:1px solid #5a4a12;background:linear-gradient(135deg,#1c1608,#120e05);color:#fff;text-align:left;cursor:pointer;font-family:inherit;transition:transform .12s,border-color .15s,box-shadow .15s}
.gift-card:hover:not(.off){transform:translateY(-1px);border-color:var(--gold);box-shadow:0 4px 18px rgba(255,200,40,.18)}
.gift-card.off{opacity:.42;cursor:not-allowed;filter:grayscale(.5)}
.gift-card .gc-ico{width:46px;height:46px;border-radius:12px;background:#0b0903;border:1px solid #6b5712;display:grid;place-items:center;flex-shrink:0}
.gift-card .gc-ico img{width:30px;height:30px;object-fit:contain}
.gift-card .gc-main{flex:1;display:flex;flex-direction:column;gap:2px}
.gift-card .gc-main b{font-size:13px;color:#ffe9a8}
.gift-card .gc-main small{font:11px sans-serif;color:#b9a771}
.gift-card .gc-main em{font-style:normal;color:#7dff9a;font-weight:bold}
.gift-card .gc-cost{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.gift-card .gc-cost b{font-size:15px;color:var(--gold)}
.gift-card .gc-cost small{font:9px sans-serif;color:#8a7a45;text-transform:uppercase;letter-spacing:.5px}
#confirm-modal .modal-content{border-radius:16px;background:linear-gradient(180deg,#1a0d12,#0d0709);box-shadow:0 18px 50px rgba(0,0,0,.65),0 0 24px rgba(255,60,80,.15)}