/* Production empty states keep the existing color system and mobile layout. */
.preview,.study-tools,#study-scenario,.preview-examples-btn{display:none!important}
.real-empty{min-height:230px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:32px 16px;color:inherit}.real-empty h3{font-size:calc(20px * var(--pg-ts,1));margin:0;line-height:1.45}.real-empty p,.real-empty-copy{font-size:calc(14px * var(--pg-ts,1));line-height:1.7;color:#606c7d;margin:0}.real-empty .primary{padding:13px 20px;border-radius:12px;background:var(--pg-btn-bg)!important;color:var(--pg-btn-fg)!important;font-size:calc(14px * var(--pg-ts,1))}.real-empty-copy{padding:16px 20px}.dark .real-empty p,.dark .real-empty-copy{color:#b5c1d2}.room-browser:has(.real-empty){overflow:auto}.room-browser .real-empty{min-height:200px}.study-bar .study-brand span{display:none}.demo-content small{font-size:calc(12px * var(--pg-ts,1));line-height:1.7}.head-members img{width:32px;height:32px;object-fit:contain}.real-data-note{font-size:calc(12px * var(--pg-ts,1));color:#66758a;line-height:1.6}
@media (max-width:700px),(hover:none) and (pointer:coarse) and (max-height:500px){.real-empty{padding:28px 12px;min-height:220px}.real-empty h3{font-size:calc(19px * var(--pg-ts,1))}.real-empty p{font-size:calc(14px * var(--pg-ts,1))}}
/* 2026-10-04 Claude: the visitor prompt's Sign in and Sign up sit side by side (Sign up used the account page's full-width style and floated mid-screen). */
.real-empty-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.real-empty .real-empty-actions .auth-secondary{display:inline-flex!important;width:auto;min-height:0;margin:0;padding:13px 20px!important;border:1px solid #d5dbe5!important;border-radius:12px;background:transparent!important;color:inherit!important;font:600 calc(14px * var(--pg-ts,1))/1.2 Arial,"PG Hangul","Apple SD Gothic Neo",sans-serif}.dark .real-empty .real-empty-actions .auth-secondary{border-color:#3a4558!important}