.gc-notification-center{position:relative;display:flex;align-items:center}
.gc-notification-trigger{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line,#263b50);border-radius:12px;background:var(--panel,#101e2b);color:var(--text,#f4f8fc);cursor:pointer}
.gc-notification-trigger:hover,.gc-notification-trigger:focus-visible{border-color:#4da2ef;background:#172b40;outline:none}
.gc-notification-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gc-notification-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--shell,#091521);border-radius:999px;background:#12b8a0;color:#06151d;font-size:10px;font-weight:900;line-height:14px;text-align:center}
.gc-notification-menu{position:absolute;z-index:900;right:0;top:calc(100% + 9px);width:min(390px,calc(100vw - 24px));max-height:min(78vh,650px);overflow:hidden;display:flex;flex-direction:column;border:1px solid #29445d;border-radius:16px;background:linear-gradient(160deg,#13263a,#0b1724 72%);box-shadow:0 22px 58px #0009;color:#edf5ff}
.gc-notification-menu[hidden]{display:none}
.gc-notification-head{display:flex;justify-content:space-between;align-items:flex-start;padding:17px 18px 12px;border-bottom:1px solid #24394c}
.gc-notification-head .eyebrow{margin:0 0 4px;color:#7db8ff;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.gc-notification-head h2{margin:0;font-size:19px;line-height:1.2}
.gc-notification-close{width:32px;height:32px;border:1px solid #2a4055;border-radius:9px;background:#142538;color:#d9e9f8;font-size:21px;cursor:pointer}
.gc-notification-sound{display:flex;gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid #24394c;cursor:pointer}
.gc-notification-sound input{width:16px;height:16px;margin:0;accent-color:#16cfda}
.gc-notification-sound span,.gc-notification-item-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.gc-notification-sound strong{font-size:12px}.gc-notification-sound small{color:#9eb2c7;font-size:11px}
.gc-notification-sound-settings{align-self:flex-start;margin:0 16px 10px;padding:2px 0;border:0;background:transparent;color:#91c9ff;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.gc-notification-sound-settings:hover,.gc-notification-sound-settings:focus-visible{color:#d5edff;text-decoration:underline;outline:2px solid #91c9ff;outline-offset:3px;border-radius:2px}
.gc-notification-tone-controls{display:grid;gap:12px;max-width:720px;min-width:0}
.gc-notification-tone-enable{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #dbe4ed;border-radius:12px;background:#f8fafc;cursor:pointer}
.gc-notification-tone-enable input{width:18px;height:18px;margin:0;flex:none;accent-color:#178bd0}
.gc-notification-tone-enable span{display:grid;gap:3px}.gc-notification-tone-enable strong{color:#203247;font-size:12px}.gc-notification-tone-enable small{color:#6f7f91;font-size:11px;line-height:1.4}
.gc-notification-tone-controls .gc-account-notification-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;max-width:680px}
.gc-notification-tone-controls .gc-account-tone-field,.gc-notification-tone-controls .gc-account-tone-upload label{display:grid;gap:6px;min-width:0;color:#203247;font-size:11px}
.gc-notification-tone-controls .gc-account-tone-field select,.gc-notification-tone-controls .gc-account-tone-upload input{box-sizing:border-box;width:100%;min-height:40px;padding:9px 11px;border:1px solid #cbd9e6;border-radius:10px;background:#f8fafc;color:#203247;font:inherit;font-size:12px}
.gc-notification-tone-controls .gc-account-tone-field select:focus-visible,.gc-notification-tone-controls .gc-account-tone-upload input:focus-visible{outline:2px solid #278bd0;outline-offset:2px}
.gc-notification-tone-controls .gc-account-tone-preview,.gc-notification-tone-controls .gc-account-tone-upload .secondary-button{min-height:40px!important;font-size:11px!important;white-space:nowrap}
.gc-notification-tone-controls .gc-account-tone-upload{display:flex;align-items:end;gap:10px;max-width:680px}.gc-notification-tone-controls .gc-account-tone-upload label{flex:1}.gc-notification-tone-controls .gc-account-tone-upload input{padding:8px}
.gc-notification-tone-controls [data-account-notification-remove][hidden]{display:none!important}
.gc-notification-tone-controls .gc-account-pref-note{margin:0;color:#6f7f91;font-size:11px;line-height:1.45}
.gc-notification-tone-controls .gc-account-tone-status{min-height:1em;margin:0;color:#286e9e;font-size:11px;line-height:1.4}.gc-notification-tone-controls .gc-account-tone-status.is-error{color:#a34b1d}
html[data-theme="dark"] .gc-notification-tone-enable,html[data-theme="dark"] .gc-notification-tone-controls .gc-account-tone-field select,html[data-theme="dark"] .gc-notification-tone-controls .gc-account-tone-upload input{background:#0e1925;border-color:#304253;color:#eaf3fb;color-scheme:dark}
html[data-theme="dark"] .gc-notification-tone-enable strong,html[data-theme="dark"] .gc-notification-tone-controls .gc-account-tone-field,html[data-theme="dark"] .gc-notification-tone-controls .gc-account-tone-upload label{color:#eaf3fb}
html[data-theme="dark"] .gc-notification-tone-enable small,html[data-theme="dark"] .gc-notification-tone-controls .gc-account-pref-note{color:#94a8ba}
html[data-theme="dark"] .gc-notification-tone-controls .gc-account-tone-status{color:#8dcaff}html[data-theme="dark"] .gc-notification-tone-controls .gc-account-tone-status.is-error{color:#ffc17b}
.gc-notification-feedback{min-height:0;margin:0;padding:0 16px;color:#91c9ff;font-size:11px}
.gc-notification-feedback:not(:empty){padding-top:9px}
.gc-notification-feedback.is-error{color:#ffc17b}
.gc-notification-list{min-height:70px;overflow:auto;padding:6px 8px 9px}
.gc-notification-item{display:flex;gap:10px;align-items:flex-start;padding:11px 10px;border:1px solid transparent;border-radius:10px;color:#e6f0fa;text-decoration:none}
.gc-notification-item:hover,.gc-notification-item:focus-visible{border-color:#2b4a66;background:#142b40;outline:none}
.gc-notification-item.is-read{opacity:.68}
.gc-notification-unread-dot{flex:none;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#29d5e5;box-shadow:0 0 0 3px #29d5e51c}
.gc-notification-item.is-read .gc-notification-unread-dot{background:#50677e;box-shadow:none}
.gc-notification-item-copy{flex:1;overflow:hidden}
.gc-notification-item-copy strong{font-size:12px;line-height:1.35}
.gc-notification-item-copy span{color:#b7c7d8;font-size:11px;line-height:1.45}
.gc-notification-item-copy small{margin-top:3px;color:#7f96ac;font-size:10px}
.gc-notification-empty{margin:0;padding:23px 15px;color:#91a7bc;font-size:12px;text-align:center}
@media(max-width:700px){.gc-notification-menu{position:fixed;top:calc(env(safe-area-inset-top,0px) + 66px);right:12px;max-height:calc(100vh - 84px)}.gc-notification-trigger{width:38px;height:38px}.gc-notification-tone-controls .gc-account-notification-controls{grid-template-columns:1fr}.gc-notification-tone-controls .gc-account-tone-upload{align-items:stretch;flex-direction:column}.gc-notification-tone-controls .gc-account-tone-preview,.gc-notification-tone-controls .gc-account-tone-upload .secondary-button{width:100%}}