/* Reset, CSS variables, typography, container, and shared button styles. */

*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#c06b5e;--primary-light:#d49a90;--bg:#faf7f3;--card:#fffcf9;--text:#362b2b;--muted:#8a7575;--border:#e8ddd4;--green:#5a9e6f;--gold:#d4a04a;--radius:14px;--header-h:60px}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{font-family:'Nunito','Avenir Next',Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;padding-top:var(--header-h);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.container{max-width:800px;margin:0 auto;padding:24px 16px}
@media(min-width:1024px){.container{max-width:1100px;padding:32px 32px}}
@media(min-width:1400px){.container{max-width:1320px;padding:40px 48px}}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border:none;border-radius:14px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .25s;letter-spacing:.01em}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:#a85a4e;transform:translateY(-1px);box-shadow:0 4px 16px rgba(192,107,94,.3)}
.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}
.btn-secondary:hover{background:#f5efe9;border-color:#d4c8bc}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.btn-skip{background:linear-gradient(135deg,rgba(212,160,74,.1),rgba(212,160,74,.05));color:#8b6914;border:1px solid #f0d890}
.btn-skip:hover{background:rgba(212,160,74,.18)}
.btn-end{background:linear-gradient(135deg,rgba(190,80,70,.08),rgba(190,80,70,.04));color:#8b3530;border:1px solid #e8b4af}
.btn-end:hover{background:rgba(190,80,70,.12)}
.btn-compare{background:linear-gradient(135deg,#c06b5e,#9b7db8);color:#fff;border:none}
.btn-compare:hover{background:linear-gradient(135deg,#a85a4e,#856ba3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(155,125,184,.3)}
.btn-sm{padding:8px 18px;font-size:.82rem}

/* Selection highlight */
::selection{background:rgba(192,107,94,.15);color:var(--text)}