@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap";:root{--blue-primary: #5a88c3;--green-primary: #94c56f;--text-primary: #4b4c4d;--text-muted: #8a9099;--bg-page: #f5f6f8;--bg-card: #ffffff;--border-color: #e2e6eb;--surface-soft: #eef4fb;--danger-border: #e7c6c8;--danger-bg: #fff6f6;--danger-text: #b04a53;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-input: inset 0 1px 2px rgba(0, 0, 0, .04);--radius-card: 16px;--radius-input: 12px;--radius-button: 12px;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light;font-family:Open Sans,ui-sans-serif,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background:var(--bg-page)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:var(--bg-page);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],textarea{font-size:16px!important}.app-shell{min-height:100vh;min-height:100dvh;padding:0;overflow-x:hidden}.app-container{width:100%;min-height:100vh;min-height:100dvh}.mobile-page{min-height:100vh;min-height:100dvh;padding:18px 14px calc(28px + var(--safe-bottom))}.stack-lg>*+*{margin-top:18px}.stack-sm>*+*{margin-top:8px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-header{margin-bottom:4px}.app-logo{display:inline-block;font-size:1.0625rem;font-weight:700;color:var(--blue-primary);letter-spacing:-.01em}.app-kicker{margin:2px 0 0;font-size:.75rem;color:var(--text-muted)}.profile-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profile-name-value{margin:4px 0 0;font-size:1rem;font-weight:700;color:var(--text-primary)}.text-action-button{min-height:40px;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-button);background:#fff;color:var(--blue-primary);font-size:.84rem;font-weight:700;cursor:pointer}.inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-action-button{width:100%}.guest-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:600;background:#5a88c31a;color:var(--blue-primary)}.guest-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--green-primary)}.hero-block{padding-top:4px}.page-heading{margin:0;font-size:1.55rem;font-weight:700;line-height:1.1}.page-subheading{margin:0;font-size:.92rem;color:var(--text-muted)}.card{padding:16px;border-radius:var(--radius-card);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.card-title{margin:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.invite-card{background:linear-gradient(180deg,#fff,#f7fafc)}.profile-card{background:linear-gradient(180deg,#fff,#fbfdff)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 16px;border-radius:var(--radius-button);font-size:.92rem;font-weight:700;cursor:pointer;border:none;transition:background .15s ease,opacity .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue-primary);color:#fff}.btn-primary:hover:not(:disabled){background:#4a79b0}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.btn-full{width:100%}.field-label{display:block;font-size:.8rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.invite-url-input,.composer-textarea{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-input);padding:12px 14px;background:var(--bg-card);color:var(--text-primary);font-size:.94rem;box-shadow:var(--shadow-input);outline:none}.invite-url-input{background:#94c56f14;font-size:.82rem}.invite-hint,.section-description,.room-preview,.room-meta,.chat-status,.message-time,.message-status,.empty-copy{color:var(--text-muted)}.invite-hint,.section-description,.empty-copy{margin:0;font-size:.84rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-header-stacked{align-items:flex-start;flex-direction:column}.section-title{display:inline-block;font-size:1rem;font-weight:700}.section-meta{font-size:.75rem;color:var(--blue-primary)}.room-list{display:grid;gap:12px}.mobile-room-card{padding:12px;gap:12px}.room-card{display:grid;gap:12px;border-radius:var(--radius-card);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.room-main-link{display:block;color:inherit;min-width:0}.room-main-copy{min-width:0;overflow:hidden}.room-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-peer-name{margin:0;font-size:.98rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-time-pill{flex-shrink:0;padding:4px 8px;border-radius:999px;background:var(--surface-soft);color:var(--blue-primary);font-size:.72rem;font-weight:700}.room-preview{margin:0;font-size:.88rem;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.room-meta{margin:0;font-size:.76rem}.room-actions{display:flex;align-items:center;gap:8px;min-width:0}.room-actions-mobile{width:100%}.room-link,.room-delete-button,.icon-action-button,.back-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:var(--radius-button);font-size:.84rem;font-weight:700}.room-link{flex:1;padding:10px 14px;background:var(--blue-primary);color:#fff}.room-link-mobile{flex:1}.room-delete-button,.icon-action-button{padding:10px 12px;border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-text);cursor:pointer}.room-delete-button-mobile{min-width:92px}.empty-card{padding:22px 16px;text-align:center}.mobile-chat-page{min-height:100vh;min-height:100dvh;background:var(--bg-page);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow-x:hidden}.chat-topbar{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px 12px 8px;background:#f5f6f8f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,230,235,.8)}.back-btn{padding:9px 12px;background:#fff;border:1px solid var(--border-color);color:var(--text-primary)}.back-btn-mobile{flex-shrink:0}.chat-topbar-copy{min-width:0;flex:1 1 auto}.chat-peer-name{margin:0;font-size:.94rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-status{margin:2px 0 0;font-size:.76rem}.chat-status-live{color:var(--green-primary);font-weight:700}.icon-action-button-compact{min-width:48px;padding:9px 10px;font-size:.76rem}.chat-room-surface{min-height:0;min-width:0;overflow:hidden}.mobile-message-list{min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:10px 12px 12px;display:grid;gap:10px;align-content:start}.message-empty{margin:auto 0;text-align:center;font-size:.88rem;color:var(--text-muted);padding:28px 0}.message-bubble{max-width:min(78%,18rem);padding:10px 12px;border-radius:16px;font-size:.94rem;line-height:1.45}.message-bubble-peer{background:#fff;border:1px solid var(--border-color);border-bottom-left-radius:6px;margin-right:auto}.message-bubble-self{background:#5a88c324;border-bottom-right-radius:6px;margin-left:auto}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.message-sender{font-size:.74rem;font-weight:700;color:var(--blue-primary)}.message-time,.message-status{font-size:.7rem}.message-body{margin:0;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.mobile-composer{position:sticky;bottom:0;z-index:3;padding:8px 12px calc(8px + var(--safe-bottom));background:#f5f6f8f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(226,230,235,.8)}.mobile-composer-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:end;gap:10px;min-width:0}.mobile-composer-textarea{width:auto;min-width:0;min-height:46px;max-height:140px;resize:none;overflow-x:hidden}.send-btn{min-width:0;border:none;background:var(--blue-primary);color:#fff;cursor:pointer}.send-btn-mobile{width:72px;padding:12px 10px;align-self:stretch}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media(min-width:768px){.app-shell{padding:24px}.app-container{max-width:820px;margin:0 auto}.mobile-page{max-width:720px;margin:0 auto;padding:28px 20px 40px}.page-heading{font-size:2rem}.section-header-stacked{flex-direction:row;align-items:center}.room-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.room-actions{width:auto}.room-link{flex:0 0 auto}.mobile-chat-page{max-width:820px;margin:0 auto}.chat-topbar{top:20px;margin:20px 20px 0;border:1px solid rgba(226,230,235,.8);border-radius:18px;padding:12px 14px}.mobile-message-list{padding:16px 20px 18px}.message-bubble{max-width:min(70%,28rem)}.mobile-composer{margin:0 20px 20px;border:1px solid rgba(226,230,235,.8);border-radius:18px}}