:root{--md-sys-color-primary: #818cf8;--md-sys-color-on-primary: #1e1b4b;--md-sys-color-primary-container: #3730a3;--md-sys-color-on-primary-container: #e0e7ff;--md-sys-color-secondary: #a5b4fc;--md-sys-color-on-secondary: #1e1b4b;--md-sys-color-secondary-container: #312e81;--md-sys-color-on-secondary-container: #e0e7ff;--md-sys-color-tertiary: #c084fc;--md-sys-color-on-tertiary: #3b0764;--md-sys-color-tertiary-container: #581c87;--md-sys-color-on-tertiary-container: #f3e8ff;--md-sys-color-error: #f87171;--md-sys-color-on-error: #450a0a;--md-sys-color-error-container: #7f1d1d;--md-sys-color-on-error-container: #fef2f2;--md-sys-color-surface: #0f1221;--md-sys-color-on-surface: #f1f5f9;--md-sys-color-surface-variant: #1e243b;--md-sys-color-on-surface-variant: #94a3b8;--md-sys-color-surface-container-lowest: #0a0d18;--md-sys-color-surface-container-low: #13172a;--md-sys-color-surface-container: #181d34;--md-sys-color-surface-container-high: #212845;--md-sys-color-surface-container-highest: #2b3459;--md-sys-color-outline: #475569;--md-sys-color-outline-variant: #334155;--md-sys-typescale-display-large: 700 3.5rem/4rem "Inter", sans-serif;--md-sys-typescale-display-medium: 700 2.8rem/3.2rem "Inter", sans-serif;--md-sys-typescale-display-small: 600 2.2rem/2.6rem "Inter", sans-serif;--md-sys-typescale-title-large: 600 1.4rem/1.8rem "Inter", sans-serif;--md-sys-typescale-title-medium: 600 1.1rem/1.5rem "Inter", sans-serif;--md-sys-typescale-title-small: 600 .95rem/1.3rem "Inter", sans-serif;--md-sys-typescale-body-large: 400 1rem/1.5rem "Inter", sans-serif;--md-sys-typescale-body-medium: 400 .9rem/1.35rem "Inter", sans-serif;--md-sys-typescale-body-small: 400 .8rem/1.2rem "Inter", sans-serif;--md-sys-typescale-label-large: 600 .9rem/1.2rem "Inter", sans-serif;--md-sys-typescale-label-medium: 500 .8rem/1.1rem "Inter", sans-serif;--md-sys-typescale-label-small: 500 .7rem/1rem "Inter", sans-serif;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 24px;--md-sys-shape-corner-full: 9999px;--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--md-sys-elevation-1: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--md-sys-elevation-2: 0 4px 12px rgba(0, 0, 0, .35);--md-sys-elevation-3: 0 8px 24px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);min-height:100vh;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}.display-small{font:var(--md-sys-typescale-display-small)}.title-large{font:var(--md-sys-typescale-title-large)}.title-medium{font:var(--md-sys-typescale-title-medium)}.title-small{font:var(--md-sys-typescale-title-small)}.body-large{font:var(--md-sys-typescale-body-large)}.body-medium{font:var(--md-sys-typescale-body-medium)}.body-small{font:var(--md-sys-typescale-body-small)}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;vertical-align:middle;line-height:1}.md-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);border:none;cursor:pointer;transition:all .2s var(--md-sys-motion-easing-emphasized);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.md-btn--filled{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-btn--filled:hover{background-color:#939bf4;box-shadow:var(--md-sys-elevation-1)}.md-btn--tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-btn--tonal:hover{background-color:#3b379e}.md-btn--outlined{background-color:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.md-btn--outlined:hover{background-color:#818cf814}.md-btn--icon{width:40px;height:40px;padding:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant)}.md-btn--icon:hover{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.md-btn--danger{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.md-btn--danger:hover{background-color:#991b1b}.md-text-field{position:relative;width:100%}.md-text-field__input{width:100%;height:56px;padding:20px 16px 6px;background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-large);outline:none;transition:.2s}.md-text-field__input:focus{border-color:var(--md-sys-color-primary);border-width:2px;background-color:var(--md-sys-color-surface-container-highest)}.md-text-field__label{position:absolute;left:16px;top:18px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-large);pointer-events:none;transition:.2s var(--md-sys-motion-easing-emphasized)}.md-text-field__input:focus~.md-text-field__label,.md-text-field__input:not(:placeholder-shown)~.md-text-field__label{top:6px;font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-primary)}.md-select{width:100%;height:48px;padding:0 16px;background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-large);outline:none}.md-switch{position:relative;display:inline-block;width:52px;height:32px}.md-switch input{opacity:0;width:0;height:0}.md-switch__track{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--md-sys-color-surface-container-highest);border:2px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);transition:.2s}.md-switch__thumb{position:absolute;height:16px;width:16px;left:6px;bottom:6px;background-color:var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);transition:.2s var(--md-sys-motion-easing-emphasized)}.md-switch input:checked+.md-switch__track{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.md-switch input:checked+.md-switch__track .md-switch__thumb{transform:translate(20px);background-color:var(--md-sys-color-on-primary);width:24px;height:24px;left:2px;bottom:2px}.md-card{background-color:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);border:1px solid var(--md-sys-color-outline-variant);overflow:hidden;transition:all .3s var(--md-sys-motion-easing-emphasized)}.md-card--elevated{box-shadow:var(--md-sys-elevation-1)}.top-app-bar{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background-color:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);position:sticky;top:0;z-index:100}.top-app-bar__title{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);display:flex;align-items:center;gap:10px}.top-app-bar__actions{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);display:flex;align-items:center;justify-content:center;font:var(--md-sys-typescale-title-medium)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top right,rgba(129,140,248,.15),transparent 40%)}.login-card{background-color:var(--md-sys-color-surface-container);padding:40px;border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-2);max-width:440px;width:100%;display:flex;flex-direction:column;gap:24px}.home-layout{min-height:100vh}.home-content{max-width:1100px;margin:0 auto;padding:32px 24px}.home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.action-card{background-color:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-extra-large);padding:28px;cursor:pointer;transition:all .3s var(--md-sys-motion-easing-emphasized);border:1px solid var(--md-sys-color-outline-variant)}.action-card:hover{transform:translateY(-4px);box-shadow:var(--md-sys-elevation-2);border-color:var(--md-sys-color-primary)}.action-card__icon{width:56px;height:56px;border-radius:var(--md-sys-shape-corner-large);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:28px}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.room-card{display:flex;flex-direction:column;justify-content:space-between}.room-card:hover{transform:translateY(-4px);box-shadow:var(--md-sys-elevation-2);border-color:var(--md-sys-color-primary)}.room-card__header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 12px}.room-card__title{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.countdown-badge{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);font:var(--md-sys-typescale-label-small);padding:4px 10px;border-radius:var(--md-sys-shape-corner-full);display:inline-flex;align-items:center;gap:4px}.countdown-badge--urgent{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.room-card__meta{padding:0 20px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}.room-card__footer{padding:16px 20px;border-top:1px solid var(--md-sys-color-outline-variant);margin-top:16px;display:flex;justify-content:flex-end}.search-bar{display:flex;align-items:center;background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);padding:8px 20px;gap:12px;border:1px solid var(--md-sys-color-outline-variant)}.search-bar:focus-within{border-color:var(--md-sys-color-primary)}.search-bar__input{border:none;background:transparent;flex:1;color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-large);outline:none}.chat-layout{height:100vh;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chat-input-area{padding:12px 20px;background-color:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant)}.chat-input-bar{display:flex;align-items:center;gap:12px;background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);padding:6px 8px 6px 20px;border:1px solid var(--md-sys-color-outline-variant)}.chat-input-bar__input{border:none;background:transparent;flex:1;color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-large);outline:none}.message-item{display:flex;margin-bottom:2px;position:relative}.message-item--own{justify-content:flex-end}.message-item--other{justify-content:flex-start}.message-bubble-wrapper{position:relative;display:flex;align-items:center;gap:8px;max-width:75%}.message-item--own .message-bubble-wrapper{flex-direction:row-reverse}.message-bubble{padding:12px 18px;word-break:break-word;position:relative;transition:transform .2s ease}.message-item--own .message-bubble{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:20px 20px 4px}.message-item--other .message-bubble{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:20px 20px 20px 4px}.message-actions-toolbar{opacity:0;visibility:hidden;transform:translateY(4px) scale(.95);transition:all .15s var(--md-sys-motion-easing-emphasized);display:flex;align-items:center;gap:2px;background-color:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);padding:2px 6px;box-shadow:var(--md-sys-elevation-2);z-index:10}.message-bubble-wrapper:hover .message-actions-toolbar{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.message-sender{font:var(--md-sys-typescale-label-medium);margin-bottom:4px;opacity:.85}.message-time{font:var(--md-sys-typescale-label-small);opacity:.65;margin-top:4px;text-align:right}.message-reply-box{padding:6px 10px;background-color:#0000002e;border-radius:var(--md-sys-shape-corner-small);margin-bottom:6px;border-left:3px solid var(--md-sys-color-primary);font:var(--md-sys-typescale-body-small)}.message-edited-tag{font-size:.75rem;opacity:.7;margin-left:6px;font-style:italic}.read-receipts-bar{font-size:.75rem;color:var(--md-sys-color-on-surface-variant);text-align:right;padding:4px 16px}.typing-indicator{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);margin:4px 16px;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.typing-dot{width:6px;height:6px;background-color:var(--md-sys-color-primary);border-radius:50%;animation:bounce 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.md-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .2s ease-out}.md-dialog{background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-extra-large);padding:28px;max-width:480px;width:100%;box-shadow:var(--md-sys-elevation-3);display:flex;flex-direction:column;gap:20px}.md-dialog__title{font:var(--md-sys-typescale-title-large)}.md-dialog__actions{display:flex;justify-content:flex-end;gap:12px}.privacy-banner{position:fixed;bottom:24px;right:24px;background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-extra-large);padding:20px;box-shadow:var(--md-sys-elevation-3);max-width:380px;z-index:90;border:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;gap:8px}.snackbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);padding:12px 24px;border-radius:var(--md-sys-shape-corner-full);box-shadow:var(--md-sys-elevation-2);display:flex;align-items:center;gap:12px;z-index:2000;font:var(--md-sys-typescale-body-medium);animation:slideUp .3s var(--md-sys-motion-easing-emphasized-decelerate)}.snackbar--error{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}