:root{
  --bg:#0b0d0c;--card:#121614;--line:#252b28;--text:#f4f6f3;
  --muted:#89918b;--accent:#d9ff3f;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Arial,sans-serif
}
.app{max-width:720px;margin:auto;padding:24px 18px 48px}
.top{
  display:flex;justify-content:space-between;align-items:flex-start;
  margin:8px 0 24px
}
.eyebrow{
  font-size:12px;letter-spacing:.18em;color:var(--accent);font-weight:800
}
h1{
  font-size:36px;line-height:1;margin:8px 0 0;letter-spacing:-.05em
}
.badge{
  border:1px solid var(--line);padding:10px 12px;border-radius:14px;
  color:var(--accent);font-weight:800
}
.stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:10px;margin-bottom:18px
}
.stats div,.panel,.card{
  background:var(--card);border:1px solid var(--line);border-radius:20px
}
.stats div{padding:15px}
.stats b{display:block;font-size:25px}
.stats span,.muted{color:var(--muted);font-size:12px}
.panel{padding:18px;margin-bottom:26px}
.section-title{
  font-size:13px;text-transform:uppercase;letter-spacing:.12em;
  color:var(--muted);font-weight:800;margin:4px 2px 14px
}
.row{
  display:flex;justify-content:space-between;align-items:center
}
input,textarea{
  width:100%;background:#0e1110;color:var(--text);
  border:1px solid var(--line);border-radius:14px;
  padding:14px;margin-bottom:10px;outline:none;font-size:16px
}
textarea{min-height:90px;resize:vertical}
.slider{padding:11px 0}
.slider-head{
  display:flex;justify-content:space-between;font-size:13px
}
.slider b{color:var(--accent)}
input[type=range]{
  padding:0;margin:8px 0 0;accent-color:var(--accent)
}
button{
  width:100%;border:0;border-radius:15px;padding:15px;
  background:var(--accent);color:#0b0d0c;
  font-size:16px;font-weight:900
}
#status{
  min-height:18px;margin-top:10px;
  color:var(--muted);font-size:13px
}
.card{padding:16px;margin-bottom:10px}
.card-top{
  display:flex;justify-content:space-between
}
.place{font-weight:800;font-size:18px}
.score{
  font-size:24px;font-weight:900;color:var(--accent)
}
.meta{
  color:var(--muted);font-size:12px;margin:5px 0 12px
}
.chips{
  display:flex;gap:6px;flex-wrap:wrap
}
.chip{
  font-size:11px;padding:6px 8px;border:1px solid var(--line);
  border-radius:999px;color:#b9c0bb
}
.comment{
  margin-top:11px;font-size:14px;line-height:1.4
}