/*
 * KYULZZUMSA — Romance journey system
 * A restrained, editorial fairytale language for the full customer journey.
 * No novelty icons or fly-through motion: deep cover, warm paper, one gold point.
 */
:root{
  --story-ink:#1d102e;
  --story-purple:#2a0b48;
  --story-purple-2:#3a1760;
  --story-violet:#8253e8;
  --story-lilac:#bca7fb;
  --story-gold:#c9a84c;
  --story-gold-soft:#ead58c;
  --story-paper:#fffdf8;
  --story-paper-2:#faf6ee;
  --story-mist:#f6f1fb;
  --story-rule:rgba(68,37,94,.12);
  --story-shadow:0 24px 65px rgba(37,13,62,.09);
  --story-shadow-soft:0 12px 34px rgba(37,13,62,.065);
}

/* Shared page atmosphere — quiet paper and one almost invisible thread. */
body[data-page$=".apply"],
body[data-page$=".mypage"],
body[data-page="login"],
body[data-page="signup"]{
  background:
    radial-gradient(circle at 87% 7%,rgba(130,83,232,.095),transparent 25rem),
    radial-gradient(circle at 8% 42%,rgba(201,168,76,.055),transparent 25rem),
    #fbf9fd;
}

body[data-page$=".apply"] main,
body[data-page$=".mypage"] main{isolation:isolate}

/* ── SIGN IN / SIGN UP: opening and returning to the book ── */
body[data-page="login"] .top-nav,
body[data-page="signup"] .top-nav{
  position:relative;z-index:3;
  border-bottom-color:rgba(65,34,93,.1);
  background:rgba(255,253,250,.9);
  backdrop-filter:blur(14px);
}

body[data-page="login"] .auth-wrap,
body[data-page="signup"] .auth-wrap{
  position:relative;
  align-items:center;
  min-height:calc(100vh - 60px);
  padding:52px 24px 64px;
  background:
    linear-gradient(112deg,transparent 0 49.9%,rgba(201,168,76,.08) 50%,transparent 50.15%),
    radial-gradient(ellipse at 50% 10%,rgba(255,255,255,.88),transparent 55%);
}

body[data-page="login"] .auth-wrap::after,
body[data-page="signup"] .auth-wrap::after{
  content:'';position:absolute;left:50%;bottom:24px;width:min(420px,62vw);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.44),transparent);
}

body[data-page="login"] .auth-wrap{
  display:grid;grid-template-columns:280px minmax(0,420px);gap:0;justify-content:center;
}

.login-story{
  position:relative;align-self:stretch;min-height:470px;padding:58px 38px 42px;
  display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;
  border:1px solid rgba(234,213,140,.28);border-right:0;border-radius:24px 0 0 24px;
  background:
    radial-gradient(circle at 72% 20%,rgba(188,167,251,.14),transparent 34%),
    linear-gradient(150deg,#190527,#32104f 65%,#401961);
  color:#fff;box-shadow:var(--story-shadow);
}

.login-story::before,.login-story::after{
  content:'';position:absolute;left:-18%;right:-16%;height:105px;border:1px solid rgba(188,167,251,.25);
  border-radius:50%;transform:rotate(-8deg);pointer-events:none;
}
.login-story::before{top:68px}
.login-story::after{top:98px;border-color:rgba(234,213,140,.32);transform:rotate(7deg)}
.login-story>span{color:var(--story-gold-soft);font-size:9px;font-weight:900;letter-spacing:2px}
.login-story>strong{display:block;margin-top:15px;font:700 28px/1.42 'Gowun Batang',serif;letter-spacing:-.8px}
.login-story>p{margin:13px 0 0;color:rgba(255,255,255,.62);font-size:12px;line-height:1.8}

body[data-page="login"] .auth-card{
  position:relative;max-width:none;min-height:470px;padding:48px 42px;
  border-color:rgba(72,42,97,.12);border-radius:0 24px 24px 0;
  background:linear-gradient(90deg,#fffdf9,#fff 14%);
  box-shadow:var(--story-shadow);
}

body[data-page="login"] .auth-card::after,
body[data-page="signup"] .auth-card::after{
  content:'';position:absolute;top:22px;bottom:22px;left:12px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(201,168,76,.3),transparent);
  pointer-events:none;
}

body[data-page="login"] .auth-tabs,
body[data-page="signup"] .auth-tabs{
  padding:3px;border-color:rgba(70,41,94,.1);border-radius:999px;background:#f6f1f9;
}
body[data-page="login"] .auth-tab,
body[data-page="signup"] .auth-tab{border-radius:999px;font-size:12px;font-weight:800}
body[data-page="login"] .auth-tab.on,
body[data-page="signup"] .auth-tab.on{
  background:#fff;color:var(--story-purple);box-shadow:0 4px 15px rgba(38,13,63,.08);
}

body[data-page="login"] .form-title,
body[data-page="signup"] .form-title{font-family:'Gowun Batang',serif;font-weight:700;letter-spacing:-.65px}

body[data-page="login"] input,
body[data-page="signup"] input,
body[data-page="signup"] select{
  border-color:rgba(72,42,97,.14);border-radius:10px;background:rgba(255,255,255,.85);
}
body[data-page="login"] input:focus,
body[data-page="signup"] input:focus,
body[data-page="signup"] select:focus{
  border-color:rgba(130,83,232,.64);box-shadow:0 0 0 4px rgba(130,83,232,.075);
}
body[data-page="login"] .submit-btn,
body[data-page="signup"] .submit-btn{
  border-radius:11px;background:linear-gradient(135deg,#8150e8,#6830c8);
  box-shadow:0 10px 24px rgba(104,48,200,.18);
}

body[data-page="signup"] .signup-shell{box-shadow:var(--story-shadow)}
body[data-page="signup"] .signup-story{
  border:1px solid rgba(234,213,140,.25);border-right:0;border-radius:24px 0 0 24px;
  background:
    radial-gradient(circle at 84% 8%,rgba(188,167,251,.15),transparent 30%),
    linear-gradient(150deg,#190527,#32104f 68%,#401961);
}
body[data-page="signup"] .signup-story::before,
body[data-page="signup"] .signup-story::after{content:none;display:none}
body[data-page="signup"] .signup-story>*{z-index:1}
body[data-page="signup"] .signup-journey-item{
  border:0;border-top:1px solid rgba(255,255,255,.11);border-radius:0;background:transparent;
  padding:12px 2px;
}
body[data-page="signup"] .signup-journey-item:first-child{border-top-color:rgba(234,213,140,.3)}
body[data-page="signup"] .signup-shell .auth-card{
  border-color:rgba(72,42,97,.12);border-radius:0 24px 24px 0;background:var(--story-paper);
}

/* ── PROFILE: a person writing their own chapter ── */
body[data-page$=".apply"] .apply-onboarding-page{
  --apply-shadow:var(--story-shadow);
  --apply-soft-shadow:var(--story-shadow-soft);
  background:
    radial-gradient(circle at 94% 5%,rgba(130,83,232,.105),transparent 30rem),
    linear-gradient(180deg,#fbf8ff,#f8f4fb 44%,#fbf9fd);
}
body[data-page$=".apply"] .apply-onboarding-page::before{
  height:270px;background:
    linear-gradient(114deg,transparent 49.9%,rgba(201,168,76,.08) 50%,transparent 50.15%),
    linear-gradient(180deg,rgba(255,255,255,.6),transparent);
}
body[data-page$=".apply"] .apply-intro .ey{color:var(--story-gold);letter-spacing:2.2px}
body[data-page$=".apply"] .apply-intro .sec-title{
  font-family:'Gowun Batang',serif;font-weight:700;color:var(--story-ink);
}
body[data-page$=".apply"] .apply-intro-pill{
  border-color:rgba(70,41,94,.1);background:rgba(255,253,248,.78);box-shadow:none;
}
body[data-page$=".apply"] .apply-steps{
  overflow:hidden;border-color:rgba(70,41,94,.12);border-radius:22px;
  background:linear-gradient(160deg,rgba(255,253,248,.94),rgba(248,242,252,.9));
  box-shadow:var(--story-shadow-soft);
}
body[data-page$=".apply"] .apply-steps::after{
  content:'';position:absolute;left:-30%;right:-20%;bottom:-20px;height:72px;
  border:1px solid rgba(130,83,232,.13);border-radius:50%;transform:rotate(-5deg);pointer-events:none;
}
body[data-page$=".apply"] .apply-rail-title{font-weight:700}
body[data-page$=".apply"] .apply-progress-track{height:2px;background:rgba(70,41,94,.09)}
body[data-page$=".apply"] .apply-progress-fill{background:linear-gradient(90deg,var(--story-purple),var(--story-gold))}
body[data-page$=".apply"] .apply-step-num{
  border-color:rgba(70,41,94,.15);background:var(--story-paper);font-family:'Gowun Batang',serif;
}
body[data-page$=".apply"] .apply-step.on .apply-step-num{
  border-color:rgba(201,168,76,.54);background:var(--story-purple);color:var(--story-gold-soft);
  box-shadow:0 7px 18px rgba(42,11,72,.13);
}
body[data-page$=".apply"] .apply-section::before{color:var(--story-gold);letter-spacing:2.1px}
body[data-page$=".apply"] .apply-section-heading h2{font-weight:700;color:var(--story-ink)}
body[data-page$=".apply"] .fsec{
  margin-bottom:18px;padding:27px 28px 12px;border-color:rgba(70,41,94,.105);border-radius:20px;
  background:
    linear-gradient(90deg,rgba(201,168,76,.07) 0 1px,transparent 1px) 18px 0/100% 100% no-repeat,
    linear-gradient(145deg,var(--story-paper),#fff 48%,#fcf9ff);
  box-shadow:var(--story-shadow-soft);
}
body[data-page$=".apply"] .fsec-title{
  color:var(--story-purple);border-bottom-color:rgba(70,41,94,.09);letter-spacing:1.1px;
}
body[data-page$=".apply"] input:not([type=checkbox]):not([type=radio]):not([type=file]),
body[data-page$=".apply"] select,
body[data-page$=".apply"] textarea{
  border-color:rgba(70,41,94,.15);background:rgba(255,255,255,.9);box-shadow:none;
}
body[data-page$=".apply"] input:focus,
body[data-page$=".apply"] select:focus,
body[data-page$=".apply"] textarea:focus{
  border-color:rgba(130,83,232,.58);box-shadow:0 0 0 4px rgba(130,83,232,.07);
}
body[data-page$=".apply"] .tag{border-color:rgba(70,41,94,.13)}
body[data-page$=".apply"] .tag.on{
  border-color:rgba(130,83,232,.48);background:#f4efff;color:var(--story-purple);
}
body[data-page$=".apply"] .apply-nav-primary,
body[data-page$=".apply"] .submit-btn{
  background:linear-gradient(135deg,#8150e8,#6b31cc);box-shadow:0 10px 25px rgba(107,49,204,.16);
}

/* ── MY PAGE: a private archive, and a sealed arrival ── */
body[data-page$=".mypage"] .mypage-head-sec{
  position:relative;padding-top:44px;padding-bottom:26px;
}
body[data-page$=".mypage"] .mypage-head-sec::after{
  content:'';position:absolute;left:24px;right:24px;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(201,168,76,.45),rgba(70,41,94,.09),transparent);
}
body[data-page$=".mypage"] .mypage-heading .ey{color:var(--story-gold);letter-spacing:2px}
body[data-page$=".mypage"] .mypage-heading .sec-title{
  font-family:'Gowun Batang',serif;font-weight:700;letter-spacing:-.8px;
}
body[data-page$=".mypage"] .my-wrap{position:relative}
body[data-page$=".mypage"] .my-tabs{
  gap:4px;padding:5px;border:1px solid rgba(70,41,94,.09);border-radius:14px;
  background:rgba(255,253,248,.72);box-shadow:none;
}
body[data-page$=".mypage"] .my-tab{
  position:relative;border:0!important;border-radius:10px!important;background:transparent!important;
  color:var(--text2)!important;box-shadow:none!important;
}
body[data-page$=".mypage"] .my-tab.on{
  background:#fff!important;color:var(--story-purple)!important;box-shadow:0 5px 18px rgba(37,13,62,.08)!important;
}
body[data-page$=".mypage"] .my-tab.on::after{
  content:'';position:absolute;left:50%;bottom:4px;width:18px;height:2px;border-radius:2px;
  transform:translateX(-50%);background:var(--story-gold);
}
body[data-page$=".mypage"] .my-card{
  border-color:rgba(70,41,94,.105);border-radius:20px;background:linear-gradient(145deg,var(--story-paper),#fff);
  box-shadow:var(--story-shadow-soft);
}
body[data-page$=".mypage"] .mypage-empty-card{
  background:linear-gradient(145deg,var(--story-paper),#fbf7ff);text-align:center;
}
body[data-page$=".mypage"] .mc-new{
  border-color:rgba(201,168,76,.6)!important;border-radius:22px;
  background:
    linear-gradient(90deg,rgba(201,168,76,.08) 0 1px,transparent 1px) 20px 0/100% 100% no-repeat,
    linear-gradient(145deg,#fffdf7,#fff 56%,#fbf6ff);
  box-shadow:0 22px 55px rgba(42,11,72,.1);
  animation:none!important;
}
body[data-page$=".mypage"] .mc-new::before{
  left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--story-gold),transparent);
}
body[data-page$=".mypage"] .match-arrival-teaser{
  border-color:rgba(234,213,140,.3);border-radius:20px;
  background:
    radial-gradient(circle at 82% 0,rgba(188,167,251,.16),transparent 34%),
    linear-gradient(145deg,#190527,#30104c 70%,#3b175c);
  box-shadow:0 20px 48px rgba(37,13,62,.18);
}
body[data-page$=".mypage"] .match-arrival-lines path,
body[data-page$=".mypage"] .op-story-lines path{
  stroke-dasharray:none!important;stroke-dashoffset:0!important;animation:none!important;
}
body[data-page$=".mypage"] .match-arrival-seal{
  border-color:rgba(234,213,140,.62);background:rgba(255,253,248,.045);
  box-shadow:0 0 0 7px rgba(234,213,140,.035);
}
body[data-page$=".mypage"] .match-arrival-copy h3{font-weight:700}
body[data-page$=".mypage"] .match-arrival-signal{
  border-radius:10px;background:rgba(255,255,255,.045);backdrop-filter:none;
}
body[data-page$=".mypage"] .new-match-profile-button{
  border-radius:11px;background:linear-gradient(135deg,#8150e8,#6930c8);
  box-shadow:0 10px 24px rgba(105,48,200,.2);
}
body[data-page$=".mypage"] .new-match-profile-button:hover span{transform:none}
body[data-page$=".mypage"] .op-hero,
body[data-page$=".mypage"] .match-report-card,
body[data-page$=".mypage"] .op-profile-section{
  border-color:rgba(70,41,94,.1);border-radius:20px;background:var(--story-paper);
  box-shadow:var(--story-shadow-soft);
}
body[data-page$=".mypage"] .op-story-cover{
  box-sizing:border-box;border-radius:20px;
  align-items:center;justify-content:center;text-align:center;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.98) 0 15%,rgba(255,255,255,.56) 38%,transparent 68%),
    linear-gradient(155deg,#fdfbff 0%,#f6f1fb 54%,#efe8f7 100%);
  color:#2c1737;box-shadow:inset 0 0 0 1px rgba(104,68,132,.08),0 20px 42px rgba(45,16,84,.10);
}
body[data-page$=".mypage"] .op-story-cover::before{
  content:'';position:absolute;inset:12px;border:1px solid rgba(134,98,158,.11);border-radius:17px;pointer-events:none;
}
body[data-page$=".mypage"] .op-story-cover::after{
  content:'';position:absolute;left:50%;bottom:0;width:58%;height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.58),transparent);pointer-events:none;
}
body[data-page$=".mypage"] .op-story-copy{max-width:480px;margin-top:0}
body[data-page$=".mypage"] .op-story-copy>span:not(.op-story-crown):not(.op-story-divider){margin-bottom:15px;color:#8d699f;font-size:8px;letter-spacing:2.1px}
body[data-page$=".mypage"] .op-story-copy>strong{color:#2b1735;font-size:27px;font-weight:700;line-height:1.38;letter-spacing:-1.15px}
body[data-page$=".mypage"] .op-story-crown,
body[data-page$=".mypage"] .op-story-divider{display:flex;align-items:center;justify-content:center;gap:9px;color:#b69136}
body[data-page$=".mypage"] .op-story-crown{margin:0 auto 18px}
body[data-page$=".mypage"] .op-story-divider{margin:18px auto 0}
body[data-page$=".mypage"] .op-story-crown i,
body[data-page$=".mypage"] .op-story-divider i{display:block;width:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(182,145,54,.55))}
body[data-page$=".mypage"] .op-story-crown i:last-child,
body[data-page$=".mypage"] .op-story-divider i:last-child{transform:scaleX(-1)}
body[data-page$=".mypage"] .op-story-crown b{font-size:9px;font-weight:400}
body[data-page$=".mypage"] .op-story-divider b{font-size:8px;font-weight:400}
body[data-page$=".mypage"] .op-story-copy>p{max-width:340px;margin:13px auto 0;color:#806f86;font-size:10.5px;line-height:1.75;letter-spacing:-.12px}
body[data-page$=".mypage"] .op-journey-progress span{transition:none}
body[data-page$=".mypage"] .match-profile-showcase.is-motion-ready .op-journey-reveal{
  opacity:1!important;transform:none!important;transition:none!important;
}
body[data-page$=".mypage"] .accept-modal-card{
  border-color:rgba(201,168,76,.25);border-radius:22px;
  background:linear-gradient(145deg,var(--story-paper),#fff 60%,#faf5ff);
}
body[data-page$=".mypage"] .accept-modal-art{
  background:linear-gradient(145deg,#190527,#32104f);
}
body[data-page$=".mypage"] .accept-modal-title{font-family:'Gowun Batang',serif;font-weight:700}

/* Public journey pages: preserve their own layouts, share the same editorial paper. */
body[data-page="about"] .about-image-break-card,
body[data-page="process"] .match-preview-sec,
body[data-page="pricing"] .include-card,
body[data-page="reviews"] .cc,
body[data-page="notes"] .note-card,
body[data-page="faq"] .faq-item{
  border-color:rgba(70,41,94,.1);
  box-shadow:var(--story-shadow-soft);
}

/* Motion policy: only state changes; never fly copy through the page. */
@media (prefers-reduced-motion:reduce){
  body[data-page$=".apply"] *,body[data-page$=".mypage"] *,
  body[data-page="login"] *,body[data-page="signup"] *{
    scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;
  }
}

@media(max-width:768px){
  body[data-page="login"] .auth-wrap,
  body[data-page="signup"] .auth-wrap{
    display:block;min-height:0;padding:18px 14px 34px;background:linear-gradient(180deg,rgba(130,83,232,.055),transparent 230px);
  }
  .login-story{
    min-height:128px;padding:24px 22px;border-right:1px solid rgba(234,213,140,.28);
    border-bottom:0;border-radius:18px 18px 0 0;justify-content:center;
  }
  .login-story::before,.login-story::after{top:18px;height:66px}
  .login-story>strong{margin-top:7px;font-size:20px}
  .login-story>p{display:none}
  body[data-page="login"] .auth-card{
    min-height:0;padding:25px 20px 28px;border-radius:0 0 18px 18px;
  }
  body[data-page="signup"] .signup-story{border-right:1px solid rgba(234,213,140,.25);border-radius:18px 18px 0 0}
  body[data-page="signup"] .signup-shell .auth-card{border-radius:0 0 18px 18px}
  body[data-page="login"] .auth-card::after,body[data-page="signup"] .auth-card::after{display:none}

  body[data-page$=".apply"] .apply-mobile-welcome,
  body[data-page$=".apply"] .apply-onboarding-page{background:linear-gradient(180deg,#f6f0fb,#fbf9fd 230px)}
  body[data-page$=".apply"] .apply-mobile-welcome-body{position:relative}
  body[data-page$=".apply"] .apply-mobile-welcome-body::after{
    content:'';position:absolute;left:22px;right:22px;bottom:12px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(201,168,76,.45),transparent);
  }
  body[data-page$=".apply"] .apply-steps{border-radius:14px;background:rgba(255,253,248,.92)}
  body[data-page$=".apply"] .fsec{
    margin-bottom:10px;padding:18px 16px 7px;border-radius:15px;background:var(--story-paper);box-shadow:none;
  }
  body[data-page$=".apply"] .apply-section-heading h2{font-size:21px}

  body[data-page$=".mypage"] .mypage-head-sec{padding-top:28px;padding-bottom:20px}
  body[data-page$=".mypage"] .mypage-head-sec::after{left:18px;right:18px}
  body[data-page$=".mypage"] .my-tabs{margin-left:14px;margin-right:14px;overflow-x:auto}
  body[data-page$=".mypage"] .my-card{border-radius:16px;box-shadow:0 8px 24px rgba(37,13,62,.055)}
  body[data-page$=".mypage"] .match-arrival-teaser{padding:21px 18px 18px;border-radius:17px}
  body[data-page$=".mypage"] .match-arrival-copy h3{font-size:21px}
  body[data-page$=".mypage"] .match-arrival-signals{grid-template-columns:1fr}
  body[data-page$=".mypage"] .op-hero,
  body[data-page$=".mypage"] .match-report-card,
  body[data-page$=".mypage"] .op-profile-section{border-radius:16px;box-shadow:none}
}

@media(max-width:390px){
  .login-story{padding-left:18px;padding-right:18px}
  .login-story>strong{font-size:18px}
  body[data-page="login"] .auth-card,body[data-page="signup"] .auth-card{padding-left:17px;padding-right:17px}
  body[data-page$=".mypage"] .match-arrival-copy h3{font-size:19px}
}

/* Match arrival and final choice: one storybook, opened at the emotional peak. */
body[data-page$=".mypage"] .mc-new{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:auto minmax(180px,1fr) auto;
  gap:0;
  padding:54px 24px 24px;
  overflow:hidden;
  border:1px solid rgba(167,124,54,.34)!important;
  border-radius:22px 26px 26px 22px;
  background:
    linear-gradient(90deg,transparent 49.55%,rgba(76,42,65,.10) 49.85%,rgba(255,255,255,.72) 50%,rgba(76,42,65,.08) 50.2%,transparent 50.55%),
    linear-gradient(90deg,#fffaf0 0 49.9%,#fffdf7 50.1% 100%);
  box-shadow:0 26px 60px rgba(59,31,69,.13),0 4px 0 #eee3d5,0 8px 0 #faf4eb;
  animation:storybookSettle .75s cubic-bezier(.2,.72,.2,1) both!important;
  isolation:isolate;
}
body[data-page$=".mypage"] .mc-new>div:first-child{
  position:absolute;
  z-index:7;
  top:19px;
  left:24px;
  right:24px;
  margin:0!important;
}
body[data-page$=".mypage"] .mc-new::before{
  content:'';
  position:absolute;
  z-index:1;
  top:48px;
  bottom:22px;
  left:50%;
  width:1px;
  height:auto;
  background:linear-gradient(180deg,transparent,rgba(116,77,91,.22) 14%,rgba(116,77,91,.13) 84%,transparent);
  box-shadow:-7px 0 18px rgba(72,39,58,.07),7px 0 18px rgba(72,39,58,.05);
}
body[data-page$=".mypage"] .mc-new::after{
  content:'';
  position:absolute;
  z-index:8;
  top:48px;
  right:22px;
  bottom:22px;
  left:50%;
  border:1px solid rgba(168,128,64,.13);
  border-left:0;
  border-radius:2px 18px 18px 2px;
  background:
    radial-gradient(circle at 82% 16%,rgba(224,193,116,.12),transparent 27%),
    linear-gradient(90deg,#f8ecdc,#fffdf7 16%,#fffaf1);
  box-shadow:8px 6px 22px rgba(60,34,48,.08);
  transform-origin:left center;
  pointer-events:none;
  animation:storybookTurn 1.05s .12s cubic-bezier(.34,.03,.2,1) both;
}
body[data-page$=".mypage"] .mc-new .match-arrival-teaser{
  grid-column:1;
  grid-row:2/4;
  align-self:stretch;
  min-height:255px;
  margin:0;
  padding:31px 31px 27px 22px;
  overflow:hidden;
  border:0;
  border-radius:17px 5px 5px 17px;
  background:
    radial-gradient(circle at 13% 13%,rgba(223,187,106,.22),transparent 25%),
    radial-gradient(circle at 90% 74%,rgba(159,113,194,.18),transparent 38%),
    linear-gradient(145deg,#f7eaf0,#eee3f5 60%,#f8eef3);
  color:#321d3c;
  box-shadow:inset 0 0 0 1px rgba(151,109,66,.12),inset -12px 0 24px rgba(68,38,60,.045);
}
body[data-page$=".mypage"] .mc-new .match-arrival-lines{opacity:.18}
body[data-page$=".mypage"] .mc-new .match-arrival-lines path{stroke:#79518f}
body[data-page$=".mypage"] .mc-new .match-arrival-lines path+path{stroke:#b48c42}
body[data-page$=".mypage"] .mc-new .match-arrival-lines circle{fill:rgba(255,255,255,.55);stroke:#b48c42}
body[data-page$=".mypage"] .mc-new .match-arrival-seal{
  border-color:rgba(157,111,40,.42);
  background:rgba(255,253,247,.6);
  color:#9d7128;
  box-shadow:0 7px 18px rgba(91,54,84,.08);
}
body[data-page$=".mypage"] .mc-new .match-arrival-kicker{color:#8c6230}
body[data-page$=".mypage"] .mc-new .match-arrival-copy h3{color:#2e1839;font-weight:700}
body[data-page$=".mypage"] .mc-new .match-arrival-copy p{color:#6e5b73}
body[data-page$=".mypage"] .mc-new .match-arrival-signals{
  border-top-color:rgba(89,53,85,.13);
}
body[data-page$=".mypage"] .mc-new .match-arrival-signal{
  border-color:rgba(103,70,105,.13);
  background:rgba(255,253,249,.55);
}
body[data-page$=".mypage"] .mc-new .match-arrival-signal-icon{background:rgba(180,140,66,.12);color:#9b702b}
body[data-page$=".mypage"] .mc-new .match-arrival-signal small{color:#89602e}
body[data-page$=".mypage"] .mc-new .match-arrival-signal strong{color:#48334f}
body[data-page$=".mypage"] .mc-new .match-arrival-reveal-note{
  grid-column:2;
  grid-row:2;
  align-self:center;
  margin:0;
  padding:34px 38px 22px;
  color:#533c5c;
  text-align:left;
}
body[data-page$=".mypage"] .mc-new .match-arrival-reveal-note::before{
  content:none;
}
body[data-page$=".mypage"] .mc-new .match-arrival-reveal-note strong{
  display:block;
  color:#422b4c;
  font:400 18px/1.72 'Gowun Batang',serif;
  letter-spacing:-.35px;
  word-break:keep-all;
}
body[data-page$=".mypage"] .mc-new .match-arrival-reveal-note span{
  display:block;
  position:relative;
  margin-top:19px;
  padding-top:15px;
  color:#817184;
  font-size:11px;
  line-height:1.65;
  word-break:keep-all;
}
body[data-page$=".mypage"] .mc-new .match-arrival-reveal-note span::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:32px;
  height:1px;
  background:linear-gradient(90deg,#c79b45,rgba(199,155,69,0));
}
body[data-page$=".mypage"] .mc-new .new-match-profile-button{
  grid-column:2;
  grid-row:3;
  width:auto;
  min-height:48px;
  margin:0 38px 25px;
  border:1px solid rgba(88,46,106,.16);
  border-radius:10px;
  background:linear-gradient(135deg,#704184,#5c326e);
  box-shadow:0 9px 22px rgba(77,39,94,.18);
}

body[data-page$=".mypage"] .op-choice-stage{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:auto auto 1fr;
  gap:0;
  padding:32px 28px 28px;
  border:1px solid rgba(167,124,54,.28);
  border-radius:22px 26px 26px 22px;
  background:
    linear-gradient(90deg,transparent 49.6%,rgba(71,37,58,.09) 49.9%,rgba(255,255,255,.68) 50%,rgba(71,37,58,.075) 50.2%,transparent 50.55%),
    linear-gradient(90deg,#fff9ef 0 49.9%,#fffdf8 50.1% 100%);
  color:#321d3c;
  box-shadow:0 24px 54px rgba(59,31,69,.12),0 4px 0 #eee3d6;
}
body[data-page$=".mypage"] .op-choice-stage::before{
  content:'';
  position:absolute;
  top:18px;
  bottom:18px;
  left:50%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(109,71,85,.2) 16%,rgba(109,71,85,.12) 84%,transparent);
  box-shadow:-7px 0 18px rgba(61,35,49,.05),7px 0 18px rgba(61,35,49,.045);
}
body[data-page$=".mypage"] .op-choice-lines{opacity:.12}
body[data-page$=".mypage"] .op-choice-lines path{stroke:#a77a2f}
body[data-page$=".mypage"] .op-choice-lines path+path{stroke:#815192}
body[data-page$=".mypage"] .op-choice-seal{
  grid-column:1;
  grid-row:1;
  border-color:rgba(167,122,47,.42);
  background:#fffaf0;
  color:#a27731;
  box-shadow:0 8px 22px rgba(70,36,65,.08);
}
body[data-page$=".mypage"] .op-choice-kicker{grid-column:1;grid-row:2;color:#946a2e}
body[data-page$=".mypage"] .op-choice-stage h4{
  grid-column:1;
  grid-row:3;
  align-self:start;
  margin:12px 24px 0;
  color:#321d3c;
  font-size:24px;
}
body[data-page$=".mypage"] .op-choice-actions{
  grid-column:2;
  grid-row:1/4;
  align-self:center;
  width:calc(100% - 48px);
  margin:0 24px;
}
body[data-page$=".mypage"] .op-choice-primary{
  border-color:#6c3e7e;
  background:linear-gradient(135deg,#76458a,#5b306d);
  color:#fffdf8;
  box-shadow:0 12px 26px rgba(75,37,90,.2);
}
body[data-page$=".mypage"] .op-choice-secondary{
  color:#8b7b8d;
  text-decoration-color:rgba(91,58,96,.2);
}

@keyframes storybookSettle{
  from{opacity:.55;transform:perspective(1200px) rotateX(2.2deg) scale(.985);box-shadow:0 14px 32px rgba(59,31,69,.08)}
  to{opacity:1;transform:perspective(1200px) rotateX(0) scale(1);box-shadow:0 26px 60px rgba(59,31,69,.13),0 4px 0 #eee3d5,0 8px 0 #faf4eb}
}
@keyframes storybookTurn{
  0%{opacity:1;transform:perspective(1200px) rotateY(0deg)}
  72%{opacity:.92;transform:perspective(1200px) rotateY(-76deg)}
  100%{opacity:0;transform:perspective(1200px) rotateY(-91deg)}
}

@media(max-width:768px){
  body[data-page$=".mypage"] .mc-new{
    display:block;
    padding:52px 14px 16px;
    border-radius:18px 21px 21px 18px;
    background:linear-gradient(90deg,#fffaf1,#fffdf8 55%,#fff9ef);
    box-shadow:0 16px 38px rgba(59,31,69,.1),0 3px 0 #eee3d5,0 6px 0 #faf4eb;
  }
  body[data-page$=".mypage"] .mc-new::before{
    top:auto;bottom:16px;left:22px;right:22px;width:auto;height:1px;
    background:linear-gradient(90deg,transparent,rgba(116,77,91,.18),transparent);box-shadow:none;
  }
  body[data-page$=".mypage"] .mc-new::after{top:49px;right:14px;bottom:16px;left:14px;transform-origin:left center}
  body[data-page$=".mypage"] .mc-new .match-arrival-teaser{
    min-height:0;padding:25px 19px 22px;border-radius:15px 15px 5px 5px;box-shadow:inset 0 0 0 1px rgba(151,109,66,.12);
  }
  body[data-page$=".mypage"] .mc-new .match-arrival-copy h3{font-size:21px}
  body[data-page$=".mypage"] .mc-new .match-arrival-reveal-note{padding:25px 18px 18px;text-align:left}
  body[data-page$=".mypage"] .mc-new .match-arrival-reveal-note::before{margin-bottom:12px}
  body[data-page$=".mypage"] .mc-new .match-arrival-reveal-note br{display:block}
  body[data-page$=".mypage"] .mc-new .match-arrival-reveal-note strong{font-size:15px;line-height:1.7;letter-spacing:-.25px}
  body[data-page$=".mypage"] .mc-new .match-arrival-reveal-note span{margin-top:15px;padding-top:13px;font-size:10.5px}
  body[data-page$=".mypage"] .mc-new .new-match-profile-button{width:100%;margin:0;min-height:50px}

  body[data-page$=".mypage"] .op-choice-stage{display:block;padding:26px 17px 19px;border-radius:18px 21px 21px 18px;background:linear-gradient(90deg,#fff9ef,#fffdf8 54%,#fffaf1)}
  body[data-page$=".mypage"] .op-choice-stage::before{top:auto;left:17px;right:17px;bottom:15px;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(109,71,85,.15),transparent);box-shadow:none}
  body[data-page$=".mypage"] .op-choice-stage h4{margin:10px 0 19px;font-size:21px}
  body[data-page$=".mypage"] .op-choice-actions{width:100%;margin:0}
}

@media(prefers-reduced-motion:reduce){
  body[data-page$=".mypage"] .mc-new{animation:none!important}
  body[data-page$=".mypage"] .mc-new::after{display:none}
}

/* Match report reader: one chapter at a time, with a real page-turn transition. */
body[data-page$=".mypage"] .op-report-reader{
  position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  height:min(760px,calc(100dvh - 92px));min-height:580px;margin:14px 0 24px;padding:0 0 14px;scroll-margin-top:72px;
  border:1px solid rgba(101,70,125,.14);border-radius:24px;
  background:radial-gradient(circle at 92% 5%,rgba(132,92,211,.08),transparent 30%),linear-gradient(145deg,#fff 0%,#fdfbff 64%,#f7f3fc 100%);
  box-shadow:0 22px 55px rgba(52,28,76,.10);overflow:hidden;
}
body[data-page$=".mypage"] .op-report-reader-pages{position:relative;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;perspective:1800px;transform-style:preserve-3d;scrollbar-width:thin;scrollbar-color:rgba(111,74,137,.23) transparent}
body[data-page$=".mypage"] .op-report-reader-pages::-webkit-scrollbar{width:5px}
body[data-page$=".mypage"] .op-report-reader-pages::-webkit-scrollbar-thumb{border-radius:8px;background:rgba(111,74,137,.23)}
body[data-page$=".mypage"] .op-report-reader-page[hidden]{display:none!important}
body[data-page$=".mypage"] .op-report-reader-page{min-height:100%;transform-origin:left center;backface-visibility:hidden}
body[data-page$=".mypage"] .op-report-reader-page[data-report-page="cover"]{display:flex;height:100%}
body[data-page$=".mypage"] .op-report-reader-page.is-turning-out{will-change:transform,opacity;animation:opReportPageOut .18s ease-in both}
body[data-page$=".mypage"] .op-report-reader-page.is-turning-in{will-change:transform,opacity;animation:opReportPageIn .32s cubic-bezier(.16,.84,.31,1) both}
body[data-page$=".mypage"] .op-report-reader-page.is-turning-out.is-turning-back{transform-origin:right center;animation-name:opReportPageOutBack}
body[data-page$=".mypage"] .op-report-reader-page.is-turning-in.is-turning-back{transform-origin:right center;animation-name:opReportPageInBack}
@keyframes opReportPageOut{to{opacity:.18;transform:perspective(1800px) rotateY(-11deg) translate3d(-10px,0,0)}}
@keyframes opReportPageIn{from{opacity:.12;transform:perspective(1800px) rotateY(13deg) translate3d(13px,0,0)}to{opacity:1;transform:none}}
@keyframes opReportPageOutBack{to{opacity:.18;transform:perspective(1800px) rotateY(11deg) translate3d(10px,0,0)}}
@keyframes opReportPageInBack{from{opacity:.12;transform:perspective(1800px) rotateY(-13deg) translate3d(-13px,0,0)}to{opacity:1;transform:none}}
body[data-page$=".mypage"] .op-report-reader .op-story-cover{flex:1;height:auto;min-height:100%;margin:0;padding:42px 34px;border-radius:0}
body[data-page$=".mypage"] .op-chapter-index{
  position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);
  align-items:center;gap:22px;margin:0;padding:11px 18px 10px 20px;
  border-top:0;border-bottom:1px solid rgba(101,70,125,.09);background:rgba(253,251,255,.92);
}
body[data-page$=".mypage"] .op-chapter-index-title{color:#8b6d98;font-size:7.5px;font-weight:900;letter-spacing:1.85px;white-space:nowrap}
body[data-page$=".mypage"] .op-chapter-index-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
body[data-page$=".mypage"] .op-chapter-index button{
  position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:7px 6px 8px;
  border:0;border-radius:0;background:transparent;color:#988b9a;font-family:'Pretendard',sans-serif;
  cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
body[data-page$=".mypage"] .op-chapter-index button::after{content:'';position:absolute;left:18%;right:18%;bottom:1px;height:1px;background:transparent;transition:background .18s ease}
body[data-page$=".mypage"] .op-chapter-index button small{color:#a68ab2;font:700 9.5px/1 'Gowun Batang',serif}
body[data-page$=".mypage"] .op-chapter-index button span{font-size:9.5px;font-weight:700;white-space:nowrap}
body[data-page$=".mypage"] .op-chapter-index button.is-active{
  background:transparent;color:#4f315b;box-shadow:none;
}
body[data-page$=".mypage"] .op-chapter-index button.is-active::after{background:linear-gradient(90deg,rgba(124,76,154,.18),#c9a84c,rgba(124,76,154,.18))}
body[data-page$=".mypage"] .op-chapter-index button.is-active small{color:#7d4f98}
body[data-page$=".mypage"] .op-report-chapter{
  position:relative;min-height:100%;box-sizing:border-box;margin:0;padding:30px 30px 34px 38px;overflow:hidden;
  border:0;border-radius:0;
  background:radial-gradient(circle at 96% 2%,rgba(128,85,190,.065),transparent 26%),radial-gradient(circle at 7% 92%,rgba(224,204,238,.16),transparent 32%),linear-gradient(90deg,rgba(95,65,128,.025),transparent 14%),#fff;
  box-shadow:none;
}
body[data-page$=".mypage"] .op-report-chapter::before{
  content:'';position:absolute;top:13px;bottom:13px;left:9px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(116,76,145,.20) 12%,rgba(116,76,145,.10) 88%,transparent);
}
body[data-page$=".mypage"] .op-report-chapter::after{
  content:'';position:absolute;top:0;right:0;width:54px;height:54px;
  background:linear-gradient(225deg,rgba(223,214,238,.64) 0 48%,transparent 50%);opacity:.55;pointer-events:none;
}
body[data-page$=".mypage"] .op-report-page-edge{
  position:absolute;top:20px;bottom:20px;left:14px;width:3px;
  border-left:1px solid rgba(108,70,94,.07);border-right:1px solid rgba(126,91,151,.09);pointer-events:none;
}
body[data-page$=".mypage"] .op-report-chapter::before,
body[data-page$=".mypage"] .op-report-page-edge,
body[data-page$=".mypage"] .op-journey-progress{display:none}
body[data-page$=".mypage"] .op-report-chapter>.op-story-step{margin:0 0 19px}
body[data-page$=".mypage"] .op-report-chapter>.op-story-step .op-story-step-number{font-size:18px}
body[data-page$=".mypage"] .op-report-chapter>.op-story-step .op-story-step-copy strong{font-family:'Gowun Batang',serif;font-size:16px;font-weight:700}
body[data-page$=".mypage"] .op-report-chapter-body>.report-engagement-section:first-child>*:first-child{margin-top:0}
body[data-page$=".mypage"] .op-report-chapter-body>.report-engagement-section+.report-engagement-section{margin-top:18px}
body[data-page$=".mypage"] .op-report-reader .curated-report-letter{
  border-color:rgba(116,76,145,.16);background:linear-gradient(135deg,#fff,rgba(245,240,251,.78));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.82),0 9px 22px rgba(68,38,94,.045);
}
body[data-page$=".mypage"] .op-report-reader .curated-report-letter::before{background:linear-gradient(180deg,#8258a0,rgba(139,92,246,.35))}
body[data-page$=".mypage"] .op-report-reader .curated-letter-kicker{color:#76518d}
body[data-page$=".mypage"] .op-report-reader .op-choice-stage[data-report-chapter="choice"]{min-height:100%;box-sizing:border-box;margin:0;border:0;border-radius:0;box-shadow:none}
body[data-page$=".mypage"] .op-report-reader-controls{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 18px 3px;border-top:1px solid rgba(104,68,132,.08);background:#fff;
}
body[data-page$=".mypage"] .op-report-reader-controls button{
  display:flex;align-items:center;gap:7px;min-height:39px;padding:5px 3px;border:0;border-radius:0;
  background:transparent;color:#674875;font:700 10.5px/1.2 'Pretendard',sans-serif;cursor:pointer;transition:.18s ease;
}
body[data-page$=".mypage"] .op-report-reader-controls button span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(104,68,132,.13);border-radius:50%;background:#faf7fd;color:#82569a;font-size:13px}
body[data-page$=".mypage"] .op-report-reader-controls button:hover:not(:disabled){background:transparent;color:#3f234c;transform:translateY(-1px)}
body[data-page$=".mypage"] .op-report-reader-controls button:hover:not(:disabled) span{border-color:rgba(104,68,132,.26);background:#f4edf9}
body[data-page$=".mypage"] .op-report-reader-controls button:disabled{opacity:.3;cursor:default}
body[data-page$=".mypage"] .op-report-reader-next{justify-self:end;justify-content:flex-end}
body[data-page$=".mypage"] .op-report-reader-prev{justify-self:start}
body[data-page$=".mypage"] .op-report-reader-status{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:94px;color:#2d1939;text-align:center}
body[data-page$=".mypage"] .op-report-reader-status small{font-size:7px;font-weight:900;letter-spacing:1.35px;color:#826295}
body[data-page$=".mypage"] .op-report-reader-status b{font-family:'Gowun Batang',serif;font-size:12px;font-weight:700}

@media(max-width:768px){
  body[data-page$=".mypage"] .op-report-reader{height:calc(100dvh - 92px);min-height:590px;margin:10px -4px 18px;border-radius:19px;scroll-margin-top:62px}
  body[data-page$=".mypage"] .op-report-reader .op-story-cover{height:auto;min-height:100%;padding:30px 20px;border-radius:0}
  body[data-page$=".mypage"] .op-story-cover::before{inset:8px;border-radius:14px}
  body[data-page$=".mypage"] .op-story-copy{margin-top:0}
  body[data-page$=".mypage"] .op-story-copy>strong{font-size:21.5px;line-height:1.43;letter-spacing:-.85px}
  body[data-page$=".mypage"] .op-story-copy>p{max-width:280px;font-size:10px;line-height:1.7}
  body[data-page$=".mypage"] .op-story-crown{margin-bottom:15px}
  body[data-page$=".mypage"] .op-story-divider{margin-top:16px}
  body[data-page$=".mypage"] .op-chapter-index{display:block;margin:0;padding:7px 8px;overflow:hidden;border-radius:0}
  body[data-page$=".mypage"] .op-chapter-index-title{display:none}
  body[data-page$=".mypage"] .op-chapter-index-list{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;gap:3px;overflow-x:auto;scrollbar-width:none}
  body[data-page$=".mypage"] .op-chapter-index-list::-webkit-scrollbar{display:none}
  body[data-page$=".mypage"] .op-chapter-index button{min-height:44px;padding:10px 11px 11px}
  body[data-page$=".mypage"] .op-chapter-index button span{font-size:9px}
  body[data-page$=".mypage"] .op-report-chapter{
    margin:0;padding:21px 14px 24px 21px;border-radius:0;box-shadow:none;
  }
  body[data-page$=".mypage"] .op-report-chapter::before{left:7px}
  body[data-page$=".mypage"] .op-report-page-edge{left:11px}
  body[data-page$=".mypage"] .op-report-chapter>.op-story-step{margin-bottom:15px}
  body[data-page$=".mypage"] .op-report-chapter>.op-story-step .op-story-step-copy strong{font-size:13px}
  body[data-page$=".mypage"] .op-report-reader .op-choice-stage[data-report-chapter="choice"]{min-height:100%;border-radius:0}
  body[data-page$=".mypage"] .op-report-reader-controls{z-index:8;gap:6px;padding:9px 10px 2px;border-top:1px solid rgba(104,68,132,.08)}
  body[data-page$=".mypage"] .op-report-reader-controls button{min-width:44px;min-height:44px;padding:4px 2px;font-size:9.5px}
  body[data-page$=".mypage"] .op-report-reader-controls button span{width:34px;height:34px}
  body[data-page$=".mypage"] .op-report-reader-page.is-turning-out{animation-duration:.15s}
  body[data-page$=".mypage"] .op-report-reader-page.is-turning-in{animation-duration:.25s}
  body[data-page$=".mypage"] .op-report-reader-controls button b{display:none}
  body[data-page$=".mypage"] .op-report-reader-status{min-width:82px}
  body[data-page$=".mypage"] .op-report-reader-status small{font-size:6.5px}
  body[data-page$=".mypage"] .op-report-reader-status b{font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  body[data-page$=".mypage"] .op-report-reader-page{animation:none!important;transition:none!important}
}

/* Mobile matching report: preserve every chapter while giving the copy room to breathe. */
@media(max-width:768px){
  body[data-page$=".mypage"] .my-card>.match-profile-showcase{
    width:auto;margin-right:0;margin-left:0;
  }
  body[data-page$=".mypage"] .reopenable-match-profile[open]{
    margin-right:0;margin-left:0;border-radius:16px;
  }
  body[data-page$=".mypage"] .reopenable-match-profile-body{
    padding:0;border-top-color:rgba(101,70,125,.1);
  }
  body[data-page$=".mypage"] .reopenable-match-profile-body .match-profile-showcase{
    margin-top:0;
  }
  body[data-page$=".mypage"] .op-report-reader{
    width:100%;height:calc(100dvh - 78px);min-height:610px;margin:0 0 16px;
    border-radius:16px;box-sizing:border-box;
  }
  body[data-page$=".mypage"] .op-report-reader .op-story-cover{
    padding:32px 24px;
  }
  body[data-page$=".mypage"] .op-story-copy>strong{
    font-size:23px;line-height:1.48;letter-spacing:-.7px;
  }
  body[data-page$=".mypage"] .op-story-copy>p{
    max-width:320px;font-size:12.5px;line-height:1.75;
  }
  body[data-page$=".mypage"] .op-chapter-index{
    padding:6px 9px 7px;
  }
  body[data-page$=".mypage"] .op-report-reader[data-current-page="cover"] .op-chapter-index{display:none}
  body[data-page$=".mypage"] .op-chapter-index-list{
    width:100%;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;gap:2px;padding-bottom:1px;
  }
  body[data-page$=".mypage"] .op-chapter-index button{
    min-height:44px;padding:9px 4px 10px;
  }
  body[data-page$=".mypage"] .op-chapter-index button small{
    display:none;
  }
  body[data-page$=".mypage"] .op-chapter-index button span{
    font-size:9.5px;
  }
  body[data-page$=".mypage"] .op-report-chapter{
    padding:25px 18px 30px 27px;
  }
  body[data-page$=".mypage"] .op-report-chapter::before{left:9px}
  body[data-page$=".mypage"] .op-report-page-edge{left:14px}
  body[data-page$=".mypage"] .op-report-chapter>.op-story-step{
    grid-template-columns:30px minmax(18px,1fr) auto;gap:8px;margin-bottom:20px;
  }
  body[data-page$=".mypage"] .op-report-chapter>.op-story-step .op-story-step-number{
    font-size:19px;
  }
  body[data-page$=".mypage"] .op-report-chapter>.op-story-step .op-story-step-copy small{
    font-size:9.5px;letter-spacing:.8px;
  }
  body[data-page$=".mypage"] .op-report-chapter>.op-story-step .op-story-step-copy strong{
    font-size:15.5px;line-height:1.4;
  }
  body[data-page$=".mypage"] .op-report-chapter-body>.report-engagement-section+.report-engagement-section{
    margin-top:22px;
  }
  body[data-page$=".mypage"] .curated-report-card,
  body[data-page$=".mypage"] .op-intro-card,
  body[data-page$=".mypage"] .op-charm-card,
  body[data-page$=".mypage"] .op-scene-section,
  body[data-page$=".mypage"] .op-facts-section,
  body[data-page$=".mypage"] .op-trust-ledger{
    padding:18px 16px;border-radius:17px;
  }
  body[data-page$=".mypage"] .curated-report-letter{
    padding:18px 15px 18px 67px;
  }
  body[data-page$=".mypage"] .curated-letter-envelope{left:13px}
  body[data-page$=".mypage"] .curated-report-heading p,
  body[data-page$=".mypage"] .curated-signal-note,
  body[data-page$=".mypage"] .op-day-note,
  body[data-page$=".mypage"] .op-rhythm-head p,
  body[data-page$=".mypage"] .op-facts-head p,
  body[data-page$=".mypage"] .op-trust-copy p{
    font-size:12px;line-height:1.7;
  }
  body[data-page$=".mypage"] .curated-report-kicker,
  body[data-page$=".mypage"] .curated-letter-kicker,
  body[data-page$=".mypage"] .op-scene-kicker,
  body[data-page$=".mypage"] .op-day-art figcaption span,
  body[data-page$=".mypage"] .op-day-story-kicker,
  body[data-page$=".mypage"] .op-day-question span,
  body[data-page$=".mypage"] .op-rhythm-head>span,
  body[data-page$=".mypage"] .op-facts-head>span,
  body[data-page$=".mypage"] .op-trust-copy>span,
  body[data-page$=".mypage"] .op-photo-reveal-kicker,
  body[data-page$=".mypage"] .op-choice-kicker{
    font-size:10px;letter-spacing:1px;
  }
  body[data-page$=".mypage"] .curated-signal-grid{
    grid-template-columns:1fr;grid-auto-flow:row;grid-auto-columns:auto;gap:10px;
    margin-top:12px;padding:12px 0 0;overflow-x:visible;scroll-snap-type:none;
  }
  body[data-page$=".mypage"] .op-mobile-swipe-hint{display:none}
  body[data-page$=".mypage"] .curated-signal{
    width:100%;box-sizing:border-box;grid-template-columns:40px minmax(0,1fr);
    column-gap:11px;padding:14px;scroll-snap-align:none;
  }
  body[data-page$=".mypage"] .curated-signal-label,
  body[data-page$=".mypage"] .op-fact-card>div span,
  body[data-page$=".mypage"] .op-trust-row>span:nth-child(2){
    font-size:10px;
  }
  body[data-page$=".mypage"] .curated-signal-value,
  body[data-page$=".mypage"] .op-rhythm-point strong,
  body[data-page$=".mypage"] .op-fact-card>div strong,
  body[data-page$=".mypage"] .op-trust-row strong{
    font-size:12px;
  }
  body[data-page$=".mypage"] .curated-signal-value{
    font-size:14px;line-height:1.55;word-break:keep-all;
  }
  body[data-page$=".mypage"] .curated-signal-note{
    color:#75697b;font-size:12.5px;line-height:1.65;word-break:keep-all;
  }
  body[data-page$=".mypage"] .op-scene-title,
  body[data-page$=".mypage"] .op-facts-head h3,
  body[data-page$=".mypage"] .op-trust-copy h3{
    font-size:20px;
  }
  body[data-page$=".mypage"] .op-day-story h4{
    font-size:20px;
  }
  body[data-page$=".mypage"] .op-day-story>strong,
  body[data-page$=".mypage"] .op-day-question p{
    font-size:12.5px;
  }
  body[data-page$=".mypage"] .op-day-mobile-detail summary{
    min-height:42px;font-size:12px;
  }
  body[data-page$=".mypage"] .op-rhythm-stage{
    padding:22px 17px 20px;border-radius:19px;
  }
  body[data-page$=".mypage"] .op-rhythm-label,
  body[data-page$=".mypage"] .op-rhythm-distance span{
    font-size:9.5px;
  }
  body[data-page$=".mypage"] .op-rhythm-point p,
  body[data-page$=".mypage"] .op-rhythm-distance strong{
    font-size:11px;
  }
  body[data-page$=".mypage"] .op-trust-ledger{
    grid-template-columns:66px minmax(0,1fr);gap:5px 14px;
  }
  body[data-page$=".mypage"] .op-trust-rows{margin-top:14px}
  body[data-page$=".mypage"] .op-trust-row{padding:11px 10px}
  body[data-page$=".mypage"] .op-report-reader-controls{
    padding:8px 12px 5px;
  }
  body[data-page$=".mypage"] .op-report-reader-controls button{
    min-width:48px;min-height:48px;font-size:11px;
  }
  body[data-page$=".mypage"] .op-report-reader-controls button span{
    width:38px;height:38px;font-size:16px;
  }
  body[data-page$=".mypage"] .op-report-reader-status small{font-size:8px}
  body[data-page$=".mypage"] .op-report-reader-status b{font-size:13px}
}

/* Mobile report v18: restore the pre-storybook continuous report. */
@media(max-width:768px){
  body[data-page$=".mypage"],
  body[data-page$=".mypage"] button,
  body[data-page$=".mypage"] a{touch-action:manipulation}
  body[data-page$=".mypage"] .mobile-continuous-report{
    display:block;width:100%;min-width:0;margin:10px 0 18px;padding:0;
    overflow:visible;border:0;background:transparent;box-shadow:none;
  }
  body[data-page$=".mypage"] .mobile-continuous-report .op-journey-progress{display:none}
  body[data-page$=".mypage"] .mobile-continuous-report .op-story-cover{
    min-height:226px;margin:0 0 14px;padding:24px 18px;border-radius:19px;
    align-items:center;justify-content:center;text-align:center;
  }
  body[data-page$=".mypage"] .mobile-continuous-report .op-story-copy{max-width:420px;margin-top:0;text-align:center}
  body[data-page$=".mypage"] .mobile-continuous-report .op-story-copy>strong{
    font-size:21px;line-height:1.42;letter-spacing:-.5px;
  }
  body[data-page$=".mypage"] .mobile-continuous-report>.report-engagement-section{
    margin:0 0 14px;padding:0;
  }
  body[data-page$=".mypage"] .mobile-continuous-report .op-story-step{
    grid-template-columns:24px minmax(12px,1fr) auto;gap:7px;margin:20px 2px 10px;
  }
  body[data-page$=".mypage"] .mobile-continuous-report .op-story-step-copy small{display:none}
  body[data-page$=".mypage"] .mobile-continuous-report .op-story-step-copy strong{
    color:var(--text);font-family:inherit;font-size:12px;font-weight:900;line-height:1.45;white-space:nowrap;
  }
  body[data-page$=".mypage"] .mobile-continuous-report .op-intro-card,
  body[data-page$=".mypage"] .mobile-continuous-report .op-charm-card,
  body[data-page$=".mypage"] .mobile-continuous-report .op-scene-section,
  body[data-page$=".mypage"] .mobile-continuous-report .op-facts-section,
  body[data-page$=".mypage"] .mobile-continuous-report .op-trust-ledger{
    border-color:rgba(108,70,134,.1);box-shadow:none;
  }
  body[data-page$=".mypage"] .mobile-continuous-report .curated-report-summary,
  body[data-page$=".mypage"] .mobile-continuous-report .curated-signal-note,
  body[data-page$=".mypage"] .mobile-continuous-report .op-profile-narrative p{
    word-break:keep-all;overflow-wrap:break-word;
  }
}