/* Customer-facing reading surfaces: warm paper instead of flat navy. */
:root{
  --soft-paper:#fffdf9;--soft-ink:#2b1934;--soft-muted:#746579;
  --soft-purple:#74458a;--soft-gold:#ad8128;
  --soft-line:rgba(98,60,114,.14);--soft-gold-line:rgba(190,145,49,.3);
  --soft-shadow:0 20px 52px rgba(63,35,76,.09);
}

/* Login and signup */
.login-story,body[data-page="signup"] .signup-story{
  border-color:var(--soft-gold-line);color:var(--soft-ink);box-shadow:var(--soft-shadow);
  background:radial-gradient(circle at 82% 13%,rgba(194,166,235,.24),transparent 31%),radial-gradient(circle at 10% 91%,rgba(229,194,105,.15),transparent 32%),linear-gradient(145deg,#fffdf7 0%,#faf5fd 58%,#f3ecfa 100%);
}
body[data-page="signup"] .signup-story{
  border-color:var(--soft-line);
  background:radial-gradient(circle at 82% 13%,rgba(194,166,235,.2),transparent 31%),linear-gradient(145deg,#fffdfb 0%,#faf6fd 58%,#f4effa 100%);
}
body[data-page="signup"] .auth-tab{font-weight:650}
.login-story::before,body[data-page="signup"] .signup-story::before{border-color:rgba(132,83,159,.18)}
.login-story::after,body[data-page="signup"] .signup-story::after{border-color:rgba(190,145,49,.28)}
.login-story>span,body[data-page="signup"] .signup-story-kicker{color:var(--soft-gold)}
.login-story>strong,body[data-page="signup"] .signup-story h1{color:var(--soft-ink)}
.login-story>p,body[data-page="signup"] .signup-story>p{color:var(--soft-muted)}
body[data-page="signup"] .signup-story-mobile strong{color:var(--soft-ink)}
body[data-page="signup"] .signup-story-mobile span{color:var(--soft-muted)}
body[data-page="signup"] .signup-journey-item{border-top-color:rgba(97,59,112,.11);background:rgba(255,255,255,.42)}
body[data-page="signup"] .signup-journey-item:first-child{border-top-color:var(--soft-gold-line)}
body[data-page="signup"] .signup-journey-item b{border-color:rgba(190,145,49,.4);background:rgba(255,253,248,.78);color:var(--soft-gold)}
body[data-page="signup"] .signup-journey-item strong{color:var(--soft-ink)}
body[data-page="signup"] .signup-journey-item span,body[data-page="signup"] .signup-story-note{color:var(--soft-muted)}

/* About */
body[data-page="about"] .about-hero{border-bottom:1px solid var(--soft-line);background:radial-gradient(circle at 92% 5%,rgba(181,145,225,.2),transparent 31%),linear-gradient(145deg,#fffdf8,#f8f2fb 70%,#fff8f3)}
body[data-page="about"] .about-hero-copy::before{background:radial-gradient(circle,rgba(201,168,76,.11),transparent 68%)}
body[data-page="about"] .about-hero-seal{background:rgba(255,253,248,.74);color:var(--soft-gold)}
body[data-page="about"] .about-hero-tag{color:var(--soft-gold)}
body[data-page="about"] .about-hero-title{color:var(--soft-ink)}
body[data-page="about"] .about-hero-title em{color:var(--soft-purple)}
body[data-page="about"] .about-hero-sub{color:var(--soft-muted)}
body[data-page="about"] .about-badge{background:rgba(201,168,76,.08);color:#805f1d}
.about-letter-signature{display:none}
body[data-page="about"] .about-hero .kyeol-fairytale-mark{display:none}
body[data-page="process"] .process-inline-detail .process-factor-head h2,
body[data-page="process"] .process-inline-detail .match-preview-title{font-size:20px;line-height:1.5;letter-spacing:-.4px}
@media(max-width:767px){
  body[data-page="process"] .process-inline-detail .process-factor-head h2,
  body[data-page="process"] .process-inline-detail .match-preview-title{font-size:17px;line-height:1.55}
}
body[data-page="about"] .about-letter-em{color:#654176;font-weight:600}
body[data-page="process"] .process-inline-detail .match-preview-head{text-align:left;margin:0 0 14px;padding:0}
body[data-page="process"] .process-inline-detail .match-preview-head .match-preview-title{font-family:'Pretendard',sans-serif;font-size:15px;font-weight:600;line-height:1.65;letter-spacing:-.2px}
body[data-page="process"] .process-inline-detail .match-preview-head .match-preview-sub{margin:6px 0 0;font-size:13px;line-height:1.75;text-align:left}
body[data-page="process"] .process-inline-detail .process-factor-head{text-align:left}
body[data-page="process"] .process-inline-detail .process-factor-head h4{margin:0;font-family:var(--font-body, sans-serif);font-size:15px;font-weight:600;line-height:1.65;letter-spacing:-.2px;color:#35283e}
body[data-page="process"] .process-inline-detail .process-factor-head h4 em{font-style:normal;color:#76508b}
body[data-page="process"] .process-inline-detail .process-factor-head p{margin:6px 0 0;font-size:13px;line-height:1.75;text-align:left}
@media(min-width:769px){
  body[data-page="about"] .about-hero{display:block;min-height:540px;background:#f8f6f5}
  body[data-page="about"] .about-hero-visual{position:absolute;inset:0;min-height:540px;background-position:50% 40%;background-size:cover}
  body[data-page="about"] .about-hero-visual::after{background:none}
  body[data-page="about"] .about-hero-copy{position:relative;margin:0 0 0 auto;width:36%;min-height:540px;padding:64px clamp(42px,4.5vw,72px) 96px;justify-content:center;background:none;text-align:left}
  body[data-page="about"] .about-hero-title{max-width:none;color:#2f2535;font-size:24px;line-height:1.55;letter-spacing:-1.3px;text-shadow:none;white-space:nowrap}
  body[data-page="about"] .about-hero-title em{color:#7951a2}
  body[data-page="about"] .about-hero-sub{color:#655b6c}
  body[data-page="about"] .about-hero-tag{color:#a87818}
}
/* Mobile photo cover and a personal letter. */
@media(max-width:768px){
  body[data-page="about"] #scroll-bar{display:none}
  body[data-page="about"] .about-hero{min-height:480px;background:#251431}
  body[data-page="about"] .about-hero-visual{position:absolute;inset:0;height:100%;min-height:0;background-position:50% 42%}
  body[data-page="about"] .about-hero-visual::after{background:linear-gradient(180deg,rgba(22,12,31,0) 18%,rgba(22,12,31,.25) 42%,rgba(22,12,31,.88) 100%)}
  body[data-page="about"] .about-hero-copy{min-height:480px;padding:230px 24px 32px;justify-content:flex-end;background:transparent}
  body[data-page="about"] .about-hero-title{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
  body[data-page="about"] .about-hero-title em{color:#f2d783}
  body[data-page="about"] .about-hero-sub{color:#f3edf6}
  body[data-page="about"] .about-hero-tag{color:#f2d783}
  body[data-page="about"] .about-hero-copy{padding-bottom:54px}
  body[data-page="about"] .about-story{
    position:relative;z-index:2;width:calc(100% - 32px);max-width:none;
    margin:-20px auto 32px;padding:34px 24px 30px;
    background:#fffdfb;border:1px solid #e8dfee;border-radius:3px 3px 14px 3px;
    box-shadow:0 10px 28px rgba(72,43,87,.065);text-align:left;
  }
  body[data-page="about"] .about-story::before,
  body[data-page="about"] .about-story::after,
  body[data-page="about"] .about-story>.kyeol-ornament{display:none}
  body[data-page="about"] .about-story-eyebrow{display:block;font-size:11px;letter-spacing:1px;color:#8a6b99;margin:0 0 18px}
  body[data-page="about"] .about-story-title{font-size:23px;line-height:1.55;font-weight:700;letter-spacing:-.6px;margin:0 0 27px;word-break:keep-all}
  body[data-page="about"] .about-story p{font-size:15px;line-height:1.95;font-weight:400;color:#64596a;margin:0 0 24px;word-break:normal;overflow-wrap:break-word}
  body[data-page="about"] .about-letter-em{color:#654176;font-weight:600}
  body[data-page="about"] .about-letter-signature{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #eee6f1;color:#8a7c91;font-size:12px;line-height:1.8}
  body[data-page="about"] .about-letter-signature img{width:32px;height:24px;object-fit:contain}
  body[data-page="about"] .about-letter-signature b{font-family:'Gowun Batang',serif;color:#50365c;font-size:17px;font-weight:700}
}


/* Dialog artwork */
.accept-modal-art{height:76px;border-bottom:1px solid var(--soft-gold-line);background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.92),transparent 20%),linear-gradient(135deg,#fffaf1,#f6effc 58%,#fff9f5)}
.accept-modal-art svg{opacity:.72}.accept-modal-art path{stroke:#ba8e35}.accept-modal-art path+path{stroke:#9a70d8}
.accept-modal-art circle{fill:rgba(255,255,255,.82);stroke:rgba(181,135,41,.62)}.accept-modal-art span{color:#8a6020;text-shadow:none}

/* Process preview device */
.process-inline-detail{margin-top:12px;border-bottom:1px solid #e5dce9}
.process-inline-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 0;cursor:pointer;font-size:14px;font-weight:600;color:#684378;list-style:none}
.process-inline-detail>summary::-webkit-details-marker{display:none}
.process-inline-detail[open]>summary span{transform:rotate(45deg)}
body[data-page="process"] .process-inline-detail .process-factor-story,
body[data-page="process"] .process-inline-detail .match-preview-sec{margin:12px 0 24px;padding:20px;border-radius:12px;box-shadow:none;width:100%;max-width:none}
body[data-page="process"] .process-inline-detail .match-phone{width:100%;max-width:420px;box-shadow:none;margin:16px auto}
@media(max-width:767px){
  body[data-page="process"] .process-inline-detail .match-preview-sec{padding:0;background:none;border:0}
  body[data-page="process"] .process-inline-detail .match-phone{border:0;padding:0;background:none}
  body[data-page="process"] .process-inline-detail .preview-copy,
  body[data-page="process"] .process-inline-detail .preview-charm span{font-size:14px;line-height:1.8}
  body[data-page="process"] .process-inline-detail .process-factor-story{padding:16px 12px}
}
body[data-page="process"] .match-phone{border-color:rgba(118,74,134,.2);background:linear-gradient(150deg,#efe5f4,#fff8ed 62%,#eadcf2);box-shadow:0 22px 52px rgba(65,38,75,.1)}

/* Matching arrival */
body[data-page$=".mypage"] .match-arrival-teaser{border-color:var(--soft-gold-line);color:var(--soft-ink);box-shadow:var(--soft-shadow);background:radial-gradient(circle at 88% 5%,rgba(183,149,229,.2),transparent 34%),radial-gradient(circle at 6% 96%,rgba(225,191,99,.12),transparent 32%),linear-gradient(145deg,#fffdf8 0%,#fbf6ff 66%,#f7effc 100%)}
body[data-page$=".mypage"] .match-arrival-seal{border-color:rgba(176,132,38,.48);background:rgba(255,253,248,.78);color:#9a7125;box-shadow:0 0 0 7px rgba(207,176,95,.07)}
body[data-page$=".mypage"] .match-arrival-kicker{color:var(--soft-gold)}
body[data-page$=".mypage"] .match-arrival-copy h3{color:var(--soft-ink)}
body[data-page$=".mypage"] .match-arrival-copy p{color:var(--soft-muted)}
body[data-page$=".mypage"] .match-arrival-signals{border-top-color:rgba(97,59,112,.11)}
body[data-page$=".mypage"] .match-arrival-signal{border-color:rgba(97,59,112,.12);background:rgba(255,255,255,.72)}
body[data-page$=".mypage"] .match-arrival-signal-icon{background:rgba(190,145,49,.1);color:var(--soft-gold)}
body[data-page$=".mypage"] .match-arrival-signal small{color:#90681e}
body[data-page$=".mypage"] .match-arrival-signal strong{color:#49374f}

/* Match report: photographic canvases remain dark. */
body[data-page$=".mypage"] :is(.op-scene-section,.op-rhythm-stage,.op-photo-reveal:not(.op-photo-reveal-unavailable),.op-choice-stage){border-color:var(--soft-line);color:var(--soft-ink);box-shadow:0 16px 38px rgba(60,33,72,.07);background:radial-gradient(circle at 90% 4%,rgba(181,145,225,.17),transparent 30%),radial-gradient(circle at 5% 95%,rgba(222,186,91,.09),transparent 29%),linear-gradient(145deg,#fffdf9,#faf6fd 68%,#fff9f5)}
body[data-page$=".mypage"] :is(.op-scene-kicker,.op-day-story-kicker,.op-rhythm-head>span,.op-choice-kicker){color:var(--soft-gold)}
body[data-page$=".mypage"] :is(.op-scene-title,.op-day-story h4,.op-day-story>strong,.op-rhythm-head h3,.op-choice-stage h4){color:var(--soft-ink)}
body[data-page$=".mypage"] :is(.op-scene-head p,.op-day-note,.op-rhythm-head p){color:var(--soft-muted)}
body[data-page$=".mypage"] .op-rhythm-head p[style],body[data-page$=".mypage"] .op-rhythm-head p[style] strong{color:var(--soft-muted)!important}
body[data-page$=".mypage"] .op-day-visual,body[data-page$=".mypage"] .op-rhythm-point{border-color:rgba(97,59,112,.12);background:rgba(255,255,255,.74)}
body[data-page$=".mypage"] .op-day-question{border-left-color:rgba(184,137,39,.54);background:rgba(201,168,76,.07)}
body[data-page$=".mypage"] .op-day-question span,body[data-page$=".mypage"] .op-photo-reveal-kicker{color:var(--soft-gold)}
body[data-page$=".mypage"] .op-day-question p,body[data-page$=".mypage"] .op-rhythm-point strong{color:#4d3b52}
body[data-page$=".mypage"] .op-day-mobile-detail{border-top-color:rgba(97,59,112,.13)}
body[data-page$=".mypage"] .op-day-mobile-detail summary{color:var(--soft-muted)}
body[data-page$=".mypage"] .op-day-mobile-detail summary span{color:var(--soft-gold)}
body[data-page$=".mypage"] .op-rhythm-label{color:#987f9e}
body[data-page$=".mypage"] .op-rhythm-point p,body[data-page$=".mypage"] .op-photo-reveal:not(.op-photo-reveal-unavailable)>p{color:var(--soft-muted)}
body[data-page$=".mypage"] .op-photo-reveal:not(.op-photo-reveal-unavailable) .op-photo-reveal-title{color:var(--soft-ink)}
body[data-page$=".mypage"] .op-photo-reveal:not(.op-photo-reveal-unavailable) .op-profile-protection-note{border-top-color:rgba(97,59,112,.13);color:var(--soft-muted)!important}
body[data-page$=".mypage"] .op-choice-seal{border-color:rgba(184,137,39,.42);background:rgba(255,253,248,.8);color:#a27a26;box-shadow:0 0 24px rgba(184,137,39,.08)}
body[data-page$=".mypage"] .op-choice-secondary{color:#806f85;text-decoration-color:rgba(97,59,112,.22)}

/* Profile registration report invite */
body[data-page$=".apply"] .pm-report-hero{border-bottom:1px solid var(--soft-gold-line);background:radial-gradient(circle at 90% 5%,rgba(183,149,229,.22),transparent 35%),linear-gradient(135deg,#fffaf1,#f7f0fc 72%,#fff9f5);color:var(--soft-ink)}
body[data-page$=".apply"] .pm-report-eyebrow{color:var(--soft-gold)}
body[data-page$=".apply"] .pm-report-title{color:var(--soft-ink)}
body[data-page$=".apply"] .pm-report-title span{color:var(--soft-purple)}

/* Profile consulting workspace */
:is(.pdw-supplement,.pdw-complete){border:1px solid var(--soft-line);color:var(--soft-ink);box-shadow:var(--soft-shadow);background:radial-gradient(circle at 88% 5%,rgba(181,145,225,.18),transparent 31%),linear-gradient(145deg,#fffdf8,#faf4fb 68%,#fff8f2)}
.pdw-supplement header p,.pdw-question-head p,.pdw-submitted p{color:var(--soft-muted)}
.pdw-question{border-top-color:rgba(97,59,112,.12)}
.pdw-question-head i,.pdw-supplement header span,.pdw-complete>span{color:var(--soft-gold)}
.pdw-question-head span{color:#957d9c}.pdw-question-head b{color:var(--soft-ink)}
.pdw-question textarea{border-color:rgba(97,59,112,.17);background:rgba(255,255,255,.82);color:var(--soft-ink)}
.pdw-complete-mark{border-color:rgba(184,138,53,.48);background:rgba(255,253,248,.75);color:#a47722}
.pdw-complete>div b{border-color:rgba(184,138,53,.27);background:rgba(201,168,76,.075);color:#79581d}

/* Profile consulting offer */
.direction-v2-hero{border-color:var(--soft-gold-line);color:var(--soft-ink);box-shadow:var(--soft-shadow);background:radial-gradient(circle at 5% 5%,rgba(175,105,190,.16),transparent 30%),radial-gradient(circle at 93% 91%,rgba(226,184,77,.14),transparent 32%),linear-gradient(140deg,#fffdf8,#f8f1fb 60%,#fff8f1)}
.direction-v2-hero:after{color:rgba(113,72,131,.035)}
.direction-v2-hero .offer-eyebrow{color:var(--soft-gold)}
.direction-v2-hero h1{color:var(--soft-ink)}
.direction-v2-hero h1 em{background:none;color:var(--soft-purple);-webkit-text-fill-color:currentColor}
.direction-v2-lead{color:var(--soft-muted)}
.direction-v2-proof span,.direction-v2-hero-benefits>span{border-color:rgba(97,59,112,.12);background:rgba(255,255,255,.72);color:#59465f;box-shadow:none}
.direction-v2-hero-benefits>span.is-premium{border-color:var(--soft-gold-line);background:rgba(201,168,76,.08)}
.direction-v2-hero-benefits i{background:rgba(126,81,190,.1);color:var(--soft-purple)}
.direction-v2-hero-benefits b{color:var(--soft-ink)}
.direction-v2-actions a{border-color:rgba(97,59,112,.18);background:rgba(255,255,255,.78);color:var(--soft-purple)}
.direction-v2-hero-art{border-color:rgba(97,59,112,.12);box-shadow:0 18px 40px rgba(54,31,66,.1)}
.direction-v2-bonus{border-color:var(--soft-gold-line);color:var(--soft-ink);box-shadow:var(--soft-shadow);background:radial-gradient(circle at 0 0,rgba(178,116,188,.13),transparent 34%),linear-gradient(125deg,#fffdf8,#f7effa 62%,#fff8ef)}
.direction-v2-bonus header .offer-eyebrow,.direction-v2-bonus article small{color:var(--soft-gold)}
.direction-v2-bonus h2,.direction-v2-bonus article b{color:var(--soft-ink)}
.direction-v2-bonus h2 em,.direction-v2-bonus-details summary{color:var(--soft-purple)}
.direction-v2-bonus article{border-color:rgba(97,59,112,.12);background:rgba(255,255,255,.72);box-shadow:none}
.direction-v2-bonus article em,.direction-v2-bonus-details li{color:var(--soft-muted)}

/* Start explanatory sections */
.ad-start .presence-section{background:radial-gradient(circle at 83% 8%,rgba(161,118,210,.14),transparent 27%),linear-gradient(180deg,#fbf7fd,#f8f3f9);color:var(--soft-ink)}
.ad-start .presence-head .start-kicker{color:var(--soft-gold)}
.ad-start .presence-head .start-h2{color:var(--soft-ink)}
.ad-start .presence-head .start-h2 em{color:var(--soft-purple)}
.ad-start .presence-card:nth-child(2),.ad-start .price-card{border-color:var(--soft-gold-line);background:linear-gradient(148deg,#fffaf3,#f8f1fb);color:var(--soft-ink);box-shadow:var(--soft-shadow)}
.ad-start .presence-card:nth-child(2) .presence-card-head span{color:var(--soft-gold)}
.ad-start .presence-card:nth-child(2) .presence-signal,.ad-start .texture-response{border-color:rgba(97,59,112,.11);background:rgba(255,255,255,.7)}
.ad-start .presence-card:nth-child(2) .presence-react{border-color:rgba(184,137,39,.35);background:rgba(201,168,76,.08);color:#79591c}
.ad-start .texture-response p,.ad-start .price-card h3{color:var(--soft-ink)}
.ad-start .price-card h3 strong{color:#a77c22}.ad-start .price-card p{color:var(--soft-muted)}

/* Current event explanatory panel */
.duo-page .duo-texture{border:1px solid var(--soft-line);color:var(--soft-ink);box-shadow:var(--soft-shadow);background:radial-gradient(circle at 94% 4%,rgba(178,139,220,.18),transparent 31%),linear-gradient(145deg,#fffdf8,#f8f2fb 68%,#fff8f3)}
.duo-page .duo-texture-copy h2 em{color:var(--soft-purple)}
.duo-page .duo-texture-copy>p,.duo-page .duo-texture-meter small,.duo-page .duo-texture-journey p{color:var(--soft-muted)}
.duo-page .duo-texture-copy>p strong{color:var(--soft-ink)}
.duo-page .duo-texture-meter{border-color:rgba(97,59,112,.12);background:rgba(255,255,255,.68)}
.duo-page .duo-texture-meter p,.duo-page .duo-texture-journey li>span{color:var(--soft-gold)}

/* Notes middle invitation */
.note-mid-cta{border:1px solid var(--soft-gold-line);color:var(--soft-ink);box-shadow:var(--soft-shadow);background:radial-gradient(circle at 92% 4%,rgba(181,145,225,.18),transparent 31%),linear-gradient(145deg,#fffdf8,#f8f2fb 68%,#fff8f3)}
.note-mid-cta:before{border-color:rgba(184,137,39,.2)}
.note-cta-number,.note-mid-cta-copy>span{color:var(--soft-gold)}
.note-mid-cta h2,.note-mid-cta a,.note-cta-time strong{color:var(--soft-ink)}
.note-mid-cta p,.note-cta-time{color:var(--soft-muted)}
.note-mid-cta a{border-bottom-color:rgba(184,137,39,.55)}

/* Legacy event ticket */
.event-orbit-pass{border-color:var(--soft-gold-line);color:var(--soft-ink);box-shadow:0 25px 52px rgba(66,38,76,.12);background:radial-gradient(circle at 85% 10%,rgba(232,201,106,.15),transparent 32%),linear-gradient(145deg,#fffdf7,#f6effb)}
.event-orbit-pass-head>span,.event-orbit-pass-foot span,.event-orbit-pass-foot b{color:var(--soft-gold)}
.event-orbit-pass-head small{color:#8c7b91}.event-orbit-pass>strong{color:var(--soft-ink)}
.event-orbit-pass-foot{border-top-color:rgba(97,59,112,.12)}

/* Relationship result */
.relationship-test-page .insight.wide,.relationship-test-page .report-conclusion,.relationship-test-page .tension-note{border:1px solid var(--soft-line);color:var(--soft-ink);box-shadow:0 12px 30px rgba(60,33,72,.06);background:radial-gradient(circle at 92% 4%,rgba(181,145,225,.16),transparent 31%),linear-gradient(145deg,#fffdf9,#faf5fd)}
.relationship-test-page .insight.wide p,.relationship-test-page .report-conclusion p,.relationship-test-page .tension-note p{color:var(--soft-muted)}
.relationship-test-page .report-conclusion .section-label{color:var(--soft-purple)}
.relationship-test-page .report-conclusion h3,.relationship-test-page .tension-note b,.relationship-test-page .tension-note p strong{color:var(--soft-ink)}

@media(max-width:768px){
  .login-story,body[data-page="signup"] .signup-story{border-right-color:var(--soft-gold-line)}
  body[data-page$=".mypage"] .op-rhythm-point,body[data-page$=".mypage"] .op-rhythm-point-1,body[data-page$=".mypage"] .op-rhythm-point-2,body[data-page$=".mypage"] .op-rhythm-point-3,body[data-page$=".mypage"] .op-rhythm-point-4,body[data-page$=".mypage"] .op-rhythm-point-5{background:rgba(255,255,255,.78)}
}