.pk-notification-page{margin:0;background:#f6f5f2;color:#292725;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.65;padding-bottom:90px}
.pk-notification-page .pk-top-header{z-index:2100}
.pk-notification-page .pk-top-header #accountPopup{top:calc(100% + 18px);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px - env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
.pk-notification-inbox{min-height:100vh;min-height:100dvh}
.pk-notification-inbox #accountPopup{position:fixed;top:60px;right:20px;max-width:calc(100vw - 40px);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;z-index:2100;transition:opacity .2s ease,transform .2s ease}
.pk-notification-shell{width:calc(100% - 32px);max-width:760px;margin:28px auto 0}
.pk-notification-heading{margin-bottom:22px}
.pk-notification-heading h1{font-size:clamp(24px,5vw,32px);margin:12px 0}
.pk-notification-heading a,.pk-notification-card a{color:#445a49}
.pk-notification-card{background:#fff;border:1px solid #e5e2dd;border-radius:16px;padding:20px;margin:14px 0;overflow-wrap:anywhere}
.pk-notification-card h2{font-size:19px;margin:0 0 10px}
.pk-notification-card h3{font-size:16px;margin:0}
.pk-notification-card p{margin:10px 0}
.pk-notification-card label{display:block;margin:12px 0}
.pk-notification-card input:not([type=checkbox]):not([type=hidden]){display:block;box-sizing:border-box;width:100%;min-height:44px;padding:9px;border:1px solid #c9c6bf;border-radius:8px;background:#fff;color:#292725;font-size:16px}
.pk-notification-card button,.pk-notification-primary,.pk-notification-heading button{min-height:44px;padding:9px 15px;border:1px solid #d7d4ce;border-radius:10px;background:#fff;color:#292725;font:inherit;cursor:pointer}
.pk-notification-card .pk-notification-primary{background:#405848;border-color:#405848;color:#fff}
.pk-notification-card button:disabled{opacity:.55;cursor:default}
.pk-notification-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.pk-notification-actions form{margin:0}
.pk-notification-preferences{padding:0;margin:0;border:0;min-width:0}
.pk-preference-row{padding:15px 0;border-bottom:1px solid #eeeae4}
.pk-preference-options{display:flex;flex-wrap:wrap;gap:8px 18px}
.pk-preference-options label{display:flex;align-items:center;gap:7px;min-height:44px;margin:3px 0}
.pk-preference-options input{width:20px;height:20px;accent-color:#405848}
.pk-notification-note,.pk-notification-meta{font-size:13px;color:#625f59}
.pk-comment-reply{min-height:44px;padding:8px 13px;color:#405848;background:#fff;border:1px solid #d7d4ce;border-radius:8px;font:inherit;cursor:pointer}
.pk-reply-context{font-size:13px;color:#625f59}
[id^="comment-"]{scroll-margin-top:90px}
[id^="comment-"]:target{outline:2px solid #779781;outline-offset:4px}
.pk-notification-unread{border-left:4px solid #587563}
.pk-notification-count{display:inline-block;background:#edf3ed;border-radius:20px;padding:2px 10px;font-size:12px}
.pk-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pk-notification-page :focus-visible{outline:3px solid #779781;outline-offset:3px}
@media(min-width:600px){.pk-preference-row{display:grid;grid-template-columns:1fr 2fr;align-items:center}.pk-notification-shell{margin-top:44px}}