:root{
  --bg:#0f1115; --text:#e5e7eb; --muted:#9aa4b2;
  --card-bg:#151a22; --border:#2a2f3a;
  --primary:#3b82f6; --primary-hover:#2563eb;
  --input-bg:#0f1115; --input-border:#374151; --code-bg:#1f2937;
  --success-bg:#11371a; --success-border:#1f6f2c;
  --error-bg:#3b1a1a; --error-border:#6b2a2a; --error-text:#fca5a5;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#ffffff; --text:#222; --muted:#666;
    --card-bg:#fafafa; --border:#e5e5e5;
    --primary:#0d6efd; --primary-hover:#0b5ed7;
    --input-bg:#fff; --input-border:#ccc; --code-bg:#e9ecef;
    --success-bg:#d4edda; --success-border:#28a745;
    --error-bg:#f8d7da; --error-border:#f5c6cb; --error-text:#721c24;
  }
}
:root[data-theme="dark"]{
  --bg:#0f1115; --text:#e5e7eb; --muted:#9aa4b2;
  --card-bg:#151a22; --border:#2a2f3a;
  --primary:#3b82f6; --primary-hover:#2563eb;
  --input-bg:#0f1115; --input-border:#374151; --code-bg:#1f2937;
  --success-bg:#11371a; --success-border:#1f6f2c;
  --error-bg:#3b1a1a; --error-border:#6b2a2a; --error-text:#fca5a5;
}
:root[data-theme="light"]{
  --bg:#ffffff; --text:#222; --muted:#666;
  --card-bg:#fafafa; --border:#e5e5e5;
  --primary:#0d6efd; --primary-hover:#0b5ed7;
  --input-bg:#fff; --input-border:#ccc; --code-bg:#e9ecef;
  --success-bg:#d4edda; --success-border:#28a745;
  --error-bg:#f8d7da; --error-border:#f5c6cb; --error-text:#721c24;
}


/* Base layout */
body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:720px;margin:3rem auto;padding:0 1rem;background:var(--bg);color:var(--text)}

/* Forms */
textarea{width:100%;min-height:180px;padding:1rem;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font:inherit;resize:vertical}
input[type="file"]{width:100%;padding:1rem;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font:inherit}
select{padding:.5rem;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font:inherit}
button{padding:.8rem 1.2rem;border-radius:10px;border:1px solid var(--primary);background:var(--primary);color:white;cursor:pointer;font-size:1rem}
button:hover{background:var(--primary-hover)}

/* Utility */
.muted{color:var(--muted);font-size:.9rem}
.err{color:var(--error-text);margin:.5rem 0;padding:.5rem;background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px}
.card{border:1px solid var(--border);border-radius:12px;padding:1rem;background:var(--card-bg)}
.mt-1{margin-top:.9rem}
.mt-05{margin-top:.5rem}

/* Tabs */
.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1rem;background:var(--card-bg);border-radius:8px 8px 0 0}
.tab{padding:.75rem 1rem;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;color:var(--muted);font-weight:400;transition:all .2s}
.tab:hover{background:rgba(255,255,255,.04);color:var(--text)}
.tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:500;background:transparent}
.tab-content{display:none}
.tab-content.active{display:block}
.tab-content .card{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.form-row{display:flex;align-items:center;gap:1rem;margin:1rem 0;flex-wrap:wrap}
.burn-visual{display:block;margin:2rem auto 0;max-width:260px;width:60%;height:auto;opacity:.97;border-radius:8px}
.burn-visual.once{animation:burn-hide 5s linear forwards}
@keyframes burn-hide{0%{opacity:.97}95%{opacity:.97}100%{opacity:0;visibility:hidden}}


.form-row label{font-weight:500;white-space:nowrap}
.file-info{font-size:.85rem;color:var(--muted);margin-top:.5rem;padding:.5rem;background:var(--card-bg);border-radius:6px}

/* Create success */
.box{border:1px solid var(--border);border-radius:10px;padding:1rem;background:var(--card-bg)}
.success{border-color:var(--success-border);background:var(--success-bg)}
code{word-break:break-all;background:var(--code-bg);color:var(--text);padding:.2rem .4rem;border-radius:4px}
.meta{color:var(--muted);font-size:.9rem;margin-top:.5rem}

/* Reveal text */
pre{white-space:pre-wrap;word-wrap:break-word;border:1px solid var(--border);border-radius:10px;padding:1rem;background:var(--card-bg);color:var(--text)}
.note{color:var(--muted);font-size:.9rem}

/* Download status */
.status{margin-top:.75rem;font-size:.95rem;color:var(--text)}

/* Errors */
.error{border:1px solid var(--error-border);border-radius:10px;padding:1rem;background:var(--error-bg);color:var(--error-text)}
.error h1{margin-top:0;color:var(--error-text)}

.theme-toggle{position:fixed;top:12px;right:12px;background:var(--card-bg);border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:8px;cursor:pointer;font-size:.95rem;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.theme-toggle:hover{background:rgba(255,255,255,.06)}

/* Responsive */
@media (max-width: 600px){
  .form-row{flex-direction:column;align-items:stretch;gap:.5rem}
}