@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ng-font-body:"Manrope", "Segoe UI", sans-serif;--ng-font-display:"Space Grotesk", "Segoe UI", sans-serif;--ng-bg-0:#131922;--ng-bg-1:#181f2a;--ng-bg-2:#1d2430;--ng-bg-3:#252e3c;--ng-bg-panel:#1d2430eb;--ng-bg-card:#222b39db;--ng-bg-card-soft:#283140c7;--ng-bg-card-strong:#2f3a4beb;--ng-text:#e6ebf5;--ng-text-soft:#c7d0df;--ng-text-muted:#9ba7bc;--ng-text-dim:#7f8ba0;--ng-accent:#5f8ce6;--ng-accent-strong:#79a6ff;--ng-accent-soft:#8bb3ff;--ng-sand:#b8a789;--ng-sand-soft:#b8a78929;--ng-sand-dim:#b8a7891a;--ng-success:#61c697;--ng-warning:#e4bc71;--ng-danger:#e47084;--ng-stroke:#8897b047;--ng-stroke-strong:#99aac76b;--ng-stroke-soft:#808fa72b;--ng-radius-sm:10px;--ng-radius-md:14px;--ng-radius-lg:18px;--ng-shadow-soft:0 10px 24px #040a185c;--ng-shadow-panel:0 24px 50px #0208168c;--ng-motion-fast:.16s;--ng-motion-normal:.22s;--ng-motion-slow:.3s;--ng-motion-ease-standard:cubic-bezier(.22, 1, .36, 1);--ng-motion-ease-quiet:cubic-bezier(.2, 0, 0, 1);--ng-motion-ease-exit:cubic-bezier(.4, 0, .2, 1);--ng-sidebar-width:336px;--ng-drawer-width:360px;--ng-mobile-header-height:64px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:var(--ng-font-body);color:var(--ng-text);background:radial-gradient(980px 520px at -10% -12%, #5c749c38, transparent 62%), radial-gradient(860px 540px at 108% 0%, #4b5f8133, transparent 66%), radial-gradient(760px 320px at 50% 126%, #b8a7890f, transparent 72%), linear-gradient(165deg, var(--ng-bg-0) 0%, var(--ng-bg-1) 52%, #141b26 100%);font-size:14px;line-height:1.4}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}img{display:block}.hidden{display:none!important}.full-width{width:100%}.helper-text{color:var(--ng-text-muted);font-size:12px;line-height:1.45}.helper-error{color:color-mix(in srgb, var(--ng-danger) 90%, #fff 10%)}.ng-card{border:1px solid var(--ng-stroke);border-radius:var(--ng-radius-md);background:var(--ng-bg-card);box-shadow:var(--ng-shadow-soft);padding:16px}.ng-card-soft{background:var(--ng-bg-card-soft)}.ng-button{cursor:pointer;min-height:40px;transition:background var(--ng-motion-fast) var(--ng-motion-ease-quiet), border-color var(--ng-motion-fast) var(--ng-motion-ease-quiet), transform var(--ng-motion-fast) var(--ng-motion-ease-quiet), box-shadow var(--ng-motion-fast) var(--ng-motion-ease-quiet);border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.ng-button:active{transform:translateY(1px)}.ng-button:disabled{opacity:.55;cursor:not-allowed}.ng-button-primary{color:#f5f8ff;background:linear-gradient(135deg, color-mix(in srgb, var(--ng-accent) 86%, #fff 14%), #4f7fd8);border-color:#81a4e88a}.ng-button-primary:hover:not(:disabled){border-color:#91b2f3b8;box-shadow:0 6px 16px #345faf57}.ng-button-secondary{color:var(--ng-text-soft);border-color:var(--ng-stroke);background:color-mix(in srgb, var(--ng-bg-card-strong) 70%, transparent)}.ng-button-secondary:hover:not(:disabled){border-color:var(--ng-stroke-strong);background:color-mix(in srgb, var(--ng-bg-card-strong) 84%, transparent)}.ng-button-danger{color:#fff;border-color:color-mix(in srgb, var(--ng-danger) 58%, #fff 42%);background:linear-gradient(135deg, color-mix(in srgb, var(--ng-danger) 78%, #c1445e 22%), #b8455f)}.ng-button-danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--ng-danger) 70%, #fff 30%)}.ng-label{color:var(--ng-text-muted);font-size:12px}.ng-input{border:1px solid var(--ng-stroke);background:color-mix(in srgb, var(--ng-bg-2) 74%, transparent);width:100%;min-height:40px;color:var(--ng-text);transition:border-color var(--ng-motion-fast) var(--ng-motion-ease-quiet), box-shadow var(--ng-motion-fast) var(--ng-motion-ease-quiet);border-radius:11px;outline:none;padding:9px 12px}.ng-input::placeholder{color:var(--ng-text-dim)}.ng-input:focus{border-color:color-mix(in srgb, var(--ng-accent) 72%, #dce9ff 28%);box-shadow:0 0 0 3px #6690e038}.form-grid,.list-stack{gap:10px;display:grid}.inline{align-items:center;gap:10px;display:flex}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ng-scroll-root{width:100%;height:100%;min-height:0;overflow:hidden}.ng-scroll-viewport{width:100%;height:100%;min-height:0}.ng-scrollbar{-webkit-user-select:none;user-select:none;touch-action:none;width:10px;padding:2px}.ng-scroll-thumb{background:linear-gradient(#708ec6b3,#4e699abd);border-radius:999px;flex:1}.ng-scroll-corner{background:0 0}.state-block{place-items:center;min-height:100vh;padding:24px;display:grid}.state-box{text-align:center;gap:8px;width:min(460px,100%);display:grid}.state-box h2{font-family:var(--ng-font-display);margin:0;font-size:23px;line-height:1.16}.state-box p{margin:0}.ng-page{align-content:start;gap:12px;height:100%;padding:18px;display:grid;overflow:auto}.ng-section-title{gap:4px;display:grid}.ng-section-title h1{font-family:var(--ng-font-display);margin:0;font-size:24px;line-height:1.15}.ng-section-title p{color:var(--ng-text-muted);margin:0}.ng-presence-tone-online{background:color-mix(in srgb, var(--ng-success) 76%, #9fbea6 24%)}.ng-presence-tone-connecting{background:color-mix(in srgb, var(--ng-accent) 68%, #9bb8e4 32%)}.ng-presence-tone-offline{background:color-mix(in srgb, var(--ng-text-dim) 72%, #808a9c 28%)}.ng-connection-badge{border:1px solid color-mix(in srgb, var(--ng-success) 40%, var(--ng-sand) 22%, var(--ng-stroke) 38%);background:color-mix(in srgb, #52745b40 70%, var(--ng-sand-dim) 30%);color:#c6dfca;border-radius:999px;padding:3px 9px;font-size:11px;line-height:1.2}.ng-spin{animation:.9s linear infinite ngSpin}.ng-empty-center{place-items:center;height:100%;padding:24px;display:grid}.ng-empty-card{text-align:center;background:radial-gradient(130% 100% at 50% 0%, #657da624, transparent 68%), color-mix(in srgb, var(--ng-bg-card) 90%, #161f2d 10%);border-radius:16px;gap:10px;width:min(500px,100%);display:grid;box-shadow:0 14px 30px #03081457}.ng-empty-icon-wrap{border:1px solid var(--ng-stroke);background:color-mix(in srgb, var(--ng-bg-card-soft) 72%, transparent);width:48px;height:48px;color:var(--ng-text-soft);border-radius:12px;place-items:center;margin:0 auto;display:grid}.ng-empty-card h1{font-family:var(--ng-font-display);margin:0;font-size:22px;line-height:1.15}.ng-empty-card p{color:var(--ng-text-muted);margin:0}.ng-empty-badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ng-empty-pill{border:1px solid color-mix(in srgb, var(--ng-sand) 26%, var(--ng-stroke-soft) 74%);background:color-mix(in srgb, var(--ng-bg-card-soft) 56%, var(--ng-sand-dim) 44%);color:color-mix(in srgb, var(--ng-text-soft) 90%, var(--ng-sand) 10%);border-radius:999px;padding:3px 9px;font-size:11px}.ng-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ng-header-icon-btn,.ng-mobile-back-btn,.ng-composer-icon-btn,.ng-composer-send-btn,.ng-drawer-close-btn{border:1px solid var(--ng-stroke);background:color-mix(in srgb, var(--ng-bg-card-soft) 70%, transparent);width:34px;height:34px;color:var(--ng-text-soft);cursor:pointer;transition:border-color var(--ng-motion-fast) var(--ng-motion-ease-quiet), background var(--ng-motion-fast) var(--ng-motion-ease-quiet), transform var(--ng-motion-fast) var(--ng-motion-ease-quiet);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.ng-header-icon-btn:hover,.ng-mobile-back-btn:hover,.ng-composer-icon-btn:hover,.ng-composer-send-btn:hover,.ng-drawer-close-btn:hover{border-color:var(--ng-stroke-strong);background:color-mix(in srgb, var(--ng-bg-card-strong) 80%, transparent)}.ng-header-icon-btn:focus-visible,.ng-mobile-back-btn:focus-visible,.ng-composer-icon-btn:focus-visible,.ng-composer-send-btn:focus-visible,.ng-drawer-close-btn:focus-visible,.ng-message-retry-btn:focus-visible,.ng-rail-action:focus-visible,.ng-rail-tool-tab:focus-visible,.ng-rail-member-chip-remove:focus-visible{border-color:color-mix(in srgb, var(--ng-accent) 66%, #d8e6ff 34%);outline:none;box-shadow:0 0 0 3px #6086d038}.ng-header-icon-btn:active,.ng-mobile-back-btn:active,.ng-composer-icon-btn:active,.ng-composer-send-btn:active,.ng-drawer-close-btn:active{transform:translateY(1px)}.ng-mobile-back-btn{display:none}.ng-system-hint{border:1px solid var(--ng-stroke);background:color-mix(in srgb, var(--ng-bg-card-soft) 56%, transparent);min-height:32px;color:var(--ng-text-soft);border-radius:11px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;font-size:12px;display:flex}.ng-system-hint-warning{border-color:color-mix(in srgb, var(--ng-warning) 34%, var(--ng-stroke) 66%)}.ng-system-hint-error{border-color:color-mix(in srgb, var(--ng-danger) 40%, var(--ng-stroke) 60%);color:color-mix(in srgb, var(--ng-danger) 76%, #ffd7df 24%)}.ng-date-divider{justify-content:center;padding:5px 0 2px;display:flex}.ng-date-divider span{border:1px solid color-mix(in srgb, var(--ng-stroke) 74%, var(--ng-sand) 26%);background:color-mix(in srgb, var(--ng-bg-card-soft) 36%, var(--ng-sand-dim) 64%);color:color-mix(in srgb, var(--ng-text-dim) 80%, var(--ng-sand) 20%);opacity:.88;border-radius:999px;padding:2px 9px;font-size:10px;line-height:1.2}.ng-unread-divider{justify-content:center;padding:8px 0 4px;display:flex}.ng-unread-divider span{border:1px solid color-mix(in srgb, var(--ng-accent) 40%, var(--ng-stroke) 60%);background:color-mix(in srgb, var(--ng-accent) 14%, var(--ng-bg-card-soft) 86%);color:color-mix(in srgb, var(--ng-accent) 72%, #dbe9ff 28%);border-radius:999px;padding:3px 11px;font-size:11px;font-weight:600;line-height:1.2}.ng-bubble-first{margin-top:0}.ng-bubble-middle,.ng-bubble-last{margin-top:1px}.ng-inline-emoji{vertical-align:-.08em;font-size:1em;line-height:.92;display:inline-block}.ng-lightbox{z-index:32;position:fixed;inset:0}.ng-video-viewer-frame{z-index:1;background:radial-gradient(120% 100% at 50% 0,#5870982e,#0000 58%),#0a121f57;border-radius:20px;place-items:center;width:fit-content;max-width:100%;max-height:min(84vh,780px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 54px #02081675}.ng-video-viewer-player{background:#0a121fd1;place-items:center;width:auto;max-width:min(88vw,980px);height:auto;max-height:min(84vh,780px);display:grid}.ng-video-viewer-player[data-media-player]{--video-border:0;--video-border-radius:20px;--video-bg:#070d16f5;--video-font-family:var(--ng-font-body);--video-controls-color:#eef4ff;--media-brand:#eef4ff;border-radius:20px;width:auto;height:auto}.ng-video-viewer-player[data-media-player] [data-media-provider]{width:auto;max-width:min(88vw,980px);height:auto;max-height:min(84vh,780px)}.ng-video-viewer-player[data-media-player] video{object-fit:contain;width:auto;max-width:min(88vw,980px);height:auto;max-height:min(84vh,780px)}.ng-typing-inline{min-height:16px;color:var(--ng-text-muted);align-items:center;gap:7px;padding-inline:2px;font-size:11px;display:inline-flex}.ng-typing-inline-text{line-height:1.2}.ng-typing-dots{align-items:center;gap:4px;display:inline-flex}.ng-typing-dots span{background:color-mix(in srgb, var(--ng-text-muted) 85%, #fff 15%);border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite ngTypingDot}.ng-typing-dots span:nth-child(2){animation-delay:.15s}.ng-typing-dots span:nth-child(3){animation-delay:.3s}.ng-avatar-shell{flex:none;display:inline-block;position:relative}.ng-avatar-admin-ring{background:conic-gradient(#f6fafffa,#80a8f2f5,#e2c48be6,#f9fcfff5,#6781d6fa,#f6fafffa) 0 0/240% 240%;border-radius:999px;animation:none;position:absolute;inset:0;box-shadow:0 0 0 1px #eef5ff3d,0 0 16px #92b1f347,0 12px 28px #101c324d}.ng-avatar-shell.is-primary-admin .ng-avatar-surface{position:absolute;inset:3px}.ng-avatar-surface{background:color-mix(in srgb, var(--ng-bg-card-soft) 75%, transparent);border:1px solid color-mix(in srgb, var(--ng-stroke) 70%, transparent);isolation:isolate;border-radius:999px;place-items:center;font-weight:700;display:grid;position:absolute;inset:0;overflow:hidden}.ng-avatar-media{object-fit:cover;width:100%;height:100%;display:block}.ng-avatar-fallback{font-weight:700}.ng-icon-spin{animation:.9s linear infinite ngSpin}.ng-avatar-crop-dialog-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:160;animation:ngAvatarCropOverlayIn var(--ng-motion-normal) var(--ng-motion-ease-quiet);background:#050a12c7;position:fixed;inset:0}.ng-avatar-crop-dialog-content{border:1px solid color-mix(in srgb, var(--ng-stroke-soft) 80%, #d6e2f82e 20%);background:radial-gradient(120% 120% at 50% 0%, #718ec11f, transparent 58%), color-mix(in srgb, var(--ng-bg-card-strong) 92%, #070c15f5 8%);z-index:161;border-radius:28px;outline:none;grid-template-rows:minmax(0,1fr) auto;gap:18px;width:min(900px,100vw - 32px);max-width:calc(100vw - 32px);min-height:min(760px,100vh - 32px);max-height:calc(100vh - 32px);margin:auto;padding:22px;animation:.26s cubic-bezier(.22,1,.36,1) ngAvatarCropContentIn;display:grid;position:fixed;inset:16px;box-shadow:0 38px 80px #03070f85,0 8px 24px #08101f42}.ng-avatar-crop-dialog-close{border:1px solid color-mix(in srgb, var(--ng-stroke-soft) 78%, #dbe6f838 22%);width:38px;height:38px;color:color-mix(in srgb, var(--ng-text-soft) 90%, #f4f7ff 10%);transition:transform var(--ng-motion-fast) var(--ng-motion-ease-quiet), border-color var(--ng-motion-fast) var(--ng-motion-ease-quiet), color var(--ng-motion-fast) var(--ng-motion-ease-quiet), background var(--ng-motion-fast) var(--ng-motion-ease-quiet);background:#0a121fc2;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.ng-avatar-crop-dialog-close:hover:not(:disabled){border-color:color-mix(in srgb, var(--ng-accent) 54%, var(--ng-stroke-soft) 46%);color:#f7fbff;transform:translateY(-1px)}.ng-avatar-crop-dialog-close:disabled{opacity:.56;cursor:not-allowed}.ng-avatar-crop-dialog-stage-shell{place-items:center;min-height:0;padding:10px 0 0;display:grid}.ng-avatar-crop-dialog-stage{aspect-ratio:1;width:min(72vmin,540px);box-shadow:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border-radius:999px;position:relative;overflow:hidden}.ng-avatar-crop-dialog-media{object-fit:cover;will-change:transform;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.ng-avatar-crop-dialog-stage:active{cursor:grabbing}.ng-avatar-crop-dialog-actions{align-items:end;gap:12px;display:grid}.ng-avatar-crop-dialog-feedback{min-height:18px;color:color-mix(in srgb, var(--ng-text-dim) 84%, var(--ng-sand) 16%);font-size:12px;line-height:1.35}.ng-avatar-crop-dialog-action-buttons{justify-content:flex-end;gap:10px;display:flex}@media (width<=720px){.ng-avatar-crop-dialog-content{border-radius:0;gap:14px;width:100vw;max-width:100vw;min-height:100vh;max-height:100vh;padding:18px 16px 16px;inset:0}.ng-avatar-crop-dialog-stage-shell{padding-top:18px}.ng-avatar-crop-dialog-stage{width:min(88vw,420px)}.ng-avatar-crop-dialog-actions{gap:10px}.ng-avatar-crop-dialog-action-buttons{justify-content:stretch;width:100%}.ng-avatar-crop-dialog-action-buttons .ng-button{flex:1 1 0}}.ng-group-panel{align-content:start;gap:12px;display:grid}.ng-group-panel-hero{gap:7px}.ng-group-panel-loading{min-height:110px;color:color-mix(in srgb, var(--ng-text-muted) 88%, var(--ng-sand) 12%);place-items:center;gap:8px;font-size:13px;display:grid}.ng-group-panel-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ng-group-panel-pill{border:1px solid color-mix(in srgb, var(--ng-stroke-soft) 82%, var(--ng-sand) 18%);background:color-mix(in srgb, var(--ng-bg-card-soft) 52%, transparent);color:color-mix(in srgb, var(--ng-text-muted) 90%, var(--ng-sand) 10%);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px}.ng-group-panel-member-list,.ng-group-panel-pending-list{gap:8px;margin-top:10px;display:grid}.ng-group-panel-member-row,.ng-group-panel-search-row{border:1px solid color-mix(in srgb, var(--ng-stroke-soft) 84%, var(--ng-sand) 16%);background:color-mix(in srgb, var(--ng-bg-card-soft) 48%, transparent);border-radius:12px;align-items:center;gap:10px;padding:9px 10px;display:flex}.ng-group-panel-search-row{cursor:pointer;text-align:left;width:100%;transition:border-color var(--ng-motion-fast) var(--ng-motion-ease-quiet), background var(--ng-motion-fast) var(--ng-motion-ease-quiet), transform var(--ng-motion-fast) var(--ng-motion-ease-quiet)}.ng-group-panel-search-row:hover{border-color:color-mix(in srgb, var(--ng-accent) 38%, var(--ng-stroke-strong) 62%);background:color-mix(in srgb, var(--ng-bg-card-strong) 72%, transparent)}.ng-group-panel-search-row:active{transform:translateY(1px)}.ng-group-panel-member-row-pending{background:color-mix(in srgb, var(--ng-bg-card-soft) 42%, var(--ng-sand-dim) 58%)}.ng-group-panel-member-meta{gap:2px;min-width:0;display:grid}.ng-group-panel-member-meta strong{color:color-mix(in srgb, var(--ng-text-soft) 94%, var(--ng-sand) 6%);font-size:13px;line-height:1.25}.ng-group-panel-member-meta span{color:color-mix(in srgb, var(--ng-text-muted) 90%, var(--ng-sand) 10%);font-size:11.5px;line-height:1.35}.ng-group-panel-pending{border-top:1px solid color-mix(in srgb, var(--ng-stroke-soft) 88%, transparent);margin-top:12px;padding-top:10px}.ng-group-panel-pending-title{color:color-mix(in srgb, var(--ng-text-dim) 88%, var(--ng-sand) 12%);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.ng-group-panel-actions,.ng-group-panel-inline-actions{gap:8px;display:grid}.ng-group-panel-expand{gap:10px;margin-top:12px;display:grid}.ng-group-panel-search,.ng-group-panel-avatar-card{margin-top:2px}.ng-group-panel-danger-zone{background:color-mix(in srgb, var(--ng-bg-card-soft) 42%, transparent)}@keyframes ngSkeletonFlow{0%{background-position:100%}to{background-position:-100%}}@keyframes ngPulse{0%,to{opacity:.62}50%{opacity:1}}@keyframes ngEmptyIconFloat{0%,to{transform:translateY(0);box-shadow:0 6px 16px #040a163d}50%{transform:translateY(-2px);box-shadow:0 10px 18px #050c1847}}@keyframes ngSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1190px){:root{--ng-sidebar-width:308px}}@media (width<=980px){.ng-mobile-back-btn{display:inline-flex}}@media (width<=560px){.ng-empty-center{padding:12px}.ng-empty-card{padding:14px}.ng-page{padding:12px}}.ng-friendship-actions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.ng-friendship-actions-compact .ng-button{border-radius:999px;min-height:38px}.ng-friendship-feedback{width:100%;color:color-mix(in srgb, var(--ng-text-muted) 88%, var(--ng-sand) 12%);font-size:.79rem;line-height:1.35}.ng-sound-settings{gap:12px;display:grid}.ng-sound-settings-compact{gap:10px}.ng-sound-settings-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.ng-sound-settings-icon{width:34px;height:34px;color:color-mix(in srgb, var(--ng-accent-soft) 80%, white 20%);background:color-mix(in srgb, var(--ng-accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--ng-accent) 34%, transparent);border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.ng-sound-settings-copy{min-width:0}.ng-sound-settings-copy strong{color:var(--ng-text-soft);margin-bottom:4px;display:block}.ng-sound-switch{cursor:pointer;transition:transform var(--ng-motion-fast) var(--ng-motion-ease-quiet), opacity var(--ng-motion-fast) var(--ng-motion-ease-quiet);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ng-sound-switch:hover{transform:translateY(-1px)}.ng-sound-switch:active{transform:translateY(0)scale(.98)}.ng-sound-switch-track{border:1px solid color-mix(in srgb, var(--ng-stroke) 88%, transparent);background:color-mix(in srgb, var(--ng-bg-card-strong) 82%, transparent);width:48px;height:28px;transition:background var(--ng-motion-fast) var(--ng-motion-ease-quiet), border-color var(--ng-motion-fast) var(--ng-motion-ease-quiet), box-shadow var(--ng-motion-fast) var(--ng-motion-ease-quiet);border-radius:999px;position:relative;box-shadow:inset 0 1px #ffffff0a}.ng-sound-switch-thumb{width:20px;height:20px;transition:transform var(--ng-motion-normal) var(--ng-motion-ease-standard), background var(--ng-motion-fast) var(--ng-motion-ease-quiet);background:linear-gradient(#fffffff2,#d6e0f5eb);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 6px 14px #00000042,inset 0 1px #ffffff7a}.ng-sound-switch-on .ng-sound-switch-track{background:linear-gradient(135deg,#7195deeb,#5778bfd6);border-color:#83a8f285;box-shadow:0 0 0 1px #7195de1a,0 10px 24px #4663a138}.ng-sound-switch-on .ng-sound-switch-thumb{transform:translate(20px)}.ng-sound-settings-meta{gap:8px;display:grid}.ng-sound-settings-row{border:1px solid color-mix(in srgb, var(--ng-stroke-soft) 92%, transparent);background:color-mix(in srgb, var(--ng-bg-card-soft) 54%, transparent);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:10px 11px;display:flex}.ng-sound-settings-row span{color:color-mix(in srgb, var(--ng-text-muted) 88%, var(--ng-sand) 12%)}.ng-sound-settings-row strong{color:color-mix(in srgb, var(--ng-text-soft) 95%, var(--ng-sand) 5%);text-align:right;font-weight:600}.ng-notification-settings-error{color:color-mix(in srgb, var(--ng-danger) 88%, white 12%)}@media (width<=780px){.ng-sound-settings-head{grid-template-columns:auto 1fr}.ng-sound-switch{grid-column:1/-1;justify-self:end}}@media (width<=720px),(hover:none) and (pointer:coarse){body{background:linear-gradient(#161d29 0%,#121923 52%,#0f151f 100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
