:root {color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;background:#f4f7fb;color:#172033}
* {box-sizing:border-box}
html,body {min-height:100%;margin:0}
body {background:#f4f7fb;-webkit-tap-highlight-color:transparent}
button,a {font:inherit}
a {color:inherit;text-decoration:none}
#portal-push-app-shell {min-height:100vh}
.portal-push-has-bottom-navigation #portal-push-app-shell {padding-bottom:76px}
#portal-push-app-head {position:sticky;z-index:20;top:0;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:56px;padding:0 8px;color:#fff;background:var(--portal-push-theme);box-shadow:0 2px 14px rgba(15,23,42,.16)}
.portal-push-safe-area #portal-push-app-head {padding-top:env(safe-area-inset-top);min-height:calc(56px + env(safe-area-inset-top))}
#portal-push-app-head h1 {overflow:hidden;margin:0;font-size:17px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.portal-push-head-button {display:grid;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:30px;line-height:1;place-items:center;cursor:pointer}
.portal-push-head-button .material-icons-round {font-size:25px;font-weight:400}
.portal-push-head-button:active {background:rgba(255,255,255,.15)}
#portal-push-app-content {width:min(100%,720px);margin:0 auto;padding:20px 16px 34px}
.portal-push-welcome {padding:26px;border-radius:22px;color:#fff;background:linear-gradient(145deg,var(--portal-push-theme),#111d4a);box-shadow:0 18px 40px rgba(23,32,51,.18)}
.portal-push-welcome h2 {margin:14px 0 9px;font-size:25px;line-height:1.3}
.portal-push-welcome p {margin:0;line-height:1.7;opacity:.84}
.portal-push-badge {display:inline-flex;padding:6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.12);font-size:11px;font-weight:800;letter-spacing:.12em}
.portal-push-app-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.portal-push-app-grid article,.portal-push-app-card {padding:18px;border:1px solid #e3e9f2;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.045)}
.portal-push-app-grid span {display:block;margin-bottom:9px;color:#718096;font-size:12px}
.portal-push-app-grid strong {font-size:16px}
.portal-push-app-card h3 {margin:0 0 12px;font-size:17px}
.portal-push-app-card ul {margin:0;padding-left:20px;color:#526079;line-height:1.9}
#portal-push-app-nav {position:fixed;z-index:20;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:space-around;min-height:64px;border-top:1px solid #e1e7f0;background:rgba(255,255,255,.96);box-shadow:0 -8px 24px rgba(15,23,42,.06);backdrop-filter:blur(12px)}
.portal-push-safe-area #portal-push-app-nav {padding-bottom:env(safe-area-inset-bottom);min-height:calc(64px + env(safe-area-inset-bottom))}
#portal-push-app-nav a {display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;gap:4px;max-width:160px;color:#69758b;font-size:11px;font-weight:700}
#portal-push-app-nav a[aria-current=page] {color:var(--portal-push-theme)}
#portal-push-app-nav span {font-family:"Material Icons Round";font-size:22px;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}
.portal-push-quick-drawer {position:fixed;z-index:29;right:4px;top:50%;display:flex;width:86px;max-height:calc(100vh - 150px);padding:6px 3px 9px;overflow-y:auto;border-radius:22px;background:rgba(50,57,70,.92);box-shadow:0 18px 48px rgba(15,23,42,.3);opacity:.35;transform:translate(120%,-50%);transition:transform .22s ease,opacity .22s ease;flex-direction:column;scrollbar-width:none}
.portal-push-quick-drawer::-webkit-scrollbar {display:none}
.portal-push-quick-close {display:grid;align-self:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:#fff;font-size:22px;line-height:1;place-items:center;cursor:pointer;transition:opacity .15s ease,transform .15s ease}
.portal-push-quick-close:active {opacity:.65;transform:scale(.94)}
.portal-push-quick-divider {display:block!important;width:calc(100% - 8px)!important;height:1px!important;margin:2px 4px 5px!important;background:rgba(255,255,255,.38)!important;box-shadow:none!important}
.portal-push-quick-drawer a {display:flex;align-items:center;justify-content:center;min-height:68px;color:#fff;flex:0 0 68px;flex-direction:column;text-align:center}
.portal-push-quick-drawer a span {display:grid;width:38px;height:38px;border-radius:13px;background:#fff;color:var(--portal-push-theme);font-family:"Material Icons Round";font-size:20px;font-weight:400;font-style:normal;box-shadow:0 5px 14px rgba(15,23,42,.15);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";place-items:center}
.portal-push-quick-drawer strong {display:block;overflow:hidden;width:100%;margin-top:4px;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.portal-push-quick-open .portal-push-quick-drawer {opacity:1;transform:translate(0,-50%)}
.portal-push-native #portal-push-app-head,.portal-push-native #portal-push-app-nav {display:none!important}
.portal-push-native #portal-push-app-shell {padding-bottom:0!important}
.portal-push-native .portal-push-quick-drawer {display:none}
@media (max-width:360px) {.portal-push-welcome{padding:21px}.portal-push-app-grid{grid-template-columns:1fr}}
.portal-push-notification-center {margin:-20px -16px -34px;background:#fff}
.portal-push-notification-tabs {position:sticky;z-index:10;top:56px;display:flex;overflow-x:auto;border-bottom:1px solid #e5eaf1;background:rgba(255,255,255,.97);scrollbar-width:none}
.portal-push-safe-area .portal-push-notification-tabs {top:calc(56px + env(safe-area-inset-top))}
.portal-push-native .portal-push-notification-tabs,.portal-push-native.portal-push-safe-area .portal-push-notification-tabs {top:0}
.portal-push-notification-tabs::-webkit-scrollbar {display:none}
.portal-push-notification-tabs a {position:relative;display:flex;align-items:center;justify-content:center;flex:1;gap:5px;min-width:84px;height:54px;padding:0 8px;color:#667085;font-size:14px;font-weight:700;white-space:nowrap}
.portal-push-notification-tabs a:after {position:absolute;right:16px;bottom:0;left:16px;height:3px;border-radius:3px 3px 0 0;background:transparent;content:""}
.portal-push-notification-tabs a.is-current {color:var(--portal-push-theme)}
.portal-push-notification-tabs a.is-current:after {background:var(--portal-push-theme)}
.portal-push-notification-tabs b {display:grid;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#f43f75;color:#fff;font-size:10px;place-items:center}
.portal-push-notification-list {background:#fff}
.portal-push-notification-item {position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 10px;gap:12px;min-height:104px;padding:18px 18px;border-bottom:1px solid #edf0f4;background:#fff}
.portal-push-notification-item.is-unread {background:#f7faff}
.portal-push-notification-symbol {display:grid;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--portal-push-theme),#172554);color:#fff;font-size:12px;font-weight:800;place-items:center}
.portal-push-notification-copy {display:flex;min-width:0;flex-direction:column}
.portal-push-notification-copy strong {overflow:hidden;color:#172033;font-size:15px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.portal-push-notification-copy small {display:-webkit-box;overflow:hidden;margin-top:4px;color:#56647a;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.portal-push-notification-copy em {margin-top:7px;color:#98a2b3;font-size:11px;font-style:normal}
.portal-push-notification-item>i {align-self:center;width:8px;height:8px;border-radius:50%;background:#f43f75}
.portal-push-notification-empty,.portal-push-notification-login {display:flex;align-items:center;justify-content:center;min-height:420px;padding:40px 24px;flex-direction:column;text-align:center}
.portal-push-notification-empty>span,.portal-push-notification-login>span {display:grid;width:58px;height:58px;border-radius:20px;background:#edf4ff;color:var(--portal-push-theme);font-size:23px;font-weight:800;place-items:center}
.portal-push-notification-empty strong,.portal-push-notification-login strong {margin-top:18px;color:#172033;font-size:18px}
.portal-push-notification-empty p,.portal-push-notification-login p {max-width:310px;margin:8px 0 0;color:#7b8798;font-size:13px;line-height:1.65}
.portal-push-notification-login a {margin-top:20px;padding:12px 28px;border-radius:12px;background:var(--portal-push-theme);color:#fff;font-size:14px;font-weight:800}
@media (max-width:390px) {.portal-push-notification-tabs a{min-width:78px;font-size:13px}.portal-push-notification-item{padding-right:14px;padding-left:14px}}