:root{--bg-base:#1f2226;--bg-overlay:#181614eb;--text-primary:#f1ece2;--text-secondary:#b9b0a3;--accent:#c9773a;--accent-hover:#b4662d;--track:#ffffff24;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--radius:8px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden}button{font:inherit;font-size:var(--text-base);color:#fff;background:var(--accent);border-radius:var(--radius);cursor:pointer;border:none;padding:10px 24px}button:hover{background:var(--accent-hover)}button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.overlay{z-index:10;text-align:center;background:var(--bg-overlay);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:fixed;inset:0}.overlay h1{font-size:var(--text-lg);margin:0;font-weight:600}.overlay p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.progress{background:var(--track);border-radius:2px;width:min(240px,100%);height:4px;overflow:hidden}.progress__bar{background:var(--accent);height:100%;transition:width .2s ease-out}