:root{--bg:#fafafa;--surface:#fff;--text:#1a1a1a;--text-secondary:#666;--border:#e5e5e5;--accent:#c96442;--accent-light:#f5e6df;--danger:#ef4444;--success:#22c55e}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--surface:#1a1a1a;--text:#fafafa;--text-secondary:#999;--border:#333;--accent:#e07a54;--accent-light:#2a1a14}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;min-height:100dvh;display:flex}button,input{font:inherit}.icon-button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.icon-button:hover{background:var(--accent-light);border-color:var(--accent)}.icon-button:active{transform:scale(.96)}.icon-button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:2px}.room-qr-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;place-items:center;padding:24px;animation:.16s ease-out room-qr-fade-in;display:grid;position:fixed;inset:0}.room-qr-dialog{border:1px solid var(--border);background:var(--surface);border-radius:24px;width:min(100%,408px);padding:24px;animation:.18s ease-out room-qr-rise-in;box-shadow:0 24px 64px #00000038}.room-qr-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.room-qr-header h2{font-size:20px;font-weight:600;line-height:1.25}.room-qr-header p{color:var(--text-secondary);margin-top:8px;font-size:14px;line-height:1.5}.room-qr-code{border:1px solid var(--border);background:#fff;border-radius:20px;width:fit-content;margin:24px auto 16px;padding:12px;box-shadow:0 8px 24px #00000014}.room-qr-code canvas{width:min(256px,100vw - 112px);height:auto;display:block}.room-qr-url{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.5;overflow:hidden}@keyframes room-qr-fade-in{0%{opacity:0}}@keyframes room-qr-rise-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.icon-button,.room-qr-backdrop,.room-qr-dialog{transition:none;animation:none}}