/* Shared theme for all DiggaByte web-apps */
:root{
  --accent:#00eeb2;
  --bg-dark:#0e0e12; --panel-dark:#18181f; --text-dark:#e5e5e5; --card-dark:#202028;
  --bg-light:#fafafa; --panel-light:#ffffffcc; --text-light:#222; --card-light:#ffffffee;
}
[data-theme='light']{--bg:var(--bg-light);--panel:var(--panel-light);--text:var(--text-light);--card:var(--card-light);} 
[data-theme='dark'],:root{--bg:var(--bg-dark);--panel:var(--panel-dark);--text:var(--text-dark);--card:var(--card-dark);} 
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'Segoe UI',Arial,sans-serif;transition:background .3s,color .3s}
#dbl-header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#111a;backdrop-filter:blur(6px);position:sticky;top:0;z-index:100}
#dbl-header h1{font-family:'Orbitron',Arial,sans-serif;font-size:20px;margin:0;color:var(--accent);letter-spacing:.5px}
#dbl-header svg{stroke:var(--accent)}
#dbl-main{padding:24px}
#dbl-footer{text-align:center;font-size:13px;color:#888;padding:20px}
a{color:var(--accent)}
button,input,select,textarea{font-family:inherit}
/* Simple toast style for bootstrap helper */
.dbl-toast{position:fixed;bottom:20px;right:20px;background:var(--panel);color:var(--text);padding:10px 14px;border-radius:6px;box-shadow:0 2px 6px #0004;animation:fadeInUp .3s}
@keyframes fadeInUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}