/* SnackBar Różana palette; presentation only, no external assets. */
:root {
  --rose-night: #050302;
  --rose-surface: #17100b;
  --rose-raised: #24180f;
  --rose-cream: #fff7ed;
  --rose-muted: #cbbbab;
  --rose-gold: #f6c453;
  --rose-gold-light: #f8d980;
  --rose-ember: #f97316;
  --rose-border: rgba(246, 196, 83, .25);
  --rose-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}
:root { font: 18px/1.5 var(--rose-font); color: var(--rose-cream); background: var(--rose-night); }
* { box-sizing:border-box; } body { margin:0; } main { max-width:1060px; margin:auto; padding:32px 22px; }
h1 { font-size:clamp(2rem,6vw,3.4rem); margin:8px 0 24px; } h2 { margin:0 0 6px; }
.badge { color:var(--rose-gold); letter-spacing:.18em; } label { display:block; margin-bottom:8px; }
select { font:inherit; min-height:48px; padding:8px 14px; background:#0d0805; color:inherit; border:1px solid rgba(246,196,83,.45); border-radius:10px; }
select:focus-visible { outline:3px solid var(--rose-gold-light); outline-offset:4px; }
.boards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr)); gap:24px; margin:26px 0; }
section { background:var(--rose-surface); border:1px solid var(--rose-border); padding:24px; border-radius:18px; }
section p, .note, #status { color:var(--rose-muted); font-size:.85rem; } ol { margin:20px 0 0; padding-left:28px; }
li { padding:10px 4px; border-bottom:1px solid var(--rose-border); } li span { overflow-wrap:anywhere; } li strong { float:right; margin-left:12px; color:var(--rose-gold-light); }

body { min-height: 100vh; background: radial-gradient(circle at 85% 5%, rgba(249,115,22,.16), transparent 32rem), linear-gradient(180deg, #050302, #110905 52%, #050302); }
main { padding-top: 40px; padding-bottom: 56px; }
.badge { font-size: .75rem; font-weight: 800; }
h1 { font-weight: 900; text-transform: uppercase; line-height: 1.05; letter-spacing: -.04em; padding-bottom: 28px; border-bottom: 1px solid var(--rose-border); }
h2 { font-size: 1.3rem; letter-spacing: -.025em; }
label { font-size: .85rem; font-weight: 700; }
select { width: min(100%, 320px); border-radius: 8px; }
section { border-radius: 12px; box-shadow: 0 20px 70px rgba(0,0,0,.25); }
section:first-child { border-top: 2px solid var(--rose-gold); }
section + section { border-top: 2px solid var(--rose-ember); }
li { padding-top: 14px; padding-bottom: 14px; }
li::marker { color: #b9a48d; font-weight: 700; font-variant-numeric: tabular-nums; }
li:first-child::marker { color: var(--rose-gold); }
li span { display: inline-block; max-width: calc(100% - 104px); vertical-align: top; }
li strong { font-variant-numeric: tabular-nums; white-space: nowrap; }
.note { padding-top: 18px; border-top: 1px solid var(--rose-border); line-height: 1.65; }
@media (max-width: 480px) { main { padding: 26px 16px 40px; } section { padding: 20px 16px; } .boards { gap: 16px; } }