:root{
  --bg:#faf5ee;
  --card-bg:#fffdfb;
  --text:#2b241d;
  --muted:#6b5f4f;
  --accent:#a8763a;
  --accent-dark:#8a5f2d;
  --accent-tint:#f1e2c9;
  --border:#e6d9c5;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#1c1712;
    --card-bg:#26201a;
    --text:#f0e9df;
    --muted:#bfb2a0;
    --accent:#d3a666;
    --accent-dark:#e8c088;
    --accent-tint:#3a2f1e;
    --border:#3a3128;
  }
}

body{
  font-family:-apple-system,Helvetica,Arial,sans-serif;
  max-width:34rem;
  margin:0 auto;
  padding:2rem 1rem;
  line-height:1.55;
  background:var(--bg);
  color:var(--text);
}
.card{
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:16px;
  padding:1.75rem;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
@media (max-width:480px){
  body{padding:1rem .5rem}
  .card{padding:1.25rem .9rem}
  fieldset{padding:.75rem}
}
h1{
  font-size:1.5rem;
  color:var(--accent-dark);
  margin-top:0;
  letter-spacing:.01em;
}
p{color:var(--text)}

fieldset{border:1px solid var(--border);border-radius:10px;padding:1rem;margin:1rem 0}
label{display:block;margin:.15rem -.5rem;padding:.35rem .5rem;border-radius:8px}
label:has(input:checked){background:var(--accent-tint)}

textarea{
  width:100%;box-sizing:border-box;font-family:inherit;
  background:var(--card-bg);color:var(--text);
  border:1px solid var(--border);border-radius:8px;padding:.5rem;
}

button{
  background:var(--accent);color:#fff;border:none;border-radius:8px;
  padding:.65rem 1.3rem;font-size:1rem;cursor:pointer;margin-right:.5rem;
}
button:hover{background:var(--accent-dark)}

input[type=radio],input[type=checkbox]{accent-color:var(--accent)}
input[type=checkbox]{margin-right:.7rem}

.lang-picker{margin:.5rem 0}
.lang-picker-label{margin-right:.5rem;color:var(--muted)}
.lang-picker label{display:inline-block;margin-right:1rem}
@media (max-width:480px){
  .lang-picker-label{display:block;margin-bottom:.3rem}
}

.banner{display:none}
.just-saved .banner-just-saved{display:block}
.already-answered .banner-already-answered{display:block}
.banner p{background:var(--accent-tint);border-radius:10px;padding:.8rem 1rem}

.btn-update{display:none}
.just-saved .btn-new,.already-answered .btn-new{display:none}
.just-saved .btn-update,.already-answered .btn-update{display:inline-block}

.split-question{display:none;margin:1rem 0}
.multi .split-question{display:block}
.split-question>label{display:inline;background:none;padding:0}
.split-detail{display:none;margin-top:.5rem;padding-left:1.5rem}
#split-toggle:checked~.split-detail{display:block}