:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}.viewer{color:#0f172a;background:radial-gradient(circle at 100% 0,#ffd9b3 0%,#0000 38%),radial-gradient(circle at 0 0,#d3f0ea 0%,#0000 42%),linear-gradient(150deg,#f8fbff 0%,#eef2f7 100%);min-height:100%;padding:20px}.viewer-header{max-width:840px;margin:0 auto 14px}.viewer-badge{letter-spacing:.03em;text-transform:uppercase;color:#effbf3;background:#14532d;border-radius:999px;padding:5px 10px;font-size:.8rem;display:inline-flex}.viewer-header h1{margin:10px 0 6px;font-size:clamp(1.8rem,4vw,2.4rem)}.viewer-subtitle{color:#334155;margin:0}.viewer-progress{color:#14532d;margin:10px 0 0;font-weight:700}.viewer-banner{color:#0f172a;background:#dfeeffcc;border:1px solid #9fc2e8;border-radius:10px;max-width:840px;margin:0 auto 10px;padding:8px 12px;font-size:.84rem}.viewer-banner-error{color:#7f1d1d;background:#fef2f2f5;border-color:#fecaca}.viewer-card{background:#ffffffdb;border:1px solid #cbd5e1;border-radius:16px;max-width:840px;margin:0 auto;padding:12px;box-shadow:0 16px 30px -24px #0f172a8c}.viewer-join-button{color:#f1fff6;cursor:pointer;background:#14532d;border:1px solid #14532d;border-radius:9px;margin-top:12px;padding:9px 12px;font-weight:600}.viewer-join-button:disabled{opacity:.7;cursor:wait}.viewer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.viewer-cell{color:#334155;text-align:left;cursor:not-allowed;background:#f8fbff;border:1px solid #bac8db;border-radius:11px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:6px;min-height:88px;padding:8px;display:flex}.viewer-cell.called{cursor:pointer;border-color:#1f7a8c}.viewer-cell.called:hover{transform:translateY(-1px)}.viewer-cell.stamped{background:linear-gradient(#d8f6ef 0%,#beece0 100%);border-color:#18645a}.viewer-cell.free{background:linear-gradient(#ffecc7 0%,#fcd683 100%);border-color:#ca8a04}.viewer-cell:disabled{opacity:.82}.viewer-cell-label{font-size:.9rem;font-weight:600;line-height:1.2}.viewer-cell-status{text-transform:uppercase;letter-spacing:.04em;color:#475569;font-size:.7rem}.viewer-footer{color:#334155;max-width:840px;margin:10px auto 0;font-size:.82rem}@media (width<=860px){.viewer{padding:12px}.viewer-cell{min-height:74px;padding:7px}.viewer-cell-label{font-size:.76rem}.viewer-cell-status{font-size:.62rem}}