.notification-entry{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;color:inherit;text-decoration:none;min-width:36px;min-height:40px;border-radius:6px;border:0;background:transparent;font:inherit;cursor:pointer}
.sidebar .notification-entry{flex-direction:column;font-size:11px;gap:2px}.topbar .notification-label{display:none}
.notification-entry:hover,.notification-entry[aria-expanded=true]{background:var(--accent2,var(--hover,#6683a51a))}.notification-number{position:absolute;top:0;right:0;background:#a13b35;color:white;border-radius:12px;min-width:17px;padding:1px 4px;font:600 10px/16px system-ui;text-align:center}.notification-number[hidden]{display:none}
.notification-surface,.notification-page,.notification-target{--nt-bg:var(--paper,var(--surface,#f5f2e9));--nt-soft:var(--paper2,var(--hover,#eeeee3));--nt-ink:var(--ink,var(--text,#303d34));--nt-muted:var(--ink2,var(--muted,#63695d));--nt-line:var(--rule,var(--border,#d8dbcd));--nt-accent:var(--accent,#425b46);color:var(--nt-ink);background:var(--nt-bg);font:14px/1.5 -apple-system,"Apple SD Gothic Neo","Pretendard",sans-serif}
.notification-surface *,.notification-page *{box-sizing:border-box}.notification-surface [hidden],.notification-page [hidden]{display:none!important}
.notification-surface button,.notification-page button,.notification-target button{font:inherit;color:var(--nt-ink);background:var(--nt-bg);border:1px solid var(--nt-line);border-radius:6px;min-height:36px;padding:7px 12px;cursor:pointer}
.notification-surface button:hover,.notification-page button:hover{background:var(--nt-soft)}.notification-surface button:disabled,.notification-page button:disabled{opacity:.5;cursor:wait}
.notification-surface a,.notification-page a{color:var(--nt-accent)}.notification-surface :focus-visible,.notification-page :focus-visible{outline:2px solid var(--nt-accent);outline-offset:3px}
.notification-surface .primary,.notification-page button.primary{background:var(--nt-accent);color:var(--on-accent,#fff);border-color:var(--nt-accent)}
dialog.notification-surface{position:fixed;padding:0;border:1px solid var(--nt-line);border-radius:12px;box-shadow:0 12px 40px #0003;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
#notification-panel{inset:auto;margin:0;width:390px;overflow:hidden}#notification-panel[open]{display:flex;flex-direction:column}#notification-panel::backdrop{background:transparent}
.notification-panel-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--nt-line);flex-shrink:0}
.notification-panel-head h2{margin:0 auto 0 0;font-size:18px;line-height:1.4;font-weight:650}.notification-panel-head .notification-icon{display:flex;align-items:center;justify-content:center;width:36px;min-height:36px;padding:0;border:0;background:transparent;border-radius:6px;text-decoration:none;color:var(--nt-muted);font-size:24px}.notification-icon:hover{background:var(--nt-soft)}
.notification-panel-body{overflow:auto;overscroll-behavior:contain;min-height:130px}.notification-counts{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:12px 16px;color:var(--nt-muted);font-size:12px;border-bottom:1px solid var(--nt-line)}.notification-counts b{margin-left:3px;color:var(--nt-ink);font-variant-numeric:tabular-nums}
.notification-item{display:flex;align-items:center;gap:4px;padding:4px 12px;border-bottom:1px solid var(--nt-line)}.notification-item:last-child{border-bottom:0}.notification-item button.notification-item-open{border:0;display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0;text-align:left;padding:12px 4px;border-radius:4px}.notification-kind{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--nt-soft);color:var(--nt-accent);border-radius:8px;font-weight:600}.notification-item-open>span:last-child{min-width:0}.notification-item strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.5}.notification-item small,.notification-item time{display:block;color:var(--nt-muted);font-size:12px;margin-top:4px;overflow-wrap:anywhere}.notification-item time{font-size:11px;margin-top:3px}.notification-item button.notification-read{padding:4px;min-width:34px;flex:none;border:0;color:var(--nt-muted)}
.notification-empty{text-align:center;padding:32px 22px 38px}.notification-empty>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;margin:0 auto 14px;border-radius:50%;background:var(--nt-soft);color:var(--nt-accent);font-size:20px}.notification-empty strong{font-size:16px;display:block}.notification-empty p{font-size:13px;color:var(--nt-muted);line-height:1.65;margin:8px 0 0}
.notification-panel-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 16px;border-top:1px solid var(--nt-line);flex-shrink:0}.notification-panel-foot button{font-size:12px;min-height:32px}.notification-hint{font-size:13px;line-height:1.65;color:var(--nt-muted)}[data-inbox-status]:empty{display:none}[data-inbox-status]{margin:12px 16px;color:var(--nt-muted);font-size:13px}
body.notification-page{margin:0;height:auto;min-height:100dvh;overflow:auto;background:var(--nt-bg)}.notification-page main{max-width:780px;margin:0 auto;padding:28px 24px 70px}.notification-page .notification-back{display:inline-block;text-decoration:none;font-size:13px;margin-bottom:20px}.notification-page header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.notification-page header h1{margin:0 auto 0 0;font-size:26px;letter-spacing:-.5px}.notification-page header a{font-size:13px}.notification-page section{border:1px solid var(--nt-line);border-radius:10px;padding:22px;margin:18px 0}.notification-page h2{font-size:18px;margin:0 0 14px}.notification-page h3{font-size:14px;margin:20px 0 10px}.notification-page p{margin:10px 0}.notification-page .hint{font-size:13px;color:var(--nt-muted);line-height:1.65;background:none}
.notification-tabs{display:flex;gap:24px;border-bottom:1px solid var(--nt-line);margin-bottom:22px}.notification-tabs a{padding:0 0 11px;text-decoration:none;color:var(--nt-muted);font-size:14px}.notification-tabs a[aria-current=page]{color:var(--nt-accent);font-weight:600;border-bottom:2px solid var(--nt-accent)}
.notification-page .form-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.notification-page .checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;margin:14px 0}.notification-page label,.notification-reminder label{display:flex;align-items:center;gap:8px;min-height:32px}.notification-page input[type=checkbox],.notification-reminder input[type=checkbox]{width:18px;height:18px;accent-color:var(--nt-accent)}
.notification-page input:not([type=checkbox]),.notification-page select,.notification-reminder input:not([type=checkbox]),.notification-reminder select{font:inherit;border:1px solid var(--nt-line);border-radius:6px;padding:8px;max-width:100%;min-width:0;background:var(--nt-bg);color:var(--nt-ink)}.notification-page #device-name{flex:1}.notification-page .notice{padding:12px 14px;border-radius:6px;background:var(--nt-soft);font-size:13px}
.notification-page .notification-device{flex-wrap:wrap}.notification-page .device-actions{display:flex;gap:6px;flex-wrap:wrap}.notification-page .device-connection-info{margin:8px 0 0;font-size:12px;color:var(--nt-muted)}.notification-page .device-connection-info summary{font-size:12px}.device-connection-info p{margin:7px 0;line-height:1.6}.device-name-editor{flex-basis:100%;min-width:0}.device-name-editor input{flex:1;width:100%}.device-name-editor small{display:block;margin-top:8px;color:var(--nt-muted)}
.notification-page #notice{position:sticky;top:8px;z-index:2;padding:12px 14px;border-radius:6px;background:var(--nt-soft);font-size:13px}.notification-page #notice:empty{display:none}.notification-page .item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--nt-line)}.notification-page .item:last-child{border-bottom:0}.notification-page .item-content{flex:1;min-width:0;overflow-wrap:anywhere}.notification-page .item-content small{display:block;color:var(--nt-muted);font-size:12px;margin-top:5px}.current-device{font-size:11px;color:var(--nt-accent);margin-left:10px;padding:3px 6px;border-radius:5px;background:var(--nt-soft)}.notification-page .save-row{text-align:right;margin-top:20px}.notification-page details{margin:20px 0}.notification-page summary{cursor:pointer;font-size:14px}.notification-page .channel-row{padding:14px 0;border-bottom:1px solid var(--nt-line)}.notification-page .channel-row select{font-size:13px}.notification-page section.notification-inbox-page{padding:0;overflow:hidden}
.notification-reminder{width:430px}.notification-reminder::backdrop{background:#0004}.notification-reminder-body{padding:0 20px 8px}.notification-reminder #reminder-title{font-size:17px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}.notification-reminder #reminder-fields{display:grid;gap:12px;margin:20px 0}.notification-reminder #reminder-fields label{justify-content:space-between;flex-wrap:wrap}.notification-reminder #reminder-status{color:var(--nt-muted);font-size:13px}.notification-reminder .notification-off{margin-top:20px}.notification-reminder a{font-size:13px}.notification-reminder footer{padding-right:0;padding-left:0;margin-top:20px}
.notification-target{position:fixed;z-index:12000;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:14px 18px;box-shadow:0 4px 24px #0003;border:1px solid var(--nt-line);border-radius:10px;max-width:calc(100vw - 32px)}.notification-target span{min-width:0;overflow-wrap:anywhere}.notification-target button{white-space:nowrap}.notification-focus{outline:2px solid var(--accent,#527da3)!important;outline-offset:3px}
@media(max-width:540px){.notification-page main{padding:20px 16px 40px}.notification-page section{padding:16px}.notification-page header h1{font-size:23px}.notification-page .checks{grid-template-columns:1fr}.notification-page .item{align-items:flex-start;flex-wrap:wrap}.notification-page .item-content{flex-basis:65%}.notification-page .current-device{display:inline-block;margin:5px 0 0 6px}.notification-target{width:calc(100vw - 24px);flex-wrap:wrap}.notification-target span{flex-basis:100%}#notification-panel{width:calc(100vw - 24px)}}
/* Notification preferences: explicit On/Off and nearby persistence feedback. */
.notification-settings-page main{padding-bottom:130px}
.notification-settings-page .checks{grid-template-columns:1fr;gap:0}
.notification-setting{min-width:0;padding:9px 0;border-bottom:1px solid var(--nt-line)}
.notification-setting:last-child{border-bottom:0}
.notification-setting label{justify-content:space-between;min-height:44px;line-height:1.5}
.notification-switch{cursor:pointer;width:100%}
.notification-switch>span:first-child{flex:1;min-width:0}
.switch-control{position:relative;display:inline-flex;align-items:center;gap:9px;flex:none;min-height:44px}
.notification-page .switch-control input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.switch-track{position:relative;width:42px;height:25px;flex:none;border:1px solid var(--nt-muted);border-radius:20px;background:var(--nt-soft)}
.switch-track::after{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:var(--nt-muted)}
.switch-control input:checked+.switch-track{background:var(--nt-accent);border-color:var(--nt-accent)}
.switch-control input:checked+.switch-track::after{transform:translateX(17px);background:var(--on-accent,#fff)}
.switch-control input:focus-visible+.switch-track{outline:2px solid var(--nt-accent);outline-offset:4px}
.switch-value{font-size:13px;font-weight:650;min-width:24px;color:var(--nt-muted)}
.switch-on{display:none}.switch-control input:checked~.switch-value .switch-on{display:inline;color:var(--nt-accent)}
.switch-control input:checked~.switch-value .switch-off{display:none}
.notification-setting .setting-status{display:block;min-height:18px;font-size:12px;text-align:right;color:var(--nt-muted)}
.notification-setting[data-save-state=saved] .setting-status{color:var(--nt-accent)}
.notification-setting[data-save-state=error] .setting-status{color:var(--danger,#a13b35);font-weight:600}
.notification-page .device-output-settings{flex-basis:100%;min-width:0;margin:0;padding-top:6px}
.device-output-area{padding:0 8px}.device-output-area .setting-status:empty{display:none}
.device-output-area input:disabled~.switch-track{opacity:.5}
.notification-page .device-permission p{margin:0 0 10px}
.notification-page .device-permission a{display:inline-block;margin-top:8px}
.notification-page .device-list-info{margin:12px 0;color:var(--nt-muted)}
.notification-help li{margin:10px 0;line-height:1.7}.notification-help ol{padding-left:24px}
.notification-help .help-links{display:flex;flex-wrap:wrap;gap:10px 20px}
.notification-settings-page .form-row>.notification-setting{flex:1 1 170px}
.notification-settings-page .form-row>.notification-setting label{flex-wrap:wrap}
.notification-settings-page #calendars .notification-setting label{flex-wrap:wrap}
.notification-settings-page #push-connection p{margin:6px 0;font-size:13px}
.notification-save-feedback{position:fixed;z-index:10;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(732px,calc(100% - 32px));display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--nt-line);border-radius:10px;background:var(--nt-bg);color:var(--nt-muted);box-shadow:0 4px 20px #0002;font-size:13px;line-height:1.5}
.notification-save-feedback>span{flex:1;min-width:0;overflow-wrap:anywhere}
.notification-save-feedback button{flex:none;min-height:44px}
.notification-save-feedback[data-state=saved]{color:var(--nt-accent);border-color:var(--nt-accent)}
.notification-save-feedback[data-state=error]{color:var(--danger,#a13b35);border-color:currentColor}
@media(max-width:540px){.notification-settings-page main{padding-bottom:145px}.notification-settings-page section{padding:16px}.notification-setting label{gap:12px}}
/* 기기 관리: 지금 이 브라우저 상태, 접힌 줄 요약(사이트·연결한 날·상태 표시), 펼친 줄의 연결 해제…, 해제 확인 */
.notification-page .device-state{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:5px;font-size:12px;font-weight:600;vertical-align:middle;background:var(--nt-soft);color:var(--nt-muted)}
.notification-page .device-state[data-state=off]{background:color-mix(in srgb,#d9822b 18%,var(--nt-bg));color:#7a4a12}
.notification-page .device-state[data-state=on]{background:color-mix(in srgb,var(--nt-accent) 14%,var(--nt-bg));color:var(--nt-accent)}
.notification-page .notification-device{display:block;padding:0}
.notification-page .notification-device>.device-output-settings{padding:0}
.notification-page .device-summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 0;cursor:pointer;list-style:none}
.notification-page .device-summary::-webkit-details-marker{display:none}
.notification-page .device-summary::after{content:'⌄';color:var(--nt-muted);font-size:15px;line-height:1}
.notification-page details[open]>.device-summary::after{content:'⌃'}
.notification-page .device-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.notification-page .device-name-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.notification-page .device-title small{color:var(--nt-muted);font-size:12px}
.notification-page .device-unnamed{color:var(--nt-muted)}
.notification-page .current-device,.notification-page .device-name-hint{padding:1px 6px;border-radius:5px;font-size:11px;font-weight:600}
.notification-page .current-device{background:color-mix(in srgb,var(--nt-accent) 14%,var(--nt-bg));color:var(--nt-accent)}
.notification-page .device-name-hint{background:color-mix(in srgb,#d9822b 18%,var(--nt-bg));color:#7a4a12}
.notification-page .device-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.notification-page .device-chip{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--nt-soft);color:var(--nt-muted)}
.notification-page .device-chip[data-on=true]{background:color-mix(in srgb,var(--nt-accent) 14%,var(--nt-bg));color:var(--nt-accent)}
.notification-page .device-chip[data-warn=true]{background:color-mix(in srgb,#d9822b 18%,var(--nt-bg));color:#7a4a12}
.notification-page .device-output-settings>.device-actions{display:flex;align-items:center;gap:8px;padding:10px 0 14px}
.notification-page .device-actions-gap{flex:1}
.notification-page .device-disconnect{color:var(--danger,#a13b35);border-color:currentColor}
.notification-page .device-name-editor{padding:0 0 14px}
.device-confirm{max-width:min(420px,calc(100vw - 32px));padding:18px 20px;border:1px solid var(--nt-line,#ccc);border-radius:12px;background:var(--nt-bg,#fff);color:var(--nt-ink,#222)}
.device-confirm::backdrop{background:#0006}
.device-confirm h2{margin:0 0 8px;font-size:17px}.device-confirm p{margin:0 0 14px;line-height:1.6}
.device-confirm .form-row{justify-content:flex-end;gap:8px}
.device-confirm .device-confirm-danger{background:var(--danger,#a13b35);color:#fff;border-color:var(--danger,#a13b35);font-weight:700}
@media(max-width:540px){.notification-page .device-summary{flex-wrap:wrap}.notification-page .device-chips{justify-content:flex-start;flex-basis:100%;order:3}}
/* 알림함: 실패 때만 보이는 상태 줄, 처음 불러오는 동안 자리 표시, 연결 전 빈 화면 */
.notification-inbox-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;background:color-mix(in srgb,var(--danger,#a13b35) 10%,var(--nt-bg));color:var(--danger,#a13b35);font-size:12px;border-bottom:1px solid color-mix(in srgb,var(--danger,#a13b35) 30%,transparent)}
.notification-inbox-alert[hidden]{display:none}
.notification-inbox-alert span{flex:1;line-height:1.5}
.notification-inbox-alert button{flex-shrink:0;font-size:12px;color:var(--danger,#a13b35);border-color:currentColor;background:var(--nt-bg)}
.notification-panel-body.is-stale .notification-items{opacity:.55}
.notification-loading{display:flex;flex-direction:column;gap:10px;padding:16px}
.notification-loading small{color:var(--nt-muted);font-size:12px}
.notification-loading span{display:block;height:48px;border-radius:8px;background:color-mix(in srgb,var(--nt-muted) 13%,transparent)}
.notification-unlinked>span{color:#8a4f12}
.notification-unlinked form{margin:14px 0 8px;text-align:left}
.notification-unlinked label{display:block;font-size:12px;color:var(--nt-muted);margin-bottom:4px}
.notification-connect-row{display:flex;gap:6px}.notification-connect-row input{flex:1;min-width:0}
.notification-unlinked small{display:block;color:var(--nt-muted);font-size:12px}
/* 알림 항목: 대화 알림은 보낸 사람 아바타(모서리에 종류) · 누가 무엇을 · 본문 두 줄 · 장소와 시각 */
.notification-avatar{position:relative;flex-shrink:0;width:34px;height:34px}
.notification-avatar>img,.notification-avatar>span{display:flex;width:34px;height:34px;border-radius:9px;align-items:center;justify-content:center;object-fit:cover;color:#fff;font-weight:700;font-size:14px}
.notification-avatar>i{position:absolute;right:-5px;bottom:-5px;display:flex;width:18px;height:18px;border-radius:9px;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:700;background:var(--nt-bg);color:var(--nt-ink);border:1px solid var(--nt-line)}
.notification-item-person .notification-item-open>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.notification-lead{font-size:13px;line-height:1.45}.notification-lead b{font-weight:700}
.notification-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:13px;color:var(--nt-ink);opacity:.85}
.notification-place{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;font-size:11px;color:var(--nt-muted)}
.notification-place time{font-size:inherit}
.notification-lock svg{width:12px;height:12px;vertical-align:-1px;margin-right:2px}
.notification-kind[data-group]{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.notification-kind[data-group=planner]{background:color-mix(in srgb,#2d5a7b 14%,var(--nt-bg));color:#2d5a7b}
.notification-kind[data-group=requests]{background:color-mix(in srgb,#d9822b 18%,var(--nt-bg));color:#8a4f12}
.dark .notification-kind[data-group=planner]{color:#9cc3e0}.dark .notification-kind[data-group=requests]{color:#f0bf86}
.notification-place time{margin:0;display:inline}
/* 알림함 묶음: 이 기기 줄, 걸러 보기 단추, 묶음 머리글과 모두 확인, 내 활동으로 잇기 */
.notification-device-line{margin:0;padding:8px 16px 0;font-size:11px;color:var(--nt-muted)}
.notification-filters{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--nt-line)}
.notification-filters button{min-height:32px;padding:0 12px;border-radius:16px;font-size:12px}
.notification-filters button[aria-pressed=true]{background:var(--nt-accent);color:var(--on-accent,#fff);border-color:var(--nt-accent)}
.notification-group h3{display:flex;align-items:center;justify-content:space-between;margin:0;padding:10px 16px 2px;font-size:11px;font-weight:700;color:var(--nt-muted)}
.notification-group h3 button{border:0;background:none;min-height:32px;padding:0 4px;font-size:12px;font-weight:600;color:var(--nt-accent)}
.notification-group+.notification-group{border-top:1px solid var(--nt-line)}
.notification-group-more{display:block;padding:8px 16px 12px;font-size:12px;font-weight:600}
.notification-item .notification-read{flex-shrink:0;min-width:44px;min-height:44px}

/* 알림 허용 도움말 1단계 — 맨 위 '지금 이 브라우저' 칸, 나머지는 접은 안내, 새 창이면 '창 닫고 돌아가기' */
.notification-help .help-close{margin-bottom:20px;min-height:44px}
.notification-help .help-mine{border:1.5px solid var(--nt-accent);border-radius:12px;padding:18px 20px;margin:0 0 18px}
.notification-help .help-mine[data-tone=warn]{border-color:#C46A2B}
.notification-help .help-mine p{margin:6px 0}
.notification-help .help-mine-label{font-size:12px;font-weight:700;color:var(--nt-muted);margin:0!important}
.notification-help .help-mine-who{font-size:16px;font-weight:700;overflow-wrap:anywhere}
.notification-help .help-mine-state{display:inline-block;font-size:13px;font-weight:700;border-radius:99px;padding:2px 12px;background:var(--nt-soft);color:var(--nt-accent)}
.notification-help .help-mine[data-tone=warn] .help-mine-state{background:#FFF1E8;color:#8A3B12}
html.dark .notification-help .help-mine[data-tone=warn] .help-mine-state{background:#3A2A1F;color:#F2C4A2}
.notification-help .help-steps{margin:10px 0 0}
.notification-help details.help-more{border:1px solid var(--nt-line);border-radius:10px;margin:12px 0;padding:0 18px}
.notification-help details.help-more>summary{min-height:48px;display:flex;align-items:center;font-size:15px;font-weight:600}
.notification-help details.help-more section{border:0;padding:0 0 8px;margin:8px 0 14px}
.notification-help details.help-more .help-links{margin:4px 0 8px}
/* 도움말 2단계 — 주소창 그림, 작은 안내 줄 */
.notification-help .help-note{font-size:13px;color:var(--nt-muted);line-height:1.65}
.notification-help .help-mine .help-steps>li{margin:10px 0}
.notification-help .help-pic{margin:10px 0 4px;max-width:420px;border:1px solid var(--nt-line);border-radius:10px;background:var(--nt-soft);padding:8px;display:flex;flex-direction:column;gap:6px}
.notification-help .help-pic-bar{display:flex;align-items:center;gap:8px;background:var(--nt-bg);border-radius:99px;padding:4px 12px 4px 4px;font-size:12px;min-width:0}
.notification-help .help-pic-icon{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;outline:2px solid #D9822B;color:var(--nt-ink)}
.notification-help .help-pic-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notification-help .help-pic-pop{align-self:flex-start;margin-left:12px;display:flex;gap:20px;background:var(--nt-bg);border:1px solid var(--nt-line);border-radius:8px;padding:6px 12px;font-size:12px}
.notification-help .help-pic-pop b{color:var(--nt-accent)}
.notification-help details.help-more h3{font-size:14px;margin:14px 0 4px}
/* 도움말 3단계 — 연결·테스트 한 단추, '배너가 보였나요?', 폰 누르는 곳 44px, 화면 읽기용 쉼표 */
.notification-page .help-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.notification-help .help-actions,.notification-page .test-check-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}
.notification-help .help-actions button,.notification-page .test-check-actions button{min-height:44px;padding:0 16px;font-weight:600}
.notification-help .help-flow-msg:empty,.notification-page .test-check-msg:empty{display:none}
.notification-help .help-flow-msg,.notification-page .test-check-msg{font-size:13px;color:var(--nt-muted)}
.notification-page .test-check{flex-basis:100%;border-top:1px solid var(--nt-line);margin-top:12px;padding-top:12px}
.notification-page .test-check p{margin:6px 0}
.notification-page .test-check-done b{color:var(--nt-accent)}
.notification-page .test-check [data-focus]:focus{outline:none}
.notification-help a[target=_blank],.notification-help .help-links a{display:inline-flex;align-items:center;min-height:44px}
.notification-help .help-links{gap:0 20px}
.notification-help .help-close{min-height:44px}
@media (max-width:600px){.notification-help main{padding:16px 16px 48px}.notification-help header{margin-bottom:14px}.notification-help .help-close{margin-bottom:12px}.notification-help .help-mine{padding:14px 16px}}
.notification-help .notification-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px}

/* 알림 설정 2단계 8번 A — 저장 띠는 저장을 확인하지 못했을 때(와 처음 불러올 때)만. 성공은 줄 옆 '저장됨'. 대화별 알림 창은 지금처럼 띠를 쓴다 */
html:not(.conversation-notifications) .notification-save-feedback:not([data-state=error]):not([data-state=loading]){display:none}
.notification-setting[data-save-state=saved] .setting-status{font-weight:600}

/* 알림 설정 3단계 7번 A — 시각은 그 알림 바로 아래 들여 쓴 줄, 드문 설정은 '더 보기' */
.notification-subsetting{padding-left:18px;border-bottom-style:dashed}
.notification-subsetting label{min-height:38px;font-size:13px;color:var(--nt-muted)}
.planner-more{margin:10px 0 0}
.planner-more>summary{cursor:pointer;min-height:40px;padding-top:8px;font-weight:600}
.planner-more>summary span{font-weight:400;color:var(--nt-muted);font-size:12.5px}