#m-journey .pjm-section{box-sizing:border-box;min-width:0;margin:18px 0;padding:22px;border:1px solid #526454;border-radius:18px;background:#1e2a27;color:#f3f3e9;font:400 14px/1.5 'Pretendard',system-ui,sans-serif;box-shadow:0 12px 30px #07110d18}
#m-journey .pjm-section *{box-sizing:border-box}
#m-journey .pjm-section-head{margin-bottom:17px}
#m-journey .pjm-section-head h2{margin:4px 0;font-size:22px;line-height:1.35;color:#f8f6e9;word-break:keep-all}
#m-journey .pjm-section-head p{margin:0;color:#bfcebf;font-size:13px}
#m-journey .pjm-kicker{color:#b7d29d;font-size:11px;font-weight:800;letter-spacing:.12em}
#m-journey .pjm-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px}
#m-journey .pjm-plan-card{min-width:0;padding:17px;border:1px solid #586d59;border-radius:14px;background:#293931}
#m-journey .pjm-plan-top{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;color:#d9e9d0;font-weight:700}
#m-journey .pjm-plan-top em{font-style:normal;font-size:11px;font-weight:600;color:#d7dfba;border:1px solid #83926b;border-radius:99px;padding:3px 8px}
#m-journey .pjm-plan-card h3{margin:10px 0 0;color:#fff6d7;font-size:21px;line-height:1.3}
#m-journey .pjm-due{margin:3px 0 14px;color:#c8d2c6;font-size:12px}
#m-journey .pjm-counts{display:grid;gap:11px}
#m-journey .pjm-gauge-label{display:flex;justify-content:space-between;align-items:baseline;gap:7px;color:#e2eade;font-size:12px}
#m-journey .pjm-gauge-label strong{white-space:nowrap;color:#fff8df;font-size:14px;font-variant-numeric:tabular-nums}
#m-journey .pjm-track{height:9px;margin-top:6px;border-radius:99px;background:#15241d;overflow:hidden;border:1px solid #425a46}
#m-journey .pjm-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8cc99c,#dfd68a);transition:width .35s ease}
#m-journey .pjm-leader-gauge small{display:block;margin-top:3px;color:#d5e6aa;font-size:11px}
#m-journey .pjm-ready{margin:10px 0 0;color:#d8e9ab;font-size:12px;font-weight:700}
#m-journey .pjm-org-wait,#m-journey .pjm-loading,#m-journey .pjm-error{margin:8px 0 13px;color:#d5e2d1;font-size:12px}
#m-journey .pjm-error{color:#ffd7be}
#m-journey .pjm-cheers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:17px}
#m-journey .pjm-cheers button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;min-width:0;padding:6px 3px;border:1px solid #718b70;border-radius:10px;background:#344b3b;color:#f7faeb;font:700 12px/1.2 'Pretendard',system-ui,sans-serif;cursor:pointer}
#m-journey .pjm-cheers button span{font-size:18px;line-height:1}
#m-journey .pjm-cheers button strong{font-variant-numeric:tabular-nums}
#m-journey .pjm-cheers button[aria-pressed=true]{background:#708e55;border-color:#d4e8a4;color:#fff}
#m-journey .pjm-cheers button:disabled{opacity:.57;cursor:default}
#m-journey .pjm-cheer-status{min-height:17px;margin:6px 0 0;color:#b8c9b5;font-size:11px}
#m-journey .pjm-cheer-status.is-error{color:#ffd4bd}
#m-journey .pjm-hall-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,24%);gap:14px;align-items:stretch}
#m-journey .pjm-hall-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
#m-journey .pjm-hall-cards .pj-jcard{width:100%;min-width:0;min-height:153px;text-align:left;font:inherit}
#m-journey .pjm-archive-card{appearance:none}
#m-journey .pjm-hall-cards .pj-jcard .banner{display:block;height:86px}
#m-journey .pjm-hall-cards .pj-jcard .binfo{display:flex;flex-direction:column;gap:3px;padding:10px 13px 12px;background:#fff}
#m-journey .pjm-hall-cards .pj-jcard .tname{display:block;margin:0;color:#1d3028!important;font-size:15px;font-weight:800;line-height:1.35;word-break:keep-all}
#m-journey .pjm-hall-cards .pj-jcard .meta{display:block;color:#52685d!important;font-size:12px;line-height:1.35}
#m-journey .pjm-legacy-note{margin:0;color:#52685d;font-size:12px;font-weight:600}
#m-journey .pjm-join{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:100%;padding:18px 12px;border:2px dashed #9caf89;border-radius:16px;background:#263a30;color:#eff4e0;text-align:center;font:inherit;cursor:pointer}
#m-journey .pjm-plus{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#405c42;color:#ecf4de;font-size:37px;line-height:1}
#m-journey .pjm-join strong{font-size:17px;line-height:1.3}
#m-journey .pjm-join small{font-size:12px;color:#c3d6bd;word-break:keep-all}
#m-journey .pjm-join:disabled{cursor:default;opacity:.78}
#m-journey .pjm-existing-label{margin:20px 0 10px;color:#334639;font-size:17px}
#m-journey .pjm-complete-detail{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 16px;padding:11px 13px;border:1px solid #d5e0c9;border-radius:11px;background:#f4f8ef;color:#31543a;font-size:13px}
#m-journey .pjm-complete-detail strong{font-weight:800}
#m-journey .pjm-complete-detail span{color:#526b53}
#m-journey .pjm-section :is(button,input):focus-visible,#m-journey .pjm-complete-detail :is(button,input,summary):focus-visible{outline:3px solid #cce599;outline-offset:3px}
.pjm-achievement-dialog{box-sizing:border-box;width:min(92vw,520px);max-height:min(86vh,780px);padding:0;border:1px solid #dae4d5;border-radius:18px;background:#fff;color:#24372b;box-shadow:0 20px 65px #0005;overflow:auto}
.pjm-achievement-dialog::backdrop{background:#13251bd0}
.pjm-dialog-banner{position:relative;height:155px;overflow:hidden}
.pjm-dialog-close{position:absolute;z-index:2;top:10px;right:10px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #c6d6c3;border-radius:10px;background:#f5f8ee;color:#24432e;font-weight:700;cursor:pointer}
.pjm-dialog-body{padding:23px}
.pjm-dialog-body h2{margin:5px 0 10px;color:#1f3829;font-size:24px}
.pjm-dialog-body p{margin:8px 0;color:#526452;font-size:14px;line-height:1.5}
.pjm-date-edit{margin-top:18px;border-top:1px solid #dce6da;padding-top:12px}
.pjm-date-edit summary{cursor:pointer;color:#315f3c;font-weight:700;min-height:44px;display:flex;align-items:center}
.pjm-date-edit form{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:8px}
.pjm-date-edit form label{flex:1 1 190px;min-width:0;color:#4a5a4d;font-size:12px}
.pjm-date-edit input{display:block;box-sizing:border-box;width:100%;min-height:44px;margin-top:4px;padding:8px;border:1px solid #94aa93;border-radius:8px;background:#fff;color:#263d2b;font:inherit}
.pjm-date-edit form button{min-height:44px;padding:8px 14px;border:0;border-radius:8px;background:#416e48;color:#fff;font-weight:700;cursor:pointer}
.pjm-date-edit .pjm-form-status{flex:1 1 100%;font-size:12px;color:#315f3c}
@media(max-width:850px){#m-journey .pjm-hall-layout{grid-template-columns:minmax(0,1fr)}#m-journey .pjm-join{min-height:145px}}
@media(max-width:620px){#m-journey .pjm-section{padding:16px;margin:14px 0}#m-journey .pjm-section-head h2{font-size:20px}#m-journey .pjm-plan-grid{grid-template-columns:minmax(0,1fr)}#m-journey .pjm-hall-cards{grid-template-columns:minmax(0,1fr)}#m-journey .pjm-hall-cards .pj-jcard{min-height:145px}#m-journey .pjm-join{min-height:140px}}
@media(max-width:360px){#m-journey .pjm-cheers{gap:5px}#m-journey .pjm-cheers button{font-size:11px}.pjm-dialog-body{padding:17px}}
@media(prefers-reduced-motion:reduce){#m-journey .pjm-section *,#m-journey .pjm-section *::before,#m-journey .pjm-section *::after{animation:none!important;transition:none!important}}