:root{--vino:#6b1026;--vino2:#3f0717;--gold:#c9a227;--bg:#f3f4f6;--text:#20242a}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Segoe UI,Arial,sans-serif;color:var(--text)}header{height:64px;background:linear-gradient(90deg,var(--vino2),var(--vino));color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 8px #0002}.brand{font-weight:800;letter-spacing:1px}.brand span{font-weight:400;font-size:13px;color:#eadb9b}main{max-width:1250px;margin:auto;padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{margin:0}.top p{margin:6px 0;color:#667085}.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.panel{background:white;border-radius:14px;padding:20px;margin-bottom:20px;box-shadow:0 5px 20px #0000000b}.panel-title{font-weight:800;margin-bottom:14px;color:var(--vino)}.screen{min-height:330px;background:#111;color:white;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}.controls,.row{display:flex;gap:8px;margin-top:12px}.btn,button{border:0;border-radius:8px;padding:11px 15px;background:#e7e9ed;cursor:pointer;font-weight:700}.btn.gold{background:var(--gold);color:#241b00}.full{width:100%;margin-top:12px}input,select{width:100%;padding:11px;border:1px solid #d5d9e0;border-radius:8px;margin-bottom:10px;background:#fff}.formgrid{display:grid;grid-template-columns:2fr 1fr 3fr;gap:10px}.formgrid input,.formgrid select{margin:0}.lista{display:grid;gap:8px}.item{display:grid;grid-template-columns:45px 1fr auto;align-items:center;border:1px solid #e1e4e8;border-radius:10px;padding:10px}.num{font-weight:900;color:var(--vino)}.muted{color:#aaa}.timer{font-size:36px;font-weight:800;text-align:center;padding:10px}.timer.running{color:var(--vino)}hr{border:0;border-top:1px solid #eee;margin:20px 0}@media(max-width:800px){.grid,.formgrid{grid-template-columns:1fr}.top{display:block}.top .btn{display:inline-block;margin-top:15px}}