.mypage-page{padding:24px var(--web-content-gutter) 64px}.mypage-shell{width:min(100%, var(--web-content-max-width));margin-left:auto;margin-right:auto}.web-page-shell.mypage-page{padding-left:0;padding-right:0}.ui-badge.mypage-status-pill{border-radius:var(--jdsc-radius-sm);height:22px;font-size:12px;font-weight:var(--jdsc-fw-extra);white-space:nowrap;padding:0 8px}.ui-badge.mypage-status-pill.ui-badge-success{--ui-badge-marker-color:var(--jdsc-success-ink);color:var(--jdsc-success-ink);background:var(--jdsc-success-wash)}.ui-badge.mypage-status-pill.ui-badge-warning{--ui-badge-marker-color:var(--jdsc-warn-ink);color:var(--jdsc-warn-ink);background:var(--jdsc-warn-wash)}.ui-badge.mypage-status-pill.ui-badge-neutral{--ui-badge-marker-color:var(--jdsc-ink-400)}.mypage-card,.mypage-side-card{border:1px solid var(--color-border);border-radius:var(--jdsc-radius-lg);background:var(--color-surface)}.mypage-card{padding:20px}.mypage-side-card{padding:18px 20px}.mypage-card h2,.mypage-home-region-head h2{color:var(--color-text-strong);font-size:19px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.6px;line-height:var(--jdsc-lh-h3);margin:0}.mypage-account-shell{grid-template-columns:220px 720px;justify-content:center;align-items:start;gap:20px 32px;width:min(100%,972px);margin:0 auto;display:grid}.mypage-account-head{grid-column:1/-1;gap:6px;margin-bottom:4px;display:grid}.mypage-account-breadcrumb{color:var(--color-text-muted);font-size:13px;font-weight:var(--jdsc-fw-semibold);align-items:center;gap:6px;margin:0;display:flex}.mypage-account-breadcrumb a{border-radius:var(--jdsc-focus-radius);color:var(--color-text-subtle);align-items:center;gap:2px;text-decoration:none;display:inline-flex}.mypage-account-breadcrumb a:hover{color:var(--color-text-strong)}.mypage-account-breadcrumb a:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-account-head h1{color:var(--color-text-strong);font-size:26px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.9px;line-height:var(--jdsc-lh-h2);margin:0}.mypage-account-nav{flex-direction:column;align-self:start;gap:2px;display:flex;position:sticky;top:84px}.mypage-account-nav a{border-radius:var(--jdsc-radius-md);height:40px;color:var(--color-text-subtle);font-size:14px;font-weight:var(--jdsc-fw-semibold);align-items:center;padding:0 14px;text-decoration:none;display:flex}.mypage-account-nav a:hover{color:var(--color-text-strong);background:var(--color-surface-muted)}.mypage-account-nav a:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-account-nav a[aria-current=true]{color:var(--color-text-inverse);background:var(--color-action-dark);font-weight:var(--jdsc-fw-bold)}.mypage-account-nav p{color:var(--color-text-muted);font-size:12px;font-weight:var(--jdsc-fw-semibold);line-height:var(--jdsc-lh-sm);word-break:keep-all;margin:10px 0 0;padding:0 14px}.mypage-account-content{flex-direction:column;gap:20px;min-width:0;display:flex}.mypage-account-card{border:1px solid var(--color-border);border-radius:var(--jdsc-radius-lg);background:var(--color-surface);padding:18px 24px 4px;scroll-margin-top:84px}.mypage-account-card>h2{color:var(--color-text-strong);font-size:19px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.6px;line-height:var(--jdsc-lh-h3);margin:0 0 6px}.mypage-account-card.is-compact{padding:14px 24px}.mypage-section-empty{max-width:560px;color:var(--color-text-muted);font-size:13px;font-weight:var(--jdsc-fw-semibold);line-height:var(--jdsc-lh-sm);word-break:keep-all;margin:4px 0 14px}.mypage-setting-row{border-top:1px solid var(--color-border-soft);align-items:center;gap:16px;min-height:48px;padding:8px 0;display:flex}.mypage-setting-row:first-of-type{border-top-color:var(--color-border)}.mypage-setting-row.with-icon{min-height:56px;padding:10px 0}.mypage-setting-row>.label{color:var(--color-text-muted);font-size:13px;font-weight:var(--jdsc-fw-semibold);flex:0 0 120px}.mypage-setting-row.with-icon>.icon{border-radius:var(--jdsc-radius-md);width:34px;height:34px;color:var(--color-text-subtle);background:var(--color-surface-muted);flex:0 0 34px;justify-content:center;align-items:center;display:inline-flex}.mypage-setting-row.with-icon>.icon.is-kakao{color:var(--jdsc-kakao-text);background:var(--jdsc-kakao-fill);font-size:10px;font-weight:var(--jdsc-fw-black);letter-spacing:.2px}.mypage-setting-row.with-icon>.icon.is-blank{background:0 0}.mypage-setting-row>.value{flex-direction:column;flex:0 auto;gap:2px;min-width:0;max-width:560px;display:flex}.mypage-setting-row>.value>b{color:var(--color-text-strong);font-size:14px;font-weight:var(--jdsc-fw-bold)}.mypage-setting-row>.value>b.is-empty{color:var(--color-text-muted);font-weight:var(--jdsc-fw-semibold)}.mypage-setting-row>.value>b.mono{color:var(--color-text-subtle);font-family:var(--jdsc-font-mono);font-size:13.5px;font-weight:var(--jdsc-fw-bold);letter-spacing:.2px}.mypage-setting-row small{color:var(--color-text-muted);font-size:12px;font-weight:var(--jdsc-fw-semibold);line-height:var(--jdsc-lh-sm);word-break:keep-all}.mypage-setting-row small a,.mypage-setting-row small button{color:var(--color-text-strong);font:inherit;font-weight:var(--jdsc-fw-bold);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.mypage-setting-row .num,.mypage-setting-row time{color:var(--color-text-subtle);font-family:var(--jdsc-font-mono);font-style:normal;font-weight:var(--jdsc-fw-bold)}.mypage-row-title{align-items:center;gap:8px;min-width:0;display:flex}.mypage-row-title>b{color:var(--color-text-strong);font-size:14px;font-weight:var(--jdsc-fw-bold)}.mypage-setting-row>.action{flex:none;align-items:center;gap:10px;display:flex}.mypage-action-button{border:1px solid var(--color-border-strong);border-radius:var(--jdsc-radius-md);height:32px;color:var(--color-text-strong);background:var(--color-surface);font-size:12.5px;font-weight:var(--jdsc-fw-bold);white-space:nowrap;cursor:pointer;align-items:center;gap:4px;padding:0 12px;text-decoration:none;display:inline-flex}.mypage-action-button:hover{border-color:var(--jdsc-ink-900)}.mypage-action-button:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-action-button[aria-disabled=true],.mypage-action-button:disabled{border-color:var(--color-border);color:var(--jdsc-ink-300);background:var(--color-surface-muted);cursor:default}.mypage-action-button.is-danger{color:var(--jdsc-danger-ink)}.mypage-action-button.is-danger.is-armed{border-color:var(--jdsc-danger-ink);background:var(--jdsc-danger-wash)}.mypage-arm-note{color:var(--jdsc-danger-ink);font-size:12px;font-weight:var(--jdsc-fw-bold);white-space:nowrap}.mypage-arm-note b{font-family:var(--jdsc-font-mono)}.mypage-row-status{border-radius:var(--jdsc-focus-radius);max-width:560px;color:var(--jdsc-success-ink);background:var(--jdsc-success-wash);font-size:12.5px;font-weight:var(--jdsc-fw-bold);word-break:keep-all;margin:2px 0 10px 136px;padding:8px 12px}.mypage-row-status.is-error{color:var(--jdsc-danger-ink);background:var(--jdsc-danger-wash)}.mypage-inline-form{justify-items:start;gap:8px;padding:4px 0 14px 136px;display:grid}.mypage-inline-form-row{gap:8px;width:100%;display:flex}.mypage-inline-form input{border:1px solid var(--color-border);border-radius:var(--jdsc-radius-md);width:360px;min-width:0;max-width:100%;height:44px;color:var(--color-text-strong);background:var(--color-surface);outline:0;padding:0 14px;font-size:16px}.mypage-inline-form input:focus{border-color:var(--color-brand);box-shadow:var(--jdsc-shadow-focus)}.mypage-inline-form input[aria-invalid=true]{border-color:var(--jdsc-danger-ink)}.mypage-primary-button{border-radius:var(--jdsc-radius-md);height:44px;color:var(--color-text-inverse);background:var(--color-action-dark);font-size:14px;font-weight:var(--jdsc-fw-bold);cursor:pointer;border:0;flex:none;align-items:center;padding:0 18px;display:inline-flex}.mypage-primary-button:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-primary-button[aria-disabled=true]{color:var(--color-text-muted);background:var(--color-surface-muted);cursor:default}.mypage-inline-form small{color:var(--color-text-muted);font-size:12px;font-weight:var(--jdsc-fw-semibold);word-break:keep-all}.mypage-inline-form small.is-error{color:var(--jdsc-danger-ink)}.mypage-badge-skeleton{border-radius:var(--jdsc-radius-sm);background:var(--color-surface-muted);width:64px;height:22px;display:inline-flex}.mypage-push-ios-steps{max-width:520px;color:var(--color-text-muted);font-size:12px;font-weight:var(--jdsc-fw-semibold);line-height:var(--jdsc-lh-sm);gap:2px;margin:0 0 12px 170px;padding-left:18px;display:grid}.mypage-setting-row.quit-row{border-top:0;min-height:36px;padding:4px 0}.mypage-setting-row.quit-row>.label{color:var(--color-text-strong);font-size:14px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.2px;flex:0 0 120px;margin:0;line-height:1.4}.mypage-setting-row.quit-row small{max-width:420px;font-size:12.5px}.mypage-quit-panel{border-top:1px solid var(--color-border-soft);justify-items:start;gap:12px;margin-top:10px;padding:14px 0 10px;display:grid}.mypage-quit-panel ul{max-width:560px;color:var(--color-text-subtle);font-size:13px;font-weight:var(--jdsc-fw-semibold);word-break:keep-all;gap:4px;margin:0;padding-left:18px;line-height:1.55;display:grid}.mypage-quit-panel label{color:var(--color-text-strong);font-size:13px;font-weight:var(--jdsc-fw-bold)}.mypage-quit-panel input{border:1px solid var(--color-border);border-radius:var(--jdsc-radius-md);width:360px;max-width:100%;height:44px;color:var(--color-text-strong);background:var(--color-surface);outline:0;padding:0 14px;font-size:16px}.mypage-quit-panel input:focus{border-color:var(--color-text-strong);box-shadow:var(--jdsc-shadow-focus)}.mypage-quit-panel .mypage-row-status{margin:0}.mypage-quit-actions{align-items:center;gap:10px;display:flex}.mypage-panel{border:1px solid var(--color-border);border-radius:var(--jdsc-radius-xl);background:var(--color-surface);box-shadow:var(--jdsc-shadow-1);gap:24px;padding:32px;display:grid}.mypage-helper,.form-message{color:var(--color-text-muted);font-size:13px;font-weight:var(--jdsc-fw-bold);margin:0}.form-message.ok{color:var(--jdsc-success-ink)}.form-message.error{color:var(--jdsc-danger-ink)}
.mypage-events-msg{border-radius:var(--jdsc-radius-md);height:40px;color:var(--jdsc-ink-700);background:var(--color-surface-muted);font-size:13px;font-weight:var(--jdsc-fw-bold);white-space:nowrap;align-items:center;margin:0 0 0 auto;padding:0 14px;display:inline-flex}.mypage-events-msg+.mypage-sub-action{margin-left:0}.mypage-events-board{flex-direction:column;display:flex}.mypage-events-board section[data-group]{margin-bottom:8px}.mypage-events-board .mypage-sub-group{background:var(--color-panel)}.mypage-events-board .mypage-sub-group button[aria-expanded=true] svg{transform:rotate(90deg)}.mypage-event-list{flex-direction:column;gap:8px;display:flex}.mypage-event-list.is-flat{padding-top:4px}.mypage-event-card{border:1px solid var(--jdsc-border);border-radius:var(--jdsc-radius-lg);background:var(--jdsc-surface);grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;scroll-margin-top:120px;transition:border-color .16s,box-shadow .16s,transform .16s,opacity .26s;display:grid;position:relative}.mypage-event-card:hover{border-color:var(--jdsc-border-strong);box-shadow:var(--jdsc-shadow-1);transform:translateY(-1px)}.mypage-event-card[data-stage=ready]{border-color:var(--jdsc-orange-edge)}.mypage-event-card:has([data-manage-menu]){z-index:3}.mypage-event-card.is-leaving{opacity:.35}.mypage-event-card.is-fresh{animation:.26s ease-out mypage-event-nin}.mypage-event-card.is-focus{animation:1.2s ease-out mypage-event-hl}@keyframes mypage-event-nin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes mypage-event-hl{0%{background:var(--jdsc-orange-tint)}to{background:var(--jdsc-surface)}}.mypage-event-card__link{z-index:0;border-radius:var(--jdsc-radius-lg);position:absolute;inset:0}.mypage-event-card__link:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-event-card .mypage-event-thumbnail{border-radius:var(--jdsc-radius-md);background:var(--color-surface-muted);width:72px;height:96px;box-shadow:0 0 0 1px var(--jdsc-border-soft);display:block;overflow:hidden}.mypage-event-card .mypage-event-thumbnail img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.mypage-event-thumbnail-fallback{flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.mypage-event-thumbnail-fallback small{color:var(--color-text-muted);font-size:9px;font-weight:var(--jdsc-fw-bold);letter-spacing:.4px}.mypage-event-thumbnail-fallback strong{color:var(--jdsc-ink-500);font-family:var(--jdsc-font-mono);font-size:11px;font-weight:var(--jdsc-fw-extra);letter-spacing:1px}.mypage-event-card__body{flex-direction:column;gap:4px;min-width:0;display:flex}.mypage-event-card__top{align-items:center;gap:8px;height:22px;display:flex}.mypage-event-badge{border-radius:var(--jdsc-radius-sm);height:22px;color:var(--jdsc-ink-700);background:var(--color-surface-muted);font-size:12px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.1px;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.mypage-event-card[data-stage=ready] .mypage-event-badge{color:var(--jdsc-orange-ink);background:var(--jdsc-orange-tint)}.mypage-event-card[data-stage=done] .mypage-event-badge{color:var(--jdsc-success-ink);background:var(--jdsc-success-wash)}.mypage-event-card[data-stage=closed] .mypage-event-badge{background:var(--jdsc-surface);box-shadow:inset 0 0 0 1px var(--jdsc-border)}.mypage-event-badge__dot{border-radius:var(--jdsc-radius-pill);background:var(--jdsc-orange);flex-shrink:0;width:6px;height:6px}.mypage-event-applied{color:var(--color-text-muted);font-size:12px;font-weight:var(--jdsc-fw-semibold);white-space:nowrap;overflow:hidden}.mypage-event-applied b{font-family:var(--jdsc-font-mono);font-size:11.5px;font-weight:var(--jdsc-fw-bold)}.mypage-event-title{color:var(--jdsc-ink-900);font-size:15px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;line-height:22px;overflow:hidden}.mypage-event-benefit{z-index:1;width:fit-content;max-width:100%;color:var(--jdsc-ink-700);font-size:13px;font-weight:var(--jdsc-fw-semibold);text-overflow:ellipsis;white-space:nowrap;line-height:18px;position:relative;overflow:hidden}.mypage-event-info{height:22px;color:var(--jdsc-ink-700);font-size:13px;font-weight:var(--jdsc-fw-semibold);align-items:center;gap:14px;margin-top:2px;display:flex;overflow:hidden}.mypage-event-info svg{color:var(--jdsc-ink-500);flex-shrink:0}.mypage-event-method{white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.mypage-event-method__sep{color:var(--jdsc-ink-300);font-style:normal}.mypage-event-place{min-width:0;color:var(--jdsc-ink-900);font-weight:var(--jdsc-fw-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mypage-event-place.is-link{z-index:1;border-radius:var(--jdsc-radius-sm);text-decoration:none;position:relative}.mypage-event-place.is-link:hover b{text-underline-offset:3px;text-decoration:underline}.mypage-event-place.is-link:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-event-due{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.mypage-event-due__text{color:var(--jdsc-ink-700);font-size:12.5px;font-weight:var(--jdsc-fw-semibold);align-items:baseline;gap:4px;display:inline-flex}.mypage-event-due__label{color:var(--color-text-muted)}.mypage-event-due b{font-family:var(--jdsc-font-mono);font-size:12px;font-weight:var(--jdsc-fw-bold)}.mypage-event-card [data-dday]{border-radius:var(--jdsc-radius-sm);height:20px;color:var(--jdsc-ink-700);background:var(--color-surface-muted);font-size:11px;font-weight:var(--jdsc-fw-extra);white-space:nowrap;flex-shrink:0;align-items:center;padding:0 6px;display:inline-flex}.mypage-event-card [data-dday].mono{font-family:var(--jdsc-font-mono)}.mypage-event-card [data-dday][data-near]{color:var(--jdsc-orange-ink);background:var(--jdsc-orange-tint)}.mypage-event-card__action{align-items:center;gap:12px;display:flex}.mypage-event-action{z-index:1;border-radius:var(--jdsc-radius-md);height:40px;color:var(--color-text-inverse);background:var(--jdsc-orange);font-size:13.5px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.2px;white-space:nowrap;align-items:center;gap:6px;padding:0 16px;transition:box-shadow .16s,transform .16s;display:inline-flex;position:relative}.mypage-event-action:hover{box-shadow:var(--jdsc-shadow-1);transform:translateY(-1px)}.mypage-event-action:focus-visible,.mypage-event-reapply:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-event-reapply{z-index:1;border:1px solid var(--jdsc-border-strong);border-radius:var(--jdsc-radius-md);height:36px;color:var(--jdsc-ink-900);background:var(--jdsc-surface);font-size:13px;font-weight:var(--jdsc-fw-bold);white-space:nowrap;align-items:center;padding:0 14px;text-decoration:none;transition:border-color .16s;display:inline-flex;position:relative}.mypage-event-reapply:hover{border-color:var(--jdsc-ink-900)}.mypage-event-chev{color:var(--jdsc-ink-400)}.mypage-events-skel{flex-direction:column;gap:8px;margin:0;padding:4px 0 0;list-style:none;display:flex}.mypage-events-skel li{border:1px solid var(--jdsc-border);border-radius:var(--jdsc-radius-lg);grid-template-columns:72px minmax(0,1fr);gap:16px;padding:14px 16px;display:grid}.mypage-events-skel i{border-radius:var(--jdsc-radius-sm);background:var(--color-surface-muted);animation:1.4s ease-in-out infinite mypage-sub-skel;display:block}.mypage-events-skel li>i{border-radius:var(--jdsc-radius-md);height:96px}.mypage-events-skel li>span{flex-direction:column;gap:8px;padding-top:4px;display:flex}.mypage-events-skel li>span i:first-child{width:72px;height:22px}.mypage-events-skel li>span i:nth-child(2){width:46%;height:18px}.mypage-events-skel li>span i:nth-child(3){width:64%;height:14px}@media (max-width:767px){.mypage-events-msg{height:auto;min-height:36px;color:var(--color-text-inverse);background:var(--color-action-dark);margin:4px 0 0;padding:0 12px}.mypage-events-page .jdsc-segment{background:var(--color-panel)}.mypage-events-board .mypage-sub-group{align-items:stretch;height:44px;padding-bottom:0}.mypage-events-board .mypage-sub-group button{border-radius:0;width:100%;margin:0;padding:14px 0 6px}.mypage-events-board .mypage-sub-group button:hover{background:0 0}.mypage-event-card{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:10px 12px;padding:12px}.mypage-event-card .mypage-event-thumbnail,.mypage-events-skel li>i{width:56px;height:75px}.mypage-events-skel li{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px}.mypage-event-card__top{gap:6px;height:20px}.mypage-event-badge{gap:4px;height:20px;padding:0 7px;font-size:11.5px}.mypage-event-title{-webkit-line-clamp:2;letter-spacing:-.3px;white-space:normal;word-break:keep-all;-webkit-box-orient:vertical;font-size:14px;line-height:19px;display:-webkit-box}.mypage-event-info{flex-direction:column;align-items:flex-start;gap:4px;height:auto;margin-top:0;font-size:12px;line-height:17px}.mypage-event-method{gap:4px;max-width:100%}.mypage-event-due svg{display:none}.mypage-event-due__text{font-size:12px}.mypage-event-due b{font-size:11.5px}.mypage-event-applied,.mypage-event-benefit,.mypage-event-due [data-dday]{display:none}.mypage-event-card__action:not(:has(.mypage-event-action)){display:none}.mypage-event-card__action{grid-column:1/-1}.mypage-event-action{justify-content:center;width:100%;height:44px;font-size:14px}}@media (prefers-reduced-motion:reduce){.mypage-event-card,.mypage-event-action,.mypage-event-reapply{transition:none}.mypage-event-card.is-fresh,.mypage-event-card.is-focus,.mypage-events-skel i{animation:none}}
.mypage-event-use{z-index:1;border-top:1px solid var(--jdsc-border-soft);grid-area:2/1/auto/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:-4px;padding-top:12px;display:grid;position:relative}.mypage-event-use__label{color:var(--jdsc-ink-500);font-size:12px;font-weight:var(--jdsc-fw-bold);white-space:nowrap}.mypage-event-use__info{min-width:0;color:var(--jdsc-ink-900);font-size:13px;font-weight:var(--jdsc-fw-semibold);align-items:center;gap:12px;display:flex}.mypage-event-use__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mypage-event-use__mono{color:var(--jdsc-ink-700);font-family:var(--jdsc-font-mono);font-size:12px;font-weight:var(--jdsc-fw-bold);white-space:nowrap;flex-shrink:0}.mypage-event-use__actions{gap:6px;display:flex}.mypage-event-use__btn{border:1px solid var(--jdsc-border-strong);border-radius:var(--jdsc-radius-md);height:32px;color:var(--jdsc-ink-900);background:var(--jdsc-surface);font:inherit;font-size:12.5px;font-weight:var(--jdsc-fw-bold);white-space:nowrap;cursor:pointer;align-items:center;gap:5px;padding:0 12px;text-decoration:none;transition:border-color .16s;display:inline-flex}.mypage-event-use__btn:hover{border-color:var(--jdsc-ink-900)}.mypage-event-use__btn:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-events-preview{text-align:left;flex-direction:column;gap:14px;width:560px;max-width:100%;margin-top:14px;display:flex}.mypage-events-preview .mypage-events-preview__list{border:1px solid var(--jdsc-border);border-radius:12px;flex-direction:column;display:flex}.mypage-events-preview .mypage-events-preview__row{color:var(--jdsc-ink-900);grid-template-columns:40px minmax(0,1fr) auto 16px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:background-color .16s;display:grid;position:relative}.mypage-events-preview .mypage-events-preview__row+.mypage-events-preview__row{border-top:1px solid var(--jdsc-border-soft)}.mypage-events-preview .mypage-events-preview__row:first-child{border-radius:11px 11px 0 0}.mypage-events-preview .mypage-events-preview__row:last-child{border-radius:0 0 11px 11px}.mypage-events-preview .mypage-events-preview__row:only-child{border-radius:11px}.mypage-events-preview .mypage-events-preview__row:hover{background:var(--jdsc-surface-sunk)}.mypage-events-preview .mypage-events-preview__row:focus-visible{z-index:1;box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-events-preview .mypage-event-thumbnail{background:var(--color-surface-muted);width:40px;height:53px;box-shadow:0 0 0 1px var(--jdsc-border-soft);border-radius:8px;display:block;overflow:hidden}.mypage-events-preview .mypage-event-thumbnail img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.mypage-events-preview .mypage-event-thumbnail-fallback small{font-size:7px}.mypage-events-preview .mypage-event-thumbnail-fallback strong{color:var(--jdsc-ink-500);font-size:9px}.mypage-events-preview .mypage-events-preview__text{flex-direction:column;gap:2px;min-width:0;display:flex}.mypage-events-preview .mypage-events-preview__title{color:var(--jdsc-ink-900);font-size:14px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.3px;text-overflow:ellipsis;white-space:nowrap;line-height:20px;overflow:hidden}.mypage-events-preview .mypage-events-preview__benefit{color:var(--jdsc-ink-700);font-size:12.5px;font-weight:var(--jdsc-fw-semibold);text-overflow:ellipsis;white-space:nowrap;word-break:normal;line-height:18px;overflow:hidden}.mypage-events-preview .mypage-events-preview__due{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.mypage-events-preview .mypage-events-preview__lab{color:var(--color-text-muted);font-size:12px;font-weight:var(--jdsc-fw-semibold)}.mypage-events-preview .mypage-events-preview__dday{border-radius:var(--jdsc-radius-sm);height:20px;color:var(--jdsc-ink-700);background:var(--color-surface-muted);font-size:11px;font-weight:var(--jdsc-fw-extra);white-space:nowrap;align-items:center;padding:0 6px;display:inline-flex}.mypage-events-preview .mypage-events-preview__dday.mono{font-family:var(--jdsc-font-mono)}.mypage-events-preview .mypage-events-preview__dday[data-near]{color:var(--jdsc-orange-ink);background:var(--jdsc-orange-tint)}.mypage-events-preview__chev{color:var(--jdsc-ink-400);grid-column:4}.mypage-events-cta{border:1px solid var(--jdsc-border-strong);border-radius:var(--jdsc-radius-md);height:40px;color:var(--jdsc-ink-900);background:var(--jdsc-surface);font-size:13px;font-weight:var(--jdsc-fw-bold);white-space:nowrap;justify-content:center;align-self:center;align-items:center;gap:6px;margin-top:6px;padding:0 16px;text-decoration:none;transition:border-color .16s;display:inline-flex}.mypage-events-preview .mypage-events-cta{margin-top:0}.mypage-events-cta:hover{border-color:var(--jdsc-ink-900)}.mypage-events-cta:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}@media (max-width:767px){.mypage-event-use{z-index:auto;border-radius:var(--jdsc-radius-md);background:var(--jdsc-surface-sunk);border-top:0;flex-direction:column;align-items:stretch;gap:2px;margin-top:0;padding:10px 12px;line-height:18px;display:flex;position:static}.mypage-event-use__label{font-size:11.5px}.mypage-event-use__info{flex-direction:column;align-items:stretch;gap:2px;font-size:12.5px}.mypage-event-use__mono{align-self:flex-start}.mypage-event-use__actions{display:none}.mypage-events-preview .mypage-events-preview__row{min-height:64px;padding:0 12px}.mypage-events-preview .mypage-events-cta,.mypage-sub-empty>.mypage-events-cta{align-self:stretch;width:100%;height:44px}}@media (prefers-reduced-motion:reduce){.mypage-event-use__btn,.mypage-events-preview .mypage-events-preview__row,.mypage-events-cta{transition:none}}
.mypage-event-manage{z-index:1;grid-area:1/3;align-self:center;display:inline-flex;position:relative}.mypage-event-manage__btn{border:1px solid var(--jdsc-border);border-radius:var(--jdsc-radius-md);width:36px;height:36px;color:var(--jdsc-ink-700);background:var(--jdsc-surface);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:border-color .16s,color .16s;display:inline-flex}.mypage-event-manage__btn:hover{border-color:var(--jdsc-border-strong);color:var(--jdsc-ink-900)}.mypage-event-manage__btn[aria-expanded=true]{border-color:var(--jdsc-border-strong);background:var(--color-surface-muted)}.mypage-event-manage__btn:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-events-msg__action{border:1px solid var(--jdsc-border-strong);height:28px;color:var(--jdsc-ink-900);background:var(--jdsc-surface);font:inherit;font-size:12.5px;font-weight:var(--jdsc-fw-bold);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;margin-left:10px;padding:0 10px;display:inline-flex}.mypage-events-msg__action:hover{border-color:var(--jdsc-ink-900)}.mypage-events-msg__action:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-event-menu{border:1px solid var(--jdsc-border);background:var(--jdsc-surface);width:220px;box-shadow:var(--jdsc-shadow-2);border-radius:12px;flex-direction:column;gap:2px;padding:6px;animation:.18s ease-out mypage-event-menu-in;display:flex;position:absolute;top:42px;right:0}@keyframes mypage-event-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.mypage-event-menu__item{height:40px;color:var(--jdsc-ink-900);font:inherit;font-size:13.5px;font-weight:var(--jdsc-fw-bold);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;text-decoration:none;display:flex}.mypage-event-menu__item svg{color:var(--jdsc-ink-500);flex-shrink:0}.mypage-event-menu__item:hover{background:var(--color-surface-muted)}.mypage-event-menu__item:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-event-menu__item.is-danger,.mypage-event-sheet__item.is-danger{color:var(--jdsc-danger-ink)}.mypage-event-menu__item.is-danger svg,.mypage-event-sheet__item.is-danger svg{color:currentColor}.mypage-event-menu__item.is-danger:hover,.mypage-event-menu__item[data-armed],.mypage-event-sheet__item[data-armed]{background:var(--jdsc-danger-wash)}.mypage-event-menu__item:disabled,.mypage-event-sheet__item:disabled{cursor:progress}.mypage-event-menu__note{color:var(--color-text-muted);font-size:12px;font-weight:var(--jdsc-fw-semibold);word-break:keep-all;margin:0;padding:4px 10px;line-height:17px}.mypage-event-manage__alert{color:var(--jdsc-danger-ink);font-size:12.5px;font-weight:var(--jdsc-fw-bold);word-break:keep-all;margin:0;padding:4px 10px;line-height:18px}.products-sheet[data-sheet=event-manage]{border-radius:20px 20px 0 0}[data-sheet=event-manage] .products-sheet-head{border-bottom:0;padding:0 16px}[data-sheet=event-manage] .products-sheet-head strong{font-size:16px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.5px;line-height:22px}[data-sheet=event-manage] .products-sheet-body{padding:0 16px calc(24px + env(safe-area-inset-bottom))}.mypage-event-sheet__event{color:var(--color-text-muted);font-size:12.5px;font-weight:var(--jdsc-fw-semibold);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 12px;line-height:18px;overflow:hidden}.mypage-event-sheet__item{border:0;border-top:1px solid var(--jdsc-border-soft);width:100%;height:48px;color:var(--jdsc-ink-900);font:inherit;font-size:14.5px;font-weight:var(--jdsc-fw-bold);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0;text-decoration:none;display:flex}.mypage-event-sheet__item svg{color:var(--jdsc-ink-500);flex-shrink:0}.mypage-event-sheet__item.is-danger{width:calc(100% + 32px);margin:0 -16px;padding:0 16px}.mypage-event-sheet__item:focus-visible{box-shadow:inset 0 0 0 3px var(--jdsc-orange-edge);outline:none}.mypage-event-sheet__note{border-top:1px solid var(--jdsc-border-soft);color:var(--color-text-muted);font-size:12px;font-weight:var(--jdsc-fw-semibold);word-break:keep-all;margin:0;padding-top:8px;line-height:17px}[data-sheet=event-manage] .mypage-event-manage__alert{padding:8px 0 0}@media (max-width:767px){.mypage-event-manage{grid-area:auto;position:absolute;top:2px;right:2px}.mypage-event-manage__btn,.mypage-event-manage__btn[aria-expanded=true]{background:0 0;border:0;width:44px;height:44px}.mypage-event-card:has(>.mypage-event-manage) .mypage-event-card__body{padding-right:36px}.mypage-events-msg__action{border-radius:0 var(--jdsc-radius-md) var(--jdsc-radius-md) 0;height:44px;color:var(--color-text-inverse);background:var(--jdsc-on-dark-surface-2);font-size:13px;font-weight:var(--jdsc-fw-extra);border:0;margin:0 -12px 0 6px;padding:0 14px}}@media (prefers-reduced-motion:reduce){.mypage-event-manage__btn{transition:none}.mypage-event-menu{animation:none}}