.ntf-mpick,.ntf-panel{--ntf-text:var(--gs-text,#0e1113);--ntf-soft:var(--gs-soft,#63696f);--ntf-mid:var(--gs-mid,#4b5563);--ntf-line:var(--gs-border,#e6e8ea);--ntf-line-strong:var(--gs-border-strong,#cfd4d8);--ntf-hover:var(--gs-hover,#f1f3f4);--ntf-card:var(--gs-card,#ffffff);--ntf-accent:#2563a8;--ntf-unread-bg:#f1f6fd;--ntf-purchasing:#b45309;--ntf-maintenance:#15803d;--ntf-estimating:#6d28d9}.ntf-btn{position:relative}.ntf-btn__ic{display:inline-flex;transform-origin:50% 3px}.ntf-btn__ic.is-ringing{animation:ntf-ring .9s ease-in-out 1}@keyframes ntf-ring{0%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-13deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.ntf-btn__ic.is-ringing{animation:none}}.ntf-bell{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:9px;border:1px solid transparent;background:none;color:var(--gs-chrome-soft,#b9c0c6);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.ntf-bell.is-open,.ntf-bell:hover,.ntf-btn.is-open:not(.ntf-bell){background:rgba(255,255,255,.1);color:var(--gs-chrome-fg,#f1f3f4)}.ntf-btn:focus-visible{outline:2px solid #8fb4ef;outline-offset:2px}.ntf-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font-size:10.5px;font-weight:700;line-height:18px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:0;box-shadow:0 0 0 2px var(--ntf-ring,#333333);pointer-events:none}.ntf-panel{position:fixed;z-index:200;display:flex;flex-direction:column;overflow:hidden;background:var(--ntf-card);color:var(--ntf-text);border:1px solid var(--ntf-line);border-radius:14px;box-shadow:0 18px 50px rgba(16,24,40,.2),0 2px 6px rgba(16,24,40,.06);font-family:var(--font-display);text-align:left;outline:none;animation:ntf-drop .16s cubic-bezier(.16,1,.3,1)}@keyframes ntf-drop{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}.ntf-panel--sheet{inset:0;width:auto;max-height:none;border:0;border-radius:0;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);animation:ntf-rise .22s cubic-bezier(.16,1,.3,1)}@keyframes ntf-rise{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ntf-panel,.ntf-panel--sheet{animation:none}}.ntf-head{display:flex;align-items:center;gap:6px;padding:14px 12px 6px 18px;flex-shrink:0}.ntf-title{flex:1 1;min-width:0;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--ntf-text)}.ntf-head__acts{display:flex;align-items:center;gap:2px}.ntf-iconbtn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:0;padding:0;background:none;color:var(--ntf-mid);cursor:pointer}.ntf-iconbtn:hover{background:var(--ntf-hover);color:var(--ntf-text)}.ntf-iconbtn--back{margin-left:-8px}.ntf-iconbtn:focus-visible,.ntf-item:focus-visible,.ntf-link:focus-visible,.ntf-more:focus-visible,.ntf-tab:focus-visible{outline:2px solid var(--ntf-accent);outline-offset:-2px}.ntf-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px 8px 14px;flex-shrink:0}.ntf-tabs{display:flex;gap:4px}.ntf-tab{height:32px;padding:0 13px;border-radius:999px;border:0;background:none;color:var(--ntf-text);cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600}.ntf-tab:hover{background:var(--ntf-hover)}.ntf-tab.is-on{background:#e8f0fb;color:var(--ntf-accent)}.ntf-link{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 9px;border-radius:8px;border:0;background:none;color:var(--ntf-accent);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;white-space:nowrap}.ntf-link:hover:not(:disabled){background:var(--ntf-hover)}.ntf-link:disabled{color:var(--ntf-soft);opacity:.55;cursor:default}.ntf-scroll{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 6px 8px}.ntf-sec+.ntf-sec{margin-top:4px}.ntf-sec__h{padding:10px 12px 4px;font-size:13px;font-weight:700;color:var(--ntf-text)}.ntf-list{list-style:none;margin:0;padding:0}.ntf-item{display:grid;grid-template-columns:48px minmax(0,1fr) 12px;align-items:center;grid-gap:12px;gap:12px;padding:9px 10px;border-radius:10px;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.ntf-item:hover{background:var(--ntf-hover)}.ntf-item.is-unread{background:var(--ntf-unread-bg)}.ntf-item.is-unread:hover{background:#e7effa}.ntf-item__face{position:relative;width:48px;height:48px;align-self:start}.ntf-av{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;overflow:hidden;font-size:16px;font-weight:700}.ntf-av,.ntf-av--sys,.ntf-kind{color:#fff}.ntf-kind{position:absolute;right:-3px;bottom:-3px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 2px var(--ntf-card)}.ntf-item.is-unread .ntf-kind{box-shadow:0 0 0 2px var(--ntf-unread-bg)}.ntf-mod--purchasing{background:var(--ntf-purchasing)}.ntf-mod--maintenance{background:var(--ntf-maintenance)}.ntf-mod--estimating{background:var(--ntf-estimating)}.ntf-item__body{display:flex;flex-direction:column;gap:2px;min-width:0}.ntf-item__text{font-size:13.5px;line-height:1.4;color:var(--ntf-mid);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.ntf-item__text strong{font-weight:650;color:var(--ntf-text)}.ntf-item__quote{font-size:13px;line-height:1.4;color:var(--ntf-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.ntf-item__meta{font-size:12px;color:var(--ntf-soft)}.ntf-item.is-unread .ntf-item__meta{color:var(--ntf-accent);font-weight:600}.ntf-dot{width:10px;height:10px;border-radius:50%;background:var(--ntf-accent);justify-self:end}.ntf-more{display:block;width:calc(100% - 12px);margin:6px auto 2px;height:36px;border-radius:9px;border:0;background:var(--ntf-hover);color:var(--ntf-text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.ntf-more:hover:not(:disabled){background:#e7e9eb}.ntf-more:disabled{opacity:.6;cursor:default}.ntf-empty{padding:36px 28px 40px;text-align:center}.ntf-empty__ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;margin-bottom:12px;background:var(--ntf-hover);color:var(--ntf-soft)}.ntf-empty__ic svg{width:24px;height:24px}.ntf-empty__t{font-size:15px;font-weight:650;color:var(--ntf-text)}.ntf-empty__s{margin:6px auto 0;max-width:300px;font-size:13px;line-height:1.5;color:var(--ntf-soft);text-wrap:balance}.ntf-empty__tip{display:inline-block;margin-top:16px;padding:6px 11px;border-radius:999px;background:#e8f0fb;color:var(--ntf-accent);font-size:12.5px;font-weight:600}.ntf-empty__tip b{font-family:var(--font-mono)}.ntf-skel__row{display:grid;grid-template-columns:48px 1fr;grid-gap:12px;gap:12px;align-items:center;padding:10px}.ntf-skel__av{width:48px;height:48px;border-radius:50%;background:var(--ntf-hover)}.ntf-skel__lines{display:flex;flex-direction:column;gap:8px}.ntf-skel__lines span{display:block;height:10px;border-radius:5px;background:var(--ntf-hover)}.ntf-skel__lines span:first-child{width:85%}.ntf-skel__lines span:last-child{width:40%}.ntf-skel .ntf-skel__av,.ntf-skel .ntf-skel__lines span{animation:ntf-pulse 1.2s ease-in-out infinite}@keyframes ntf-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.ntf-skel .ntf-skel__av,.ntf-skel .ntf-skel__lines span{animation:none}}.ntf-scroll--set{padding:0 6px 14px}.ntf-setnote{padding:2px 12px 6px;font-size:13px;line-height:1.5;color:var(--ntf-soft)}.ntf-seterr{margin:4px 12px;padding:8px 10px;border-radius:8px;background:#fdecec;color:#b42318;font-size:13px}.ntf-setsec+.ntf-setsec{margin-top:8px;padding-top:8px;border-top:1px solid var(--ntf-line)}.ntf-seth{padding:8px 12px 4px;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ntf-soft)}.ntf-set{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:10px;cursor:pointer}.ntf-set:hover{background:var(--ntf-hover)}.ntf-set__txt{display:flex;flex-direction:column;gap:2px;min-width:0}.ntf-set__l{font-size:13.5px;font-weight:400;color:var(--ntf-text)}.ntf-set__s{font-size:12.5px;color:var(--ntf-soft);line-height:1.4}.ntf-switch{position:relative;flex-shrink:0;width:40px;height:24px}.ntf-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.ntf-switch__knob{position:absolute;inset:0;border-radius:999px;background:#c9ced3;transition:background-color .15s ease;pointer-events:none}.ntf-switch__knob:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.25);transition:transform .18s cubic-bezier(.16,1,.3,1)}.ntf-switch.is-on .ntf-switch__knob{background:var(--ntf-accent)}.ntf-switch.is-on .ntf-switch__knob:after{transform:translateX(16px)}.ntf-switch input:focus-visible+.ntf-switch__knob{outline:2px solid var(--ntf-accent);outline-offset:2px}.ntf-switch input:disabled{cursor:progress}@media (prefers-reduced-motion:reduce){.ntf-switch__knob,.ntf-switch__knob:after{transition:none}}.ntf-mpick{position:fixed;z-index:210;max-height:264px;overflow-y:auto;overscroll-behavior:contain;padding:5px;margin:0;list-style:none;background:var(--ntf-card);color:var(--ntf-text);border:1px solid var(--ntf-line);border-radius:12px;box-shadow:0 14px 36px rgba(16,24,40,.18),0 2px 5px rgba(16,24,40,.06);font-family:var(--font-display);text-align:left}.ntf-mpick__h{padding:6px 9px 4px;font-size:11.5px;font-weight:650;color:var(--ntf-soft);letter-spacing:.02em}.ntf-mpick__opt{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border-radius:8px;border:0;background:none;cursor:pointer;font-family:inherit;font-size:13.5px;color:var(--ntf-text);text-align:left}.ntf-mpick__opt.is-on{background:#e8f0fb}.ntf-mpick__av{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;overflow:hidden;font-size:10.5px;font-weight:700;color:#fff}.ntf-mpick__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ntf-mpick__name mark{background:none;color:inherit;font-weight:700}.ntf-mpick__none{padding:9px 10px;font-size:13px;color:var(--ntf-soft)}.ntf-mtag{display:inline;padding:0 3px;margin:0 -1px;border-radius:4px;background:#e8f0fb;color:#1d4f8c;font-weight:600;-webkit-box-decoration-break:clone;box-decoration-break:clone}.ntf-mtag.is-me{background:#fdf0d8;color:#8a4b06}