:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f7f9fe;background:#0b1428}*{box-sizing:border-box}body{margin:0}header{background:#17233d;display:flex;align-items:center;justify-content:space-between;padding:16px max(18px,calc((100vw - 1100px)/2));border-bottom:1px solid #34445c}.brand{font-size:19px;font-weight:850;letter-spacing:1px}.logo{color:#f5be47}.muted,.hint{color:#a9bdd7}.topright{display:flex;gap:18px;align-items:center;font-size:13px}a{color:#80c8ff}main{max-width:1100px;margin:auto;padding:24px 16px 70px}.panel{background:#192943;border:1px solid #314664;border-radius:16px;padding:22px;margin:0 0 18px}.panel h2{margin:0 0 14px;font-size:22px}h1{font-size:30px;margin:0 0 16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}button{border:none;border-radius:10px;background:#f4be4b;color:#171b28;padding:12px 17px;font:inherit;font-weight:750;cursor:pointer}button.secondary{background:#324866;color:#fff}button.danger{background:#a3424d;color:#fff}button.success{background:#36896a;color:#fff}button:disabled{opacity:.45;cursor:not-allowed}input,select{background:#101c32;border:1px solid #62748b;color:white;padding:12px 14px;border-radius:9px;font:inherit;max-width:100%}label{display:block;font-size:14px;color:#c4d2e5;margin-bottom:8px}.field{margin-bottom:14px}.notice{padding:12px 15px;border-radius:10px;background:#234d5c;border:1px solid #528b96;margin:12px 0}.error{background:#612c36;border-color:#ab5363}.big{font-weight:900;font-size:clamp(64px,14vw,150px);line-height:1.1;text-align:center;color:#f4be4b}.phrase{text-align:center;font-size:clamp(19px,3vw,29px);min-height:42px}.pin{font-size:37px;letter-spacing:6px;font-weight:900;color:#f4be4b}.pill{display:inline-block;background:#314661;border-radius:50px;padding:5px 10px;font-size:12px}.sub{color:#b0c5de;font-size:14px}.mini{font-size:13px}.called{display:flex;flex-wrap:wrap;gap:5px}.ball{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#334766;font-weight:800}.ball.active{background:#fac74e;color:#111a27}.ticket{background:#eef5ff;color:#132744;border:2px solid #ced8e7;border-radius:12px;padding:12px;min-width:0}.ticket h3{margin:0 0 10px;font-size:15px}.ticket-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px}.ticket-cell{min-width:0;aspect-ratio:1 / 1;border-radius:6px;border:1px solid #c9d4e3;display:flex;align-items:center;justify-content:center;background:white;color:#142b4c;font-size:clamp(12px,2.6vw,20px);font-weight:850;padding:0;touch-action:manipulation}.ticket-cell.blank{background:#e5ebf3;border-color:transparent;cursor:default}.ticket-cell.marked{background:#13775d;color:#fff}.ticket-cell.called:not(.marked){box-shadow:inset 0 0 0 2px #e5a63a}.ticket-cell:disabled{opacity:1}.ticket-actions{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.ticket-actions button{font-size:13px;padding:9px 11px}.ticket-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,370px),1fr));gap:14px}.qr{background:white;padding:8px;border-radius:10px;display:inline-block}.phase{font-size:16px;font-weight:750;color:#ffda82}.overlay{padding:14px;background:#3e4a2b;border-radius:12px}.status{font-size:13px;color:#aebed2}@media(max-width:600px){main{padding:13px 9px 55px}.panel{padding:15px}.ticket{padding:8px}.ticket-cell{font-size:clamp(11px,3.8vw,18px);border-radius:4px}.ticket-grid{gap:2px}header{padding:12px}.brand{font-size:16px}.big{font-size:90px}}

/* Large caller view and local voice recording studio */
.caller-panel{min-height:435px}.caller-panel .big{font-size:clamp(110px,18vw,240px);line-height:1.1;margin:14px auto}.caller-panel .phrase{font-size:clamp(23px,3.5vw,43px);font-weight:750}.caller-panel:fullscreen{background:#0b1428;border:0;border-radius:0;overflow:auto;padding:3vh 4vw}.caller-panel:fullscreen .big{font-size:clamp(180px,35vh,400px)}.caller-panel:fullscreen .phrase{font-size:clamp(32px,6vh,72px)}.caller-panel:fullscreen .called{justify-content:center}.studio-call{padding:20px;background:#101d32;border-radius:14px;text-align:center;margin:14px 0}.studio-call #studioNumber{font-size:clamp(75px,13vw,170px);font-weight:900;color:#fac74e}.studio-call #studioWords{font-size:clamp(21px,4vw,38px);font-weight:800}.studio-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:14px 0}.studio-grid button{padding:8px 2px;font-size:12px}.studio-grid .selected{outline:3px solid #fff;outline-offset:1px}@media(max-width:600px){.studio-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}