.notification-center{position:relative;z-index:30}.notification-bell{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface,#fff);color:var(--text,var(--ink));cursor:pointer}.notification-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-bell i{position:absolute;right:7px;top:6px;width:8px;height:8px;border:2px solid var(--surface,#fff);border-radius:50%;background:#e05245}.notification-panel{position:absolute;right:0;top:46px;width:min(390px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 90px));overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff);box-shadow:0 18px 55px #10251e2b}.notification-panel>header{padding:16px 18px;border-bottom:1px solid var(--line)}.notification-panel>header b,.notification-panel>header small{display:block}.notification-panel>header b{font-size:14px}.notification-panel>header small{margin-top:3px;color:var(--muted);font-size:11.5px}.notification-list{max-height:520px;overflow:auto}.notification-list article{position:relative;padding:0 14px 11px;border-bottom:1px solid var(--line);background:var(--surface,#fff)}.notification-list article.unread{background:color-mix(in srgb,var(--mint) 62%,var(--surface,#fff))}.notification-main{width:100%;display:flex;gap:11px;padding:14px 0 8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.notification-main>span{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--mint);color:var(--green);font-size:12px;font-weight:800}.notification-main>div{min-width:0}.notification-main b{display:block;font-size:12px}.notification-main p{margin:4px 0;color:var(--muted);font-size:11.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-main time{color:var(--muted);font-size:10.5px}.notification-read-action{margin-left:39px;padding:3px 0;border:0;background:transparent;color:var(--green);font-size:10.5px;font-weight:700;cursor:pointer}.notification-empty{padding:32px 18px;text-align:center;color:var(--muted);font-size:12px}.notification-toast{position:absolute;right:46px;top:-3px;width:310px;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface,#fff);color:inherit;text-align:left;box-shadow:0 12px 36px #10251e2b;cursor:pointer;animation:notification-in .2s ease-out}.notification-toast>span{flex:0 0 27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--mint);color:var(--green);font-weight:800}.notification-toast b,.notification-toast small{display:block}.notification-toast b{font-size:11.5px}.notification-toast small{max-width:230px;margin-top:3px;color:var(--muted);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes notification-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@media(max-width:700px){.notification-toast{top:12px}.notification-panel,.notification-toast{position:fixed;right:12px;left:12px;width:auto}.notification-panel{top:72px;max-height:calc(100dvh - 160px)}}.notification-list article.chatbot-notification{margin:10px;border:1px solid color-mix(in srgb,#df6b42 42%,var(--line));border-radius:11px;background:color-mix(in srgb,#df6b42 12%,var(--surface,#fff));box-shadow:0 5px 16px #a63f1820}.notification-list article.chatbot-notification.unread{border-left:4px solid #df6b42;background:color-mix(in srgb,#df6b42 20%,var(--surface,#fff))}.chatbot-notification .notification-main>span{background:#bc4d29;color:#fff;box-shadow:0 4px 10px #df6b4240}.notification-main>div{flex:1}.notification-main>div>em{display:inline-block;margin-bottom:5px;padding:3px 6px;border-radius:5px;background:#bc4d29;color:#fff;font-size:9.5px;font-style:normal;font-weight:850;letter-spacing:.07em}.notification-main>i{align-self:center;flex:0 0 auto;color:var(--muted);font-size:14px;font-style:normal;transition:transform .18s ease}.notification-main>i.expanded{transform:rotate(180deg)}.chatbot-notification .notification-main b{font-size:12px}.chatbot-notification .notification-read-action{color:color-mix(in srgb,color-mix(in srgb,#df6b42 50%,var(--text)) 72%,var(--text,var(--ink)))}.survey-respondents{margin:2px 0 9px 39px;padding-left:11px;border-left:2px solid color-mix(in srgb,var(--green) 28%,var(--line))}.survey-respondents>div{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.survey-respondents>div:first-child{border-top:0}.survey-respondents>div>span{flex:0 0 25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--green);font-size:10px;font-weight:800}.survey-respondents p{min-width:0;flex:1;margin:0}.survey-respondents b,.survey-respondents small{display:block}.survey-respondents b{font-size:11.5px}.survey-respondents small{margin-top:2px;overflow:hidden;text-overflow:ellipsis}.survey-respondents small,.survey-respondents time{color:var(--muted);font-size:10px;white-space:nowrap}.notification-toast.chatbot{border-color:#df6b42;background:color-mix(in srgb,#df6b42 13%,var(--surface,#fff))}.notification-toast.chatbot>span{background:#bc4d29;color:#fff}.notification-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line)}.notification-filters input,.notification-filters select{min-width:0;padding:6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:inherit;font-size:10.5px}.notification-load-more{display:block;margin:12px auto;padding:7px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--green);font-size:11.5px;font-weight:700;cursor:pointer}.notification-group-items{margin:2px 0 9px 39px;padding-left:11px;border-left:2px solid color-mix(in srgb,#df6b42 30%,var(--line))}.notification-group-items>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.notification-group-items>div:first-child{border-top:0}.notification-group-items p{min-width:0;margin:0}.notification-group-items b,.notification-group-items small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-group-items b{font-size:10.5px}.notification-group-items small,.notification-group-items time{color:var(--muted);font-size:9.5px}.notification-group-items button{grid-column:1/-1;width:-moz-max-content;width:max-content;padding:3px 0;border:0;background:transparent;color:color-mix(in srgb,color-mix(in srgb,#df6b42 50%,var(--text)) 72%,var(--text,var(--ink)));font-size:10px;font-weight:750;cursor:pointer}.notification-toast-stack{position:absolute;right:46px;top:-3px;width:310px;height:62px}.notification-toast-stack .notification-toast{right:calc(var(--stack-index) * 8px);top:calc(var(--stack-index) * 8px);z-index:calc(3 - var(--stack-index));transform:rotate(calc((var(--stack-index) - 1) * 1.2deg));transform-origin:right center;transition:opacity .6s ease,transform .6s ease}.notification-toast-stack .notification-toast.notification-toast-leaving{opacity:0;pointer-events:none;transform:translateY(-10px) scale(.98)}.notification-toast-stack .notification-toast:hover{z-index:5;transform:translateY(-3px) rotate(0)}@media (max-width:700px){.notification-toast-stack{position:fixed;top:12px;right:12px;left:12px;width:auto}.notification-toast-stack .notification-toast{position:absolute;left:0;width:100%}}.notification-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-sound-test{padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--green);font-size:10.5px;font-weight:750;cursor:pointer}.notification-sound-test:hover{background:var(--mint)}.notification-panel>header .notification-all-button{flex:none;padding:6px 11px;border:1px solid var(--accent,#1f6f5c);border-radius:8px;background:var(--accent,#1f6f5c);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.notification-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:start;width:100%;padding:10px 14px;border:0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:transparent;color:inherit;text-align:left;cursor:pointer}.notification-row:first-child{border-top:0}.notification-row:hover{background:color-mix(in srgb,var(--accent,#1f6f5c) 6%,transparent)}.notification-row>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,#2f8f6f 16%,var(--surface,#fff));font-size:12px}.notification-row.chatbot>span{background:color-mix(in srgb,#df6b42 18%,var(--surface,#fff));color:#b4532f}.notification-row>div{display:grid;gap:2px;min-width:0}.notification-row em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:var(--muted)}.notification-row b{font-size:13px;line-height:1.3;overflow-wrap:anywhere}.notification-row small{font-size:12px;color:var(--muted)}.notification-row small.who-test{color:color-mix(in srgb,#8a5a00 80%,var(--text,#222))}.notification-row b.guest-quote,.notification-toast b.guest-quote{font-style:italic;font-weight:600}.notification-row time{font-size:11px;color:var(--muted);white-space:nowrap}.notification-row.unread{background:color-mix(in srgb,var(--accent,#1f6f5c) 8%,transparent)}.notification-switch{display:block;margin:8px auto 12px;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface,#fff);color:inherit;font-size:12px;cursor:pointer}.notification-groups{display:grid;gap:8px;padding:10px}.notification-group{border:1px solid var(--line);border-radius:11px;background:var(--surface,#fff);overflow:hidden}.notification-group.chatbot{border-color:color-mix(in srgb,#df6b42 38%,var(--line))}.notification-group-head{display:grid;grid-template-columns:24px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:0 8px;align-items:center;width:100%;padding:10px 12px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.notification-group-head>span{grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--accent,#1f6f5c) 12%,var(--surface,#fff))}.notification-group-head b{font-size:14px}.notification-group-head small{grid-column:2;font-size:12px;color:var(--muted)}.notification-group-head i{grid-column:3;grid-row:1/3;font-style:normal;transition:transform .15s}.notification-group-head i.expanded{transform:rotate(180deg)}.notification-group-rows{border-top:1px solid var(--line)}.notification-all-backdrop{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:16px;background:rgba(10,20,18,.42)}.notification-all{display:flex;flex-direction:column;width:min(760px,100%);max-height:min(88dvh,900px);border-radius:14px;background:var(--surface,#fff);color:var(--text,#1c1c1e);box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}.notification-all>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.notification-all>header>div:first-child{display:grid;gap:2px}.notification-all>header small{font-size:12px;color:var(--muted)}.notification-all-actions{display:flex;align-items:center;gap:6px}.notification-all-actions select{padding:6px;border:1px solid var(--line);border-radius:7px;background:var(--surface,#fff);color:inherit;font-size:12px}.notification-all-close{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit;font-size:18px;cursor:pointer}.notification-analytics{padding:12px 16px;border-bottom:1px solid var(--line)}.notification-analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:12px}.notification-analytics-cards article{padding:9px 11px;border:1px solid var(--line);border-radius:10px}.notification-analytics-cards small{display:block;font-size:11.5px;color:var(--muted)}.notification-analytics-cards b{font-size:20px}.notification-analytics-cards article.chatbot{border-color:color-mix(in srgb,#df6b42 40%,var(--line))}.notification-hours{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;align-items:end;height:110px}.notification-hours>div{display:grid;grid-template-rows:1fr auto;height:100%;min-width:0}.notification-hours i{display:flex;flex-direction:column-reverse;align-self:end;min-height:2px;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--line) 80%,transparent);overflow:hidden}.notification-hours i span.chatbot,.notification-hours-legend span.chatbot{background:#df6b42}.notification-hours i span.survey,.notification-hours-legend span.survey{background:#2f8f6f}.notification-hours small{font-size:10px;color:var(--muted);text-align:center}.notification-hours-legend{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:11.5px;color:var(--muted)}.notification-hours-legend span{display:inline-block;width:10px;height:10px;border-radius:3px}.notification-all-list{overflow:auto;min-height:0}@media(max-width:700px){.notification-all-backdrop{padding:0;place-items:stretch}.notification-all{width:100%;max-height:none;height:100dvh;border-radius:0}.notification-all>header{flex-wrap:wrap}.notification-hours{height:90px}}.release-bell{position:relative;display:flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface,#fff);color:var(--text);font-size:11.5px;cursor:pointer}.release-bell>span{color:var(--green);font-size:16px}.release-bell>i{position:absolute;right:5px;top:5px;width:8px;height:8px;border:2px solid var(--surface,#fff);border-radius:50%;background:#e05245}.releases-page{display:grid;gap:20px;max-width:1050px;margin:0 auto}.releases-page>header{padding:25px 28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,color-mix(in srgb,var(--mint) 78%,var(--surface)),var(--surface))}.releases-page>header small{color:var(--green);font-weight:850;letter-spacing:.12em}.releases-page h2{margin:7px 0;font-size:28px}.release-date p,.release-items p,.releases-page>header p{color:var(--muted);line-height:1.6}.release-card{padding:26px 28px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.release-date time{color:var(--green);font-size:12px;font-weight:750}.release-date h3{margin:6px 0;font-size:21px}.release-card>section{margin-top:25px}.release-card h4{margin:0 0 10px;font-size:14px}.release-items{display:grid;gap:9px}.release-items>article{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.release-items h5{margin:0;font-size:13px}.release-items p{margin:5px 0 0;font-size:12px}.release-items button{flex:none;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--green);font-size:11px;font-weight:750;cursor:pointer}.release-image-pending{display:block;margin-top:8px;color:var(--muted)}.release-state{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.app-version-link{display:block;margin:0 16px 8px;padding:0;border:0;background:transparent;color:var(--nav-muted,#9cb3bb);font-size:10.5px;text-align:left;cursor:pointer}@media(max-width:700px){.release-bell b{display:none}.release-bell{width:38px;padding:0;justify-content:center}.release-card,.releases-page>header{padding:20px 16px}.release-items>article{align-items:flex-start;flex-direction:column}.release-items button{width:100%}}.release-popover-root{position:relative}.release-bell>i{right:-6px;top:-7px;display:grid;width:auto;min-width:18px;height:18px;padding:0 4px;place-items:center;border-radius:10px;color:#fff;font:700 9px/1 sans-serif;font-style:normal}.release-popover{position:absolute;z-index:140;right:0;top:calc(100% + 9px);width:min(390px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff);box-shadow:0 18px 48px rgba(15,40,44,.2);color:var(--text)}.release-popover>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line)}.release-popover>header button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:21px;cursor:pointer}.release-preview-list{display:grid;max-height:430px;overflow:auto}.release-preview-row{display:grid;gap:5px;padding:11px 15px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;cursor:pointer}.release-preview-row:hover{background:var(--surface-soft)}.release-preview-row>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.release-preview-row b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.release-detail time,.release-preview-row time{color:var(--muted);font-size:10px}.release-type{display:inline-flex;padding:3px 7px;border-radius:999px;background:var(--mint);color:var(--green);font:700 9px/1.2 sans-serif;font-style:normal}.release-type.fixes{background:#fff0ed;color:#a83e32}.release-type.tips{background:#fff6d9;color:#846513}.release-type.improvements{background:#edf3ff;color:#315d9b}.release-see-all{width:100%;padding:13px 15px;border:0;background:var(--surface-soft);color:var(--green);font-weight:750;text-align:left;cursor:pointer}.release-see-all span{float:right}.release-detail{padding:18px}.release-detail h3{margin:10px 0 2px;font-size:18px}.release-detail p{margin:14px 0;color:var(--muted);font-size:12px;line-height:1.6}.release-detail img,.release-items img{display:block;max-width:100%;margin-top:12px;border-radius:10px}.release-go{padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--green);font-weight:750;cursor:pointer}@media(max-width:700px){.release-popover{position:fixed;right:0;bottom:0;top:auto;width:100%;max-height:min(82vh,680px);border-radius:18px 18px 0 0;box-shadow:0 -18px 50px rgba(15,40,44,.24)}.release-preview-list{max-height:60vh}}