html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-width:320px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}::selection{color:#29211f;background:#ffd9d1}a{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #23857961}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes highlight{0%{transform:scale(1.02);background-color:#bbdefb!important}50%{transform:scale(1.01);background-color:#e3f2fd!important}to{transform:scale(1);background-color:#e3f2fd!important}}.updated-room{animation:.5s ease-in-out highlight;background-color:#e3f2fd!important;transition:all .3s ease-in-out!important}.offline-notification-summary{color:#fff;z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:1px solid #ffffff2e;border-radius:12px;min-width:280px;max-width:360px;padding:16px 20px;animation:.6s cubic-bezier(.25,.46,.45,.94) slideInFromRight;position:fixed;top:80px;right:20px;box-shadow:0 8px 32px #0000004d}.offline-notification-summary .summary-icon{text-align:center;margin-bottom:8px;font-size:2.5rem;animation:2s infinite bounce}.offline-notification-summary .summary-text h4{margin:0 0 8px;font-size:1.1rem;font-weight:600}.offline-notification-summary .summary-text p{opacity:.9;margin:0;font-size:.9rem;line-height:1.4}.offline-notification-summary .summary-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:background-color .2s;display:flex;position:absolute;top:8px;right:12px}.offline-notification-summary .summary-close:hover{background:#ffffff4d}.online-recovery-message{color:#fff;z-index:2000;background:#4caf50;border-radius:25px;padding:12px 24px;font-weight:500;animation:.5s ease-out slideInFromBottom;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #4caf504d}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.offline-indicator{position:relative}.offline-indicator:after{content:"";background:#f44336;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:-2px;right:-2px}@keyframes pulse{0%{box-shadow:0 0 #f44336b3}70%{box-shadow:0 0 0 10px #f4433600}to{box-shadow:0 0 #f4433600}}.priority-high{animation:1s infinite urgentPulse;background:#f44336!important}.priority-medium{background:#ff9800!important}.priority-low{background:#9e9e9e!important}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.7}}.app-offline{filter:grayscale(50%);opacity:.8}.offline-indicator{color:#fff;text-align:center;z-index:1001;background:#ff5722;padding:8px;font-size:14px;animation:.3s ease-out slideInDown;position:fixed;top:0;left:0;right:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.notification-badge{position:relative}.notification-badge:after{content:attr(data-count);color:#fff;text-align:center;background:#ff3d47;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:600;display:block;position:absolute;top:-8px;right:-8px}.notification-badge[data-count="0"]:after,.notification-badge:not([data-count]):after{display:none}