:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e0e0e0;--text-primary: #1a1a1a;--text-secondary: #666666;--accent: #3b82f6;--accent-hover: #2563eb;--error: #ef4444;--success: #22c55e;--warning: #f59e0b;--border: #e0e0e0;--shadow: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #60a5fa;--accent-hover: #3b82f6;--error: #f87171;--success: #4ade80;--warning: #fbbf24;--border: #404040;--shadow: rgba(0, 0, 0, .3)}:root{--app-viewport-height: 100vh}@supports (height: 100dvh){:root{--app-viewport-height: 100dvh}}@font-face{font-family:Montserrat;font-style:italic;font-weight:800;font-display:swap;src:url(/assets/fonts/montserrat-extra-bold-italic-latin.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden;overscroll-behavior-x:none;font-family:JetBrains Mono,Fira Code,Courier New,monospace;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;font-size:14px;line-height:1.5}body{min-height:100%}app-root{display:block;min-height:var(--app-viewport-height);background:var(--bg-primary)}router-outlet{display:none}app-chat-room{display:block;height:var(--app-viewport-height);min-height:0;overflow:hidden;background:var(--bg-primary)}app-chat-room .chat-layout,app-chat-room .messages-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}app-chat-room .chat-layout{height:100%}app-chat-room .chat-main{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}app-chat-room .messages-panel{flex:1 1 0;min-width:0}app-chat-room .messages-container{flex:1 1 0;min-height:0;overflow-y:auto}app-chat-room app-header,app-chat-room app-message-input{display:block;flex:0 0 auto}button{cursor:pointer;border:none;font-family:inherit;background:none}input{font-family:inherit}a{color:inherit;text-decoration:none}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]){-webkit-tap-highlight-color:transparent}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]):focus{outline:none}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]):focus:not(:focus-visible){box-shadow:none}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]):focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--bg-primary) 72%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 68%,transparent)}.sound-toggle-btn__icon{width:1rem;height:1rem;flex:0 0 auto;background-color:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.sound-toggle-btn__icon--enabled{mask-image:url(/assets/icons/speaker-loud.svg);-webkit-mask-image:url(/assets/icons/speaker-loud.svg)}.sound-toggle-btn__icon--muted{mask-image:url(/assets/icons/speaker-off.svg);-webkit-mask-image:url(/assets/icons/speaker-off.svg)}.push-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:6.3rem;padding:.48rem .72rem;background:color-mix(in srgb,var(--bg-tertiary) 88%,transparent);color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease,opacity .2s ease}.push-toggle-btn:hover:not(:disabled){background:color-mix(in srgb,var(--bg-tertiary) 70%,var(--accent) 30%);border-color:color-mix(in srgb,var(--accent) 42%,var(--border) 58%);color:var(--text-primary);transform:translateY(-1px)}.push-toggle-btn:disabled{opacity:.7;cursor:default}.push-toggle-btn--enabled{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 46%,var(--border) 54%);background:color-mix(in srgb,var(--bg-tertiary) 72%,var(--accent) 28%)}.push-toggle-btn__icon{width:1rem;height:1rem;flex:0 0 auto;display:block;background-color:currentColor;mask-image:url(/assets/icons/push-bell.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:url(/assets/icons/push-bell.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.push-toggle-btn__icon--disabled{mask-image:url(/assets/icons/push-bell-off.svg);-webkit-mask-image:url(/assets/icons/push-bell-off.svg)}.push-toggle-btn__label{font-size:.8125rem;font-weight:600;white-space:nowrap}@media(max-width:768px){.push-toggle-btn{min-width:38px;padding:.48rem .65rem}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.user-name-display{padding:.25rem .625rem;border-radius:4px;font-weight:500;white-space:nowrap}.user-name-display.is-admin{color:#fbbf24;border:1px solid #fbbf24;box-shadow:0 0 8px #fbbf2499,inset 0 0 4px #fbbf2433;font-weight:600}.user-name-display:not(.is-admin){color:#60a5fa;border:1px solid #60a5fa;box-shadow:0 0 6px #60a5fa80,inset 0 0 3px #60a5fa26}:is(.admin-layout,.profile-layout){display:flex;flex-direction:column;height:var(--app-viewport-height);min-height:0;overflow:hidden}:is(.admin-main,.profile-main){flex:1;min-height:0;padding:1.5rem;overflow-y:auto;background:var(--bg-secondary)}:is(.admin-header,.profile-header){display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(.admin-title,.profile-title){margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.back-to-chat-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:4px;font-size:.875rem;font-weight:500;transition:background .2s}.back-to-chat-btn:hover{background:var(--accent-hover)}.duration-select{max-width:96px;padding:.25rem .45rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem}.duration-select:disabled{opacity:.5}.message-moderation-dialog-backdrop{position:fixed;inset:0;z-index:1200;background:#0000006b}.message-moderation-dialog{position:fixed;left:50%;top:50%;z-index:1201;width:min(22rem,100vw - 2rem);padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 18px 50px var(--shadow);transform:translate(-50%,-50%)}.message-moderation-dialog__header,.message-moderation-dialog__actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.message-moderation-dialog__header{font-weight:700}.message-moderation-dialog__close{color:var(--text-secondary);font-size:1.25rem}.message-moderation-dialog__text{margin:.75rem 0;color:var(--text-secondary);font-size:.875rem}.message-moderation-duration-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-bottom:.9rem}.message-moderation-duration,.message-moderation-btn{border:1px solid var(--border);border-radius:999px;background:var(--bg-tertiary);color:var(--text-primary)}.message-moderation-duration{padding:.45rem .65rem;font-size:.8rem}.message-moderation-duration.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.message-moderation-btn{padding:.55rem .9rem;font-weight:700}.message-moderation-btn.primary{background:var(--accent);color:#fff}.message-moderation-btn.danger{background:var(--error)}.profile-content{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin:0 auto}.profile-card{background:var(--bg-primary);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px var(--shadow)}.card-title{margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);font-size:1.125rem;font-weight:600;color:var(--text-primary)}