: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-card{border-radius:14px;padding:11px}.viewer-grid{gap:7px}.viewer-cell{gap:5px;min-height:74px;padding:7px}.viewer-cell-label{font-size:clamp(.72rem,2.1vw,.82rem);line-height:1.14}.viewer-cell-status{letter-spacing:.03em;font-size:clamp(.58rem,1.5vw,.64rem)}}@media (width<=640px){.viewer{padding:10px}.viewer-card{border-radius:13px;padding:10px}.viewer-grid{gap:6px}.viewer-cell{border-radius:10px;gap:4px;min-height:68px;padding:6px}.viewer-cell-label{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:.72rem;line-height:1.12}.viewer-cell-status{letter-spacing:.02em;font-size:.58rem}.viewer-footer{font-size:.78rem}}@media (width<=430px){.viewer{padding:9px}.viewer-header h1{margin:8px 0 5px;font-size:clamp(1.55rem,7.8vw,1.95rem)}.viewer-subtitle{font-size:.98rem;line-height:1.28}.viewer-progress{margin-top:8px}.viewer-card{padding:8px}.viewer-grid{gap:5px}.viewer-cell{border-radius:9px;min-height:64px;padding:5px}.viewer-cell-label{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:.68rem;line-height:1.1}.viewer-cell-status{font-size:.54rem}}@media (width<=390px){.viewer{padding:8px}.viewer-grid{gap:4px}.viewer-cell{min-height:60px;padding:4px}.viewer-cell-status{display:none}}@media (width<=360px){.viewer-badge{padding:4px 9px;font-size:.72rem}.viewer-header{margin-bottom:10px}.viewer-header h1{margin:7px 0 4px}.viewer-grid{gap:3px}.viewer-cell{min-height:58px;padding:4px}.viewer-cell-label{font-size:.64rem}.viewer-footer{font-size:.74rem}}@media (height<=740px) and (width<=540px){.viewer-cell{min-height:56px}.viewer-cell-status{display:none}}