.hero.px-hero-block{padding-top:var(--s6);}

.px-hero-photo{display:block;width:120px;height:120px;margin:var(--s4) auto 0;border-radius:9999px;object-fit:cover;border:4px solid var(--white,#fff);box-shadow:0 6px 20px rgba(216,72,47,.16), 0 0 0 2px var(--coral-soft,#FBEAE4);}
.ritual-dog-photo{width:96px;height:96px;margin:0 auto 18px;display:block;border-radius:9999px;object-fit:cover;border:3px solid var(--white,#fff);box-shadow:0 4px 14px rgba(216,72,47,.16);}


.service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-bottom:var(--s5);}
.service-tab{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:var(--s4) var(--s3);cursor:pointer;
  background:var(--bg-section);
  border:1.5px solid var(--line);
  border-radius:var(--r-md);
  color:var(--sub);
  font-family:var(--font-sans);
  transition:border-color .18s var(--ease),background .18s var(--ease);
}
.service-tab:hover{background:#FFF0EE;border-color:var(--coral-soft);}
.service-tab.active{
  border-color:var(--coral);
  background:var(--coral-wash);
}
.service-tab .tab-icon{font-size:20px;line-height:1;}
.service-tab .tab-label{font-weight:700;font-size:14px;color:var(--ink);word-break:keep-all;text-align:center;}
.service-tab.active .tab-label{color:var(--coral);}
.service-tab .tab-desc{font-size:11.5px;color:var(--faint);}


.form-card{margin-bottom:var(--s5);}
.form-group{margin-bottom:var(--s5);}
.form-group:last-of-type{margin-bottom:var(--s6);}
.form-label{
  display:block;font-size:var(--fs-sm);font-weight:600;
  color:var(--ink);margin-bottom:var(--s3);
}
.form-label span{color:var(--coral);}
.form-label span.opt{color:var(--faint);font-weight:400;font-size:12px;}
.form-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--s2);}
.form-input{
  width:100%;padding:13px 14px;font-size:15px;font-family:var(--font-sans);
  color:var(--ink);background:var(--bg);
  border:1.5px solid var(--line);
  border-radius:var(--r-sm);
  -webkit-appearance:none;appearance:none;outline:none;
  transition:border-color .15s var(--ease);
}
.form-input::placeholder{color:var(--faint);}
.form-input:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(216,72,48,.10);}
select.form-input{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;padding-right:34px;
}


.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);}
.breed-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);}
.size-btn,.breed-btn{
  display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:var(--s4) var(--s2);cursor:pointer;text-align:center;
  background:var(--bg);border:1.5px solid var(--line);
  border-radius:var(--r-sm);
  color:var(--sub);font-family:var(--font-sans);
  transition:border-color .15s var(--ease),background .15s var(--ease);
}
.size-btn:hover,.breed-btn:hover{background:var(--coral-wash);border-color:var(--coral-soft);}
.size-btn.active,.breed-btn.active{
  border-color:var(--coral);background:var(--coral-wash);
}
.size-icon,.breed-icon{font-size:20px;line-height:1;}
.size-label,.breed-label{font-weight:700;font-size:13px;color:var(--ink);}
.size-btn.active .size-label,.breed-btn.active .breed-label{color:var(--coral);}
.size-desc,.breed-desc{font-size:10.5px;color:var(--faint);}


.couple-extra{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s var(--ease),opacity .3s var(--ease);}
.couple-extra.open{max-height:640px;opacity:1;margin-top:var(--s3);}
.couple-divider{margin:var(--s5) 0;}
.couple-divider .glyph{color:var(--faint);font-size:13px;}


.ritual{
  display:none;position:fixed;inset:0;z-index:50;
  place-items:center;background:rgba(255,255,255,.96);
}
.ritual.show{display:grid;}
.ritual-inner{text-align:center;padding:0 32px;max-width:420px;}

.ritual-dog{width:84px;height:84px;margin:0 auto 18px;display:block;animation:dogBob 1.6s ease-in-out infinite;}
@keyframes dogBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.ritual-dog{animation:none;}}

.constellation{
  position:relative;width:44px;height:44px;margin:0 auto 24px;
}
.constellation::after{
  content:'';display:block;width:44px;height:44px;
  border:3px solid var(--coral-soft);
  border-top-color:var(--coral);
  border-radius:50%;
  animation:spin .8s linear infinite;
}

.const-ring,.const-star,.const-glyph,.const-core{display:none!important;}
@keyframes spin{to{transform:rotate(360deg)}}


.ritual-pillars{display:flex;justify-content:center;gap:10px;margin:0 0 20px;}
.rp{
  width:40px;height:54px;border-radius:10px;
  background:var(--bg-section);border:1px solid var(--line);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  font-weight:700;opacity:0;transform:translateY(8px);
}
.rp.show{
  opacity:1;transform:none;
  transition:opacity .5s var(--ease),transform .5s var(--ease);
}
.rp .g{font-size:17px;color:var(--coral);}
.rp .j{font-size:17px;color:var(--ink);}
.ritual-name{font-weight:700;font-size:18px;color:var(--ink);margin-bottom:6px;}
.ritual-name .nm{color:var(--coral);}
.ritual-status{color:var(--sub);font-size:14px;min-height:22px;}
.ritual-dots{display:inline-flex;gap:5px;margin-top:16px;}
.ritual-dots span{width:6px;height:6px;border-radius:50%;background:var(--coral);animation:blink 1.2s ease-in-out infinite;}
.ritual-dots span:nth-child(2){animation-delay:.2s}
.ritual-dots span:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,100%{opacity:.2}50%{opacity:1}}


.result-section{display:none;}
.result-section.show{display:block;}


.identity{text-align:center;margin-bottom:var(--s5);padding:var(--s5) 0;}
.identity .who{font-weight:700;font-size:var(--fs-h2);color:var(--ink);}
.identity .who .nm{color:var(--coral);}
.identity .meta{color:var(--faint);font-size:var(--fs-sm);margin-top:6px;}


.radar-caption{text-align:center;color:var(--sub);font-size:var(--fs-sm);margin-top:var(--s4);line-height:1.7;}
.radar-caption b{color:var(--coral);font-weight:600;}


.ohang-illust-mount{display:flex;justify-content:center;margin-bottom:var(--s4);}
.ohang-illust-mount .px-ohang-illust{width:100px;height:100px;}


.lead{font-weight:700;font-size:var(--fs-h2);line-height:1.5;text-align:center;color:var(--ink);}
.lead .nm{color:var(--coral);}
.lead-sub{color:var(--ink2);font-size:var(--fs-body);line-height:1.85;text-align:center;margin-top:var(--s4);}


.body-text{color:var(--sub);font-size:var(--fs-body);line-height:var(--lh-body);white-space:pre-line;}
.body-text .nm{color:var(--coral);font-weight:600;}


.month-flow{margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--line);}
.month-flow-head{font-weight:700;font-size:14px;color:var(--coral);margin-bottom:var(--s4);}
.month-row{display:flex;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line2);}
.month-row:last-child{border-bottom:none;}
.month-tag{flex:none;width:44px;font-weight:700;font-size:14px;color:var(--coral);padding-top:1px;}
.month-body{flex:1;color:var(--sub);font-size:14px;line-height:1.75;white-space:pre-line;}
.month-body .nm{color:var(--coral);font-weight:600;}


.px-pillar .p-oh{white-space:nowrap;}


.pillars-note{
  margin-top:var(--s4);padding-top:var(--s3);
  border-top:1px dashed var(--line);
  font-size:12.5px;line-height:1.6;color:var(--faint);text-align:center;
}


.food-intro{color:var(--sub);font-size:var(--fs-sm);line-height:1.75;margin-bottom:var(--s5);}
.food-intro .nm{color:var(--coral);font-weight:600;}
.food-group{margin-bottom:var(--s5);}
.food-group:last-child{margin-bottom:0;}
.food-group-title{
  font-weight:700;font-size:15px;margin-bottom:var(--s3);
  display:flex;align-items:center;gap:6px;
}
.food-group-title.rec{color:var(--oh-mok);}
.food-group-title.cau{color:var(--coral);}
.food-item{
  display:flex;align-items:flex-start;gap:var(--s3);
  padding:var(--s3) var(--s4);
  border:1px solid var(--line);border-radius:var(--r-sm);
  margin-bottom:var(--s2);
  background:var(--bg);
}
.food-item.rec{border-left:3px solid var(--oh-mok);}
.food-item.cau{border-left:3px solid var(--coral);}
.food-item .food-body{flex:1;min-width:0;}
.food-name{font-weight:700;font-size:14.5px;color:var(--ink);}
.food-name .badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:var(--r-pill);margin-left:6px;}
.food-name .badge.safe{color:var(--oh-mok);background:var(--oh-mok-wash);}
.food-name .badge.warn{color:var(--coral);background:var(--coral-wash);}
.food-reason{font-size:12.5px;color:var(--sub);line-height:1.6;margin-top:3px;}
.food-link{display:inline-block;font-size:12px;color:var(--coral);text-decoration:none;margin-top:6px;border-bottom:1px solid var(--coral-soft);}


.compat-vs{display:flex;align-items:center;justify-content:center;gap:var(--s3);margin-bottom:var(--s5);flex-wrap:wrap;}
.compat-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 13px;border-radius:var(--r-pill);
  font-size:13px;font-weight:700;
}

.compat-chip i{
  font-style:normal;font-weight:700;font-size:10px;
  opacity:.72;letter-spacing:.02em;margin-right:1px;white-space:nowrap;
}
.compat-vs .vs{font-weight:700;color:var(--faint);font-size:15px;}
.compat-rel{
  display:inline-block;margin:0 auto var(--s4);
  padding:5px 15px;border-radius:var(--r-pill);
  font-weight:700;font-size:14px;color:#fff;
  background:var(--coral);
}


.share-title{text-align:center;color:var(--sub);font-size:var(--fs-body);margin-bottom:var(--s5);}
.share-strip{display:flex;gap:var(--s3);}
.share-strip .px-btn{font-size:14px;padding:14px;}
.share-save-btn{width:100%;margin-top:var(--s3);font-size:14px;padding:14px;}
.retry-btn{
  display:block;width:100%;margin-top:var(--s5);padding:13px;
  background:transparent;border:none;cursor:pointer;
  color:var(--faint);font-family:var(--font-sans);font-size:14px;
}
.retry-btn:hover{color:var(--coral);}


.dbti-cta-row{display:flex;gap:var(--s3);margin-top:var(--s5);}
.dbti-cta-row .px-btn{font-size:14px;padding:13px 12px;flex:1;}
.dbti-cta-primary{white-space:nowrap;}
.dbti-cta-ghost{white-space:nowrap;}


.share-block{border:1px solid rgba(233,184,74,.28);}

.trust-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 18px;}
.trust-badge{display:inline-flex;flex-direction:column;align-items:center;gap:2px;
  padding:9px 15px;border-radius:12px;background:rgba(233,184,74,.09);
  border:1px solid rgba(233,184,74,.24);min-width:0;}
.trust-badge b{color:#E9B84A;font-size:14px;font-weight:800;line-height:1.15;letter-spacing:-.2px;}
.trust-badge i{color:var(--sub);font-size:11px;font-style:normal;line-height:1.1;}


.share-icons{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);
  margin-bottom:var(--s4);width:100%;box-sizing:border-box;
}
.share-ico{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  padding:12px 4px;border-radius:var(--r-md);cursor:pointer;
  min-width:0;box-sizing:border-box;overflow:hidden;
  background:rgba(255,255,255,.05);border:1px solid rgba(233,184,74,.30);
  color:var(--ink);font-family:var(--font-sans);transition:background .15s ease,transform .12s ease;
}
.share-ico:hover{background:rgba(233,184,74,.12);transform:translateY(-1px);}
.share-ico:active{transform:translateY(0);}
.share-ico-glyph{font-size:22px;line-height:1;}
.share-ico-txt{font-size:11.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}

@media (max-width:340px){
  .share-icons{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.share-ico--kakao{background:rgba(254,229,0,.14);border-color:rgba(254,229,0,.42);}
.share-ico--kakao .share-ico-glyph,.share-ico--kakao .share-ico-txt{color:#FEE500;}
.share-ico--x{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.30);}
.share-ico--x .share-ico-glyph,.share-ico--x .share-ico-txt{color:#fff;}
.share-native-btn{width:100%;font-size:15px;padding:15px;margin-bottom:var(--s5);}


.share-compare-hook{
  margin-top:var(--s4);padding:var(--s5) var(--s4);border-radius:var(--r-md);
  background:rgba(168,116,214,.12);border:1px dashed rgba(168,116,214,.45);text-align:center;
}
.share-compare-lead{font-weight:700;font-size:14.5px;color:var(--ink);margin-bottom:var(--s4);line-height:1.6;}
.share-compare-lead #share-compare-name{color:var(--gold-light);}
.share-compare-btn{font-size:14px;padding:13px;}


.seo-text{margin-top:var(--s7);padding-top:var(--s6);border-top:1px solid var(--line);}
.seo-text h2{font-weight:700;font-size:16px;color:var(--ink2);margin:var(--s5) 0 var(--s3);}
.seo-text p{font-size:13.5px;line-height:1.8;color:var(--sub);margin-bottom:var(--s3);}


.dbti-card{text-align:center;padding:var(--s6) var(--s5) var(--s5);}
.dbti-eyebrow{
  display:inline-block;font-size:12px;font-weight:700;
  letter-spacing:.08em;color:var(--coral);
  background:var(--coral-wash);border-radius:var(--r-pill);
  padding:4px 12px;margin-bottom:var(--s4);
  border:none; 
}

.px-card--coral .dbti-eyebrow{
  background:rgba(255,255,255,.2);color:#fff;
}
.dbti-emoji{font-size:48px;line-height:1;margin-bottom:var(--s4);}

.dbti-emoji svg.px-ohang-doghero{width:132px;height:132px;display:block;margin:0 auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.28));}
.dbti-hero .dbti-emoji svg.px-ohang-doghero{width:148px;height:148px;}

.dbti-label{
  font-weight:700;
  font-size:clamp(22px,5.5vw,28px);line-height:1.35;
  color:var(--ink);
  word-break:keep-all;letter-spacing:-.01em;
}
.px-card--coral .dbti-label{color:#fff;}
.dbti-tagline{color:var(--sub);font-size:var(--fs-body);line-height:1.7;margin-top:var(--s4);}
.px-card--coral .dbti-tagline{color:rgba(255,255,255,.85);}
.dbti-tagline .nm{color:var(--coral);font-weight:600;}
.px-card--coral .dbti-tagline .nm{color:#fff;font-weight:700;}


.dbti-hero{padding:var(--s6) var(--s5);}
.dbti-hero .dbti-emoji{font-size:60px;margin-bottom:var(--s3);}
.dbti-hero .dbti-label{font-size:clamp(26px,7vw,34px);}


.dbti-chips{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:8px;margin-top:var(--s5);
}
.dbti-chip{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:600;color:var(--ink);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(216,72,47,.18);
  border-radius:var(--r-pill);
  padding:7px 13px;line-height:1;white-space:nowrap;
}
.dbti-chip i{
  font-style:normal;font-weight:700;font-size:11px;
  color:var(--coral);letter-spacing:.02em;opacity:.9;
}
.dbti-chip--kw{color:var(--coral);background:rgba(255,255,255,.9);}

.dbti-chip--strong{
  color:#fff;background:var(--coral);
  border-color:transparent;
}
.dbti-chip--strong i{color:rgba(255,255,255,.85);}


.likes-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);}
.like-col{padding:var(--s4);border-radius:var(--r-md);border:1px solid var(--line);}
.like-col--love{background:var(--coral-wash);border-color:var(--coral-soft);}
.like-col--hate{background:var(--bg-section);border-color:var(--line);}
.like-head{font-weight:700;font-size:14px;margin-bottom:var(--s3);}
.like-col--love .like-head{color:var(--coral);}
.like-col--hate .like-head{color:var(--sub);}
.like-body{color:var(--sub);font-size:14px;line-height:1.75;}
.like-body .nm{color:var(--coral);font-weight:600;}
@media (max-width:400px){
  .likes-grid{grid-template-columns:1fr;}
}


.soreum-card .px-section-title{color:var(--coral);}
.soreum-intro{color:var(--ink2);font-size:var(--fs-body);line-height:1.75;margin-bottom:var(--s4);font-weight:600;}
.soreum-intro .nm{color:var(--coral);font-weight:700;}
.soreum-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3);}
.soreum-item{
  display:flex;align-items:flex-start;gap:var(--s3);
  padding:var(--s4);border-radius:var(--r-md);
  background:var(--coral-wash);border:1px solid var(--coral-soft);
}
.soreum-check{
  flex:none;width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--coral);color:#1E1E2E;
  font-size:13px;font-weight:900;line-height:1;margin-top:1px;
}
.soreum-obs{color:var(--ink2);font-size:14.5px;line-height:1.7;}
.soreum-obs .nm{color:var(--coral);font-weight:600;}
.soreum-reveal{
  margin-top:var(--s4);padding-top:var(--s4);
  border-top:1px solid var(--coral-soft);
  color:var(--sub);font-size:14px;line-height:1.75;text-align:center;
}
.soreum-reveal .nm{color:var(--coral);font-weight:600;}


.heart-head{font-weight:700;font-size:var(--fs-h3);color:var(--ink);margin-bottom:var(--s3);}
.heart-body{color:var(--ink2);font-size:var(--fs-body);line-height:1.85;}
.heart-body .nm{color:var(--coral);font-weight:700;}
.heart-rule{height:1px;background:var(--coral-soft);margin:var(--s5) 0;}


.letter-card{text-align:center;padding:var(--s6) var(--s5);}
.letter-seal{font-size:26px;color:var(--coral);margin-bottom:var(--s3);}
.letter-head{font-weight:700;font-size:var(--fs-h3);color:var(--ink);margin-bottom:var(--s5);}
.letter-body{
  font-size:16px;line-height:2;color:var(--ink2);
  text-align:left;
}
.letter-body .nm{color:var(--coral);font-weight:700;}
.letter-sign{margin-top:var(--s5);font-weight:600;font-size:var(--fs-sm);color:var(--faint);text-align:right;}
.letter-sign .nm{color:var(--coral);}


.share-copy-box{
  background:var(--bg-section);
  border:1px dashed var(--coral-soft);
  border-radius:var(--r-md);
  padding:var(--s4) var(--s5);margin-bottom:var(--s5);
}
.share-copy-text{color:var(--ink);font-size:15px;line-height:1.7;text-align:center;font-weight:600;word-break:keep-all;}
.share-copy-text .nm{color:var(--coral);}


@media (max-width:360px){
  .service-tab .tab-label{font-size:14px;}
  .breed-label{font-size:12px;}
  .dbti-label{font-size:20px;}
}




.px-hero-photo{border:4px solid rgba(233,184,74,.85)!important;box-shadow:0 8px 26px rgba(0,0,0,.4),0 0 0 6px rgba(233,184,74,.10)!important;}
.ritual-dog-photo{border:3px solid rgba(233,184,74,.8)!important;box-shadow:0 6px 20px rgba(0,0,0,.45)!important;}


.service-tab{background:var(--bg-section);color:var(--sub);}
.service-tab:hover{background:rgba(233,184,74,.08);border-color:rgba(233,184,74,.35);}
.service-tab.active{border-color:rgba(233,184,74,.6);background:rgba(233,184,74,.14);}
.service-tab.active .tab-label{color:var(--gold-light);}
.service-tab .tab-label{color:var(--ink);}


.service-tab#tab-couple.active{border-color:rgba(168,116,214,.6);background:rgba(168,116,214,.16);}
.service-tab#tab-couple.active .tab-label{color:#C79BE8;}


.form-input{background:rgba(255,255,255,.05);color:#fff;border-color:var(--line);}
.form-input::placeholder{color:var(--faint);}
.form-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(233,184,74,.18);}
select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C4B9D8' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");}
.size-btn,.breed-btn{background:rgba(255,255,255,.04);color:var(--sub);}
.size-label,.breed-label{color:var(--ink);}
.size-btn.active,.breed-btn.active{border-color:rgba(233,184,74,.6);background:rgba(233,184,74,.14);}
.size-btn.active .size-label,.breed-btn.active .breed-label{color:var(--gold-light);}


.ritual{background:linear-gradient(180deg,rgba(36,26,56,.97),rgba(28,20,48,.98));}
.constellation::after{border-color:rgba(233,184,74,.25);border-top-color:var(--gold);}
.rp{background:var(--bg-section);border-color:var(--line);}
.rp .g{color:var(--gold);} .rp .j{color:#fff;}
.ritual-name{color:var(--ink);} .ritual-name .nm{color:var(--gold);}
.ritual-status{color:var(--sub);}
.ritual-dots span{background:var(--gold);}


.px-card--coral .dbti-eyebrow{background:rgba(233,184,74,.18);color:var(--gold-light);}
.px-card--coral .dbti-label{color:#fff;}
.px-card--coral .dbti-tagline{color:rgba(255,255,255,.88);}
.px-card--coral .dbti-tagline .nm{color:var(--gold-light);font-weight:700;}

.dbti-eyebrow{background:rgba(233,184,74,.14);color:var(--gold-light);}


.dbti-chip{background:rgba(255,255,255,.07);border:1px solid rgba(233,184,74,.28);color:#fff;}
.dbti-chip i{color:var(--gold-light);}
.dbti-chip--kw{color:var(--gold-light);background:rgba(233,184,74,.12);}
.dbti-chip--strong{color:#241A38;background:linear-gradient(135deg,var(--gold-light),var(--gold-deep));border-color:transparent;}
.dbti-chip--strong i{color:rgba(36,26,56,.75);}


.like-col--love{background:rgba(233,184,74,.10);border-color:rgba(233,184,74,.30);}
.like-col--love .like-head{color:var(--gold-light);}
.like-col--hate{background:rgba(255,255,255,.04);border-color:var(--line);}
.like-col--hate .like-head{color:var(--sub);}
.like-body{color:var(--ink2);} .like-body .nm{color:var(--gold-light);}


.letter-seal{color:var(--gold);}
.letter-body{color:var(--ink2);} .letter-body .nm{color:var(--gold-light);}
.letter-sign .nm{color:var(--gold-light);}


.compat-rel{background:linear-gradient(135deg,var(--plum-deep),var(--plum));color:#fff;}
.compat-chip{color:#fff;}


.month-flow-head{color:var(--gold-light);}
.month-tag{color:var(--gold-light);}
.month-body{color:var(--ink2);} .month-body .nm{color:var(--gold-light);}


.food-item{background:rgba(255,255,255,.04);border-color:var(--line);}
.food-name{color:#fff;}
.food-name .badge.safe{color:#0E2A18;background:var(--oh-mok);}
.food-name .badge.warn{color:#3A1E10;background:var(--oh-to);}
.food-group-title.rec{color:var(--oh-mok);}
.food-group-title.cau{color:var(--gold-light);}
.food-item.rec{border-left:3px solid var(--oh-mok);}
.food-item.cau{border-left:3px solid var(--gold);}
.food-reason{color:var(--sub);}
.food-link{color:var(--gold-light);border-bottom-color:rgba(233,184,74,.4);}
.food-intro{color:var(--sub);} .food-intro .nm{color:var(--gold-light);}


.identity .who{color:var(--ink);} .identity .who .nm{color:var(--gold-light);}
.identity .meta{color:var(--faint);}
.lead{color:var(--ink);} .lead .nm{color:var(--gold-light);}
.lead-sub{color:var(--ink2);}
.body-text{color:var(--ink2);} .body-text .nm{color:var(--gold-light);}
.radar-caption{color:var(--sub);} .radar-caption b{color:var(--gold-light);}
.heart-head{color:var(--ink);} .heart-body{color:var(--ink2);} .heart-body .nm{color:var(--gold-light);}
.heart-rule{background:rgba(233,184,74,.3);}


.share-copy-box{background:rgba(255,255,255,.04);border-color:rgba(233,184,74,.35);}
.share-copy-text{color:#fff;} .share-copy-text .nm{color:var(--gold-light);}
.share-title{color:var(--sub);}
.retry-btn{color:var(--faint);} .retry-btn:hover{color:var(--gold-light);}


.seo-text{border-top-color:var(--line);}
.seo-text h2{color:var(--ink2);} .seo-text p{color:var(--sub);}


.form-label{color:var(--ink);} .form-label span{color:var(--gold-light);}
.couple-divider .glyph{color:var(--faint);}


.px-pillar{background:rgba(255,255,255,.04);border-color:var(--line);}
.px-pillar .p-gan{color:var(--gold-light);}
.px-pillar .p-ji{color:#fff;}
.px-pillar .p-oh{color:var(--sub);}
.px-pillar .p-label{color:var(--faint);}
.pillars-note{border-top-color:rgba(255,255,255,.14);color:var(--faint);}




.service-tab#tab-dogdog.active{border-color:rgba(233,184,74,.6);background:rgba(233,184,74,.14);}
.service-tab#tab-dogdog.active .tab-label{color:var(--gold-light);}


.invite-banner{
  display:flex;align-items:center;gap:var(--s3);
  margin:0 0 var(--s5);padding:var(--s4) var(--s4);
  border-radius:var(--r-md);
  
  background:linear-gradient(135deg,rgba(233,184,74,.16),rgba(168,116,214,.14)),var(--bg-section,#2A2043);
  border:1px solid rgba(233,184,74,.45);
}
.invite-banner-emoji{font-size:30px;line-height:1;flex-shrink:0;}
.invite-banner-body{text-align:left;}
.invite-banner-lead{font-weight:700;font-size:14.5px;color:#fff;line-height:1.55;margin:0;}
.invite-banner-lead b{color:var(--gold-light);}
.invite-banner-sub{font-size:12.5px;color:var(--sub);margin:4px 0 0;line-height:1.5;}


.invited-friend-card{
  display:flex;align-items:center;gap:var(--s3);
  padding:var(--s4);border-radius:var(--r-md);margin-top:var(--s3);
  background:linear-gradient(rgba(168,116,214,.12),rgba(168,116,214,.12)),var(--bg-section,#2A2043);
  border:1px solid rgba(168,116,214,.4);
}
.invited-friend-emoji{font-size:26px;line-height:1;flex-shrink:0;}
.invited-friend-name{font-weight:700;font-size:15px;color:var(--gold-light);}
.invited-friend-hint{font-size:12.5px;color:var(--sub);margin-top:3px;line-height:1.5;}


.dogdog-card{text-align:center;}
.dd-score-ring{
  width:132px;height:132px;margin:var(--s3) auto var(--s5);
  border-radius:50%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 40%,rgba(233,184,74,.20),rgba(36,26,56,.2)),var(--bg-section,#2A2043);
  border:3px solid var(--gold);
  box-shadow:0 0 0 6px rgba(233,184,74,.10),0 8px 24px rgba(0,0,0,.35);
}
.dd-score-num{font-weight:800;font-size:34px;color:var(--gold-light);line-height:1;letter-spacing:-.02em;}
.dd-score-label{font-weight:700;font-size:13px;color:#fff;margin-top:6px;}
#dd-text{color:var(--ink2);} #dd-text .nm{color:var(--gold-light);font-weight:700;}


.dd-reshare{
  margin-top:var(--s5);padding:var(--s5) var(--s4);border-radius:var(--r-md);
  background:linear-gradient(rgba(168,116,214,.12),rgba(168,116,214,.12)),var(--bg-card,#2E2247);
  border:1px dashed rgba(168,116,214,.45);
}
.dd-reshare-lead{font-weight:700;font-size:14px;color:#fff;margin-bottom:var(--s4);line-height:1.6;}
.dd-reshare-lead #dd-reshare-name{color:var(--gold-light);}
.dd-reshare .px-btn{font-size:14px;padding:13px;width:100%;}


.share-invite-btn{width:100%;font-size:14.5px;padding:14px;margin-bottom:var(--s3);}
.share-compare-hook .share-compare-btn{width:100%;}




.trait-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--s4);}
.trait-tag{
  font-size:13px;font-weight:600;color:var(--coral);
  padding:6px 12px;border-radius:var(--r-pill);
  background:var(--coral-wash);border:1px solid var(--coral-soft);
  letter-spacing:.01em;
}


.alone-gauge{margin-bottom:var(--s4);}
.ag-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.ag-label{font-size:13px;font-weight:600;color:var(--sub);}
.ag-badge{font-size:12px;font-weight:700;padding:4px 11px;border-radius:var(--r-pill);border:1px solid var(--line);}
.ag-badge.ag-low{color:#7FD6A6;background:rgba(127,214,166,.10);border-color:rgba(127,214,166,.30);}
.ag-badge.ag-mid{color:var(--coral);background:var(--coral-wash);border-color:var(--coral-soft);}
.ag-badge.ag-high{color:#F0A6B0;background:rgba(240,166,176,.10);border-color:rgba(240,166,176,.32);}
.ag-track{position:relative;height:10px;border-radius:var(--r-pill);background:var(--bg-section);overflow:hidden;}
.ag-fill{height:100%;border-radius:var(--r-pill);transition:width .8s var(--ease);}
.ag-fill.ag-low{background:linear-gradient(90deg,#5FB98A,#7FD6A6);}
.ag-fill.ag-mid{background:linear-gradient(90deg,var(--coral-deep),var(--coral));}
.ag-fill.ag-high{background:linear-gradient(90deg,#D98793,#F0A6B0);}
.ag-ticks{display:flex;justify-content:space-between;margin-top:7px;}
.ag-ticks span{font-size:10.5px;color:var(--faint);}
.ag-desc{font-size:12.5px;color:var(--sub);margin-top:10px;}


.organ-check{margin-bottom:var(--s4);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;}
.oc-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;
  padding:11px 13px;border-bottom:1px solid var(--line2);}
.oc-row:last-child{border-bottom:0;}
.oc-row.oc-main{background:var(--coral-wash);}
.oc-oh{font-weight:800;font-size:15px;color:var(--coral);text-align:center;}
.oc-organ{font-weight:700;font-size:13.5px;color:var(--ink);}
.oc-hint{display:none;}
.oc-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--r-pill);white-space:nowrap;}
.oc-b-main{color:var(--coral);background:rgba(233,184,74,.14);border:1px solid var(--coral-soft);}
.oc-b-care{color:#F0A6B0;background:rgba(240,166,176,.12);border:1px solid rgba(240,166,176,.30);}
.oc-b-good{color:#7FD6A6;background:rgba(127,214,166,.10);border:1px solid rgba(127,214,166,.28);}
.oc-b-normal{color:var(--faint);background:var(--bg-section);border:1px solid var(--line);}
@media(min-width:420px){
  .oc-row{grid-template-columns:34px 100px 1fr auto;}
  .oc-hint{display:block;font-size:11.5px;color:var(--faint);}
}


.talent-bars{margin-bottom:var(--s4);display:flex;flex-direction:column;gap:12px;}
.tb-row{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:12px;}
.tb-name{font-size:13px;font-weight:700;color:var(--ink);}
.tb-track{height:9px;border-radius:var(--r-pill);background:var(--bg-section);overflow:hidden;}
.tb-fill{display:block;height:100%;border-radius:var(--r-pill);
  background:linear-gradient(90deg,var(--coral-deep),var(--coral-light));transition:width .8s var(--ease);}


.attach-temp{margin-bottom:var(--s4);}
.at-thermo{display:flex;align-items:center;gap:16px;padding:14px 4px;}
.at-scale{position:relative;width:14px;height:78px;border-radius:var(--r-pill);
  background:var(--bg-section);border:1px solid var(--line);overflow:hidden;flex:none;
  display:flex;align-items:flex-end;}
.at-mercury{width:100%;border-radius:var(--r-pill);
  background:linear-gradient(180deg,#F0A6B0,var(--coral));transition:height .9s var(--ease);}
.at-label{font-size:14.5px;font-weight:800;color:var(--ink);margin-bottom:4px;}
.at-desc{font-size:12.5px;color:var(--sub);}


.social-widget{margin-bottom:var(--s4);}
.sw-gauge{margin-bottom:14px;}
.sw-g-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;}
.sw-g-top>span:first-child{font-size:13px;font-weight:600;color:var(--sub);}
.sw-g-tag{font-size:12px;font-weight:700;color:var(--coral);
  padding:3px 10px;border-radius:var(--r-pill);background:var(--coral-wash);border:1px solid var(--coral-soft);}
.sw-track{height:10px;border-radius:var(--r-pill);background:var(--bg-section);overflow:hidden;}
.sw-fill{display:block;height:100%;border-radius:var(--r-pill);
  background:linear-gradient(90deg,var(--coral-deep),var(--coral));transition:width .8s var(--ease);}
.sw-chips{display:grid;gap:9px;}
.sw-chip{font-size:12.5px;color:var(--ink2);line-height:1.5;
  padding:11px 13px;border-radius:var(--r-sm);border:1px solid var(--line);}
.sw-chip i{display:block;font-style:normal;font-size:11.5px;font-weight:700;margin-bottom:3px;}
.sw-chip b{font-weight:700;}
.sw-match{background:rgba(127,214,166,.07);border-color:rgba(127,214,166,.22);}
.sw-match i{color:#7FD6A6;}
.sw-match b{color:#7FD6A6;}
.sw-caution{background:rgba(240,166,176,.06);border-color:rgba(240,166,176,.20);}
.sw-caution i{color:#F0A6B0;}
.sw-caution b{color:#F0A6B0;}



.form-input.invalid,
.form-row.invalid .form-input{
  border-color:#F07A6A !important;
  box-shadow:0 0 0 3px rgba(240,122,106,.16) !important;
}

.field-err{
  margin:8px 2px 0;font-size:12.5px;font-weight:600;line-height:1.45;
  color:#F58C7E;display:flex;align-items:center;gap:6px;
  animation:errFade .22s var(--ease,ease) both;
}
.field-err::before{content:"⚠";font-size:12px;opacity:.9;}
@keyframes errFade{from{opacity:0;transform:translateY(-3px);}to{opacity:1;transform:none;}}

.form-input.invalid,
.form-row.invalid{animation:fieldShake .34s cubic-bezier(.36,.07,.19,.97) both;}
@keyframes fieldShake{
  10%,90%{transform:translateX(-1px);}
  20%,80%{transform:translateX(2px);}
  30%,50%,70%{transform:translateX(-4px);}
  40%,60%{transform:translateX(4px);}
}

.px-toast{
  position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);
  z-index:9999;max-width:min(90vw,420px);
  padding:13px 20px;border-radius:var(--r-pill,999px);
  background:rgba(46,34,71,.96);color:var(--ink,#F3EEFA);
  border:1px solid rgba(233,184,74,.42);
  font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:1.4;
  text-align:center;letter-spacing:-.01em;
  box-shadow:0 10px 34px rgba(0,0,0,.45);
  opacity:0;pointer-events:none;
  transition:opacity .24s ease,transform .24s ease;
}
.px-toast.show{opacity:1;transform:translate(-50%,0);}
@media (prefers-reduced-motion:reduce){
  .form-input.invalid,.form-row.invalid,.field-err{animation:none;}
  .px-toast{transition:opacity .01s;}
}


.sc-ad-disc{margin:var(--s4) 0 var(--s2);font-size:12px;line-height:1.5;color:var(--faint);background:var(--bg-section);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 13px;overflow-wrap:anywhere;}
.sc-coupas{position:relative;background:var(--bg-card);border:1px solid var(--coral-soft);border-radius:var(--r-lg);padding:var(--s4) var(--s4) 18px;margin:var(--s2) 0 var(--s4);box-sizing:border-box;overflow:hidden;}
.sc-coupas .sc-badge{position:absolute;top:12px;right:14px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--faint);background:var(--bg-section);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 9px;z-index:2;}
.sc-coupas .sc-k{font-weight:800;font-size:16px;color:var(--ink);margin-bottom:var(--s3);padding-right:96px;letter-spacing:-.01em;}
.sc-coupas .sc-k .em{color:var(--gold);}
.sc-product{display:flex;gap:13px;align-items:center;background:var(--bg-section);border:1px solid var(--line);border-radius:var(--r-md);padding:11px;margin-bottom:13px;}
.sc-thumb{flex-shrink:0;width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--bg);border:1px solid var(--line);display:block;}
.sc-thumb img{width:72px;height:72px;object-fit:cover;display:block;}
.sc-pinfo{min-width:0;flex:1;}
.sc-pname{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.35;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sc-pmeta{font-size:12.5px;color:var(--sub);display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.sc-pmeta .rk{color:var(--gold);font-weight:700;}
.sc-lead{margin:0 0 13px;font-size:14.5px;line-height:1.65;color:var(--ink2);}
.sc-cta{display:flex;gap:7px;align-items:center;justify-content:center;width:100%;min-height:52px;box-sizing:border-box;text-align:center;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold-deep) 100%);color:#2A2043;text-decoration:none;font-weight:800;padding:15px 16px;border-radius:var(--r-md);font-size:16px;line-height:1.3;transition:transform .15s ease,box-shadow .15s ease;overflow-wrap:anywhere;}
.sc-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(233,184,74,.28);}
.sc-cta .cta-arw{flex-shrink:0;transition:transform .15s ease;}
.sc-cta:hover .cta-arw{transform:translateX(3px);}
.sc-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--faint);overflow-wrap:anywhere;}
@media (min-width:640px){.sc-cta{display:inline-flex;width:auto;min-height:0;padding:13px 26px;font-size:15px;}}
@media (max-width:440px){.sc-coupas .sc-k{padding-right:0;margin-top:18px;}}




.px-kicker{
  display:inline-flex;align-items:center;gap:5px;
  font-family:'Pretendard',sans-serif;font-weight:700;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  padding:3px 9px;border-radius:999px;line-height:1;
  margin-bottom:2px;
}


.px-shell-data{
  position:relative;
  border-left:3px solid var(--shell-accent,#F0C24B);
  padding-left:calc(var(--s4) - 3px);
}
.px-section-head--data{flex-direction:column;align-items:flex-start;gap:6px;}
.px-section-head--data .px-eyebrow{display:none!important;}

.px-shell--ohang{--shell-accent:#F0C24B;}
.px-shell--ohang .px-section-head--data::before{
  content:'오행 데이터';
  font-family:'Pretendard',sans-serif;font-weight:700;
  font-size:10px;letter-spacing:.14em;color:#F0C24B;
  padding:3px 9px;border-radius:999px;line-height:1;
  background:rgba(240,194,75,.12);border:1px solid rgba(240,194,75,.30);
}


.ohang-bal-wrap{margin-top:var(--s5);padding-top:var(--s4);border-top:1px dashed var(--line);}
.ohang-bal-cap{
  font-family:'Pretendard',sans-serif;font-weight:700;font-size:12px;
  letter-spacing:.02em;color:var(--ink2);margin-bottom:12px;text-align:center;
}
.ohang-bal{display:flex;flex-direction:column;gap:9px;}
.ohang-bal-row{display:flex;align-items:center;gap:10px;}
.ohang-bal-key{
  flex:none;width:52px;font-family:'Pretendard',sans-serif;
  font-weight:700;font-size:12.5px;
}
.ohang-bal-track{
  flex:1;height:12px;border-radius:999px;
  background:rgba(255,255,255,.08);overflow:hidden;position:relative;
}
.ohang-bal-fill{
  display:block;height:100%;border-radius:999px;
  transition:width .9s cubic-bezier(.22,1,.36,1);
  box-shadow:0 0 8px rgba(255,255,255,.14) inset;
}
.ohang-bal-grade{
  flex:none;width:32px;text-align:right;
  font-family:'Pretendard',sans-serif;font-weight:600;
  font-size:11.5px;color:var(--ink2);
}


.px-shell-narrative{
  background:linear-gradient(160deg,#352744 0%,#2C2140 100%);
  border:1px solid rgba(233,184,74,.20);
  position:relative;overflow:hidden;
  padding:var(--s6) var(--s5) var(--s5);
}
.px-shell-narrative::before{
  content:'\201C';               
  position:absolute;top:-18px;left:14px;
  font-family:Georgia,'Noto Serif KR',serif;
  font-size:120px;line-height:1;color:rgba(233,184,74,.14);
  pointer-events:none;
}
.px-shell-narrative .px-section-head{position:relative;z-index:1;margin-bottom:var(--s3);}
.px-shell-narrative .px-kicker{
  color:#F2CB63;background:rgba(242,203,99,.12);border:1px solid rgba(242,203,99,.28);
}
.px-shell-narrative .px-section-title{
  font-family:'Noto Serif KR',serif;letter-spacing:-.01em;
}

.px-shell-narrative .trait-tags{margin-bottom:var(--s4);}
.px-shell-narrative .body-text{
  font-size:15.5px;line-height:1.95;color:var(--ink2);
  position:relative;z-index:1;
  border-left:2px solid rgba(242,203,99,.35);
  padding-left:var(--s4);
}


.px-shell-callout{
  background:radial-gradient(120% 90% at 0% 0%,#3B2A2A 0%,#2E2247 60%);
  border:1px solid rgba(255,107,78,.28);
  box-shadow:0 0 0 1px rgba(255,107,78,.08),0 10px 34px rgba(0,0,0,.28);
  position:relative;
}
.px-shell-callout .px-section-head{
  align-items:center;gap:10px;
  padding-bottom:var(--s3);margin-bottom:var(--s4);
  border-bottom:1px solid rgba(255,107,78,.20);
}
.px-shell-callout .px-kicker{
  color:#FF8A6E;background:rgba(255,107,78,.14);border:1px solid rgba(255,107,78,.32);
}
.px-shell-callout .px-section-title{color:#FFE7DF;}

.px-callout-strip{
  display:flex;align-items:center;gap:8px;
  font-family:'Pretendard',sans-serif;font-size:12px;font-weight:600;
  color:#FFB79E;background:rgba(255,107,78,.10);
  border:1px solid rgba(255,107,78,.22);border-radius:12px;
  padding:9px 13px;margin-bottom:var(--s4);
}
.px-callout-strip .ic{font-size:15px;line-height:1;}



.answer-hero-card{
  text-align:center;padding:var(--s6) var(--s5) var(--s5);
  background:radial-gradient(circle at 50% 0%,rgba(233,184,74,.14),transparent 60%),var(--bg-coral-wash);
  border:1px solid rgba(233,184,74,.28);
  position:relative;overflow:hidden;
}
.answer-hero-card::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 8%,rgba(242,203,99,.10),transparent 55%);}
.ah-eyebrow{
  display:inline-block;font-weight:800;font-size:12.5px;letter-spacing:.02em;
  color:var(--gold-light);background:rgba(233,184,74,.14);
  padding:5px 14px;border-radius:var(--r-pill);margin-bottom:var(--s4);
}
.ah-score-ring{position:relative;width:150px;height:150px;margin:var(--s2) auto var(--s4);}
.ah-ring-svg{width:100%;height:100%;display:block;}
.ah-ring-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2px;}
.ah-score-num{font-weight:800;font-size:46px;color:var(--gold-light);line-height:1;letter-spacing:-.03em;}
.ah-score-unit{font-weight:700;font-size:16px;color:var(--ink2);align-self:center;transform:translateY(9px);}
.ah-score-label{
  display:inline-block;font-weight:800;font-size:clamp(19px,5.4vw,24px);color:#fff;
  margin:0 auto var(--s3);letter-spacing:-.01em;
}
.ah-verdict{
  color:var(--ink2);font-size:var(--fs-body);line-height:1.7;
  max-width:32ch;margin:0 auto var(--s5);word-break:keep-all;
}
.ah-verdict .nm{color:var(--gold-light);font-weight:700;}
.ah-vs{display:flex;align-items:center;justify-content:center;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s5);}
.ah-vs .vs{color:var(--gold-light);font-size:16px;}
.ah-jump{
  appearance:none;background:transparent;border:1px solid rgba(255,255,255,.18);
  color:var(--ink2);font-family:inherit;font-weight:700;font-size:13.5px;
  padding:11px 22px;border-radius:var(--r-pill);cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
}
.ah-jump:hover{background:rgba(255,255,255,.06);border-color:rgba(233,184,74,.4);}


.dog-detail-intro{
  display:flex;align-items:center;gap:var(--s4);
  margin:var(--s7) 0 var(--s5);
}
.ddi-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);}
.ddi-label{
  font-weight:700;font-size:13.5px;color:var(--sub);white-space:nowrap;
  padding:0 var(--s2);
}


.dbti-hero--demoted{opacity:.98;}


.compat-points{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  margin:var(--s3) 0 var(--s4);
}
.compat-point-chip{
  font-size:13px;font-weight:700;color:var(--ink);
  background:var(--bg-card,#fff);border:1px solid var(--line);
  border-radius:9999px;padding:6px 12px;line-height:1.3;
  white-space:nowrap;box-shadow:0 1px 3px rgba(42,32,67,.05);
}


.mode-cross{margin:var(--s6) 0 var(--s3);}
.mode-cross:empty{display:none;}
.mode-cross-head{
  font-weight:800;font-size:16px;color:var(--ink);text-align:center;
  margin-bottom:4px;
}
.mode-cross-sub{
  font-size:13px;color:var(--sub);text-align:center;line-height:1.6;
  margin-bottom:var(--s4);
}
.mode-cross-grid{display:grid;grid-template-columns:1fr;gap:10px;}
@media(min-width:560px){.mode-cross-grid{grid-template-columns:1fr 1fr;}}
.mode-cross-card{
  display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  background:var(--bg-card,#fff);border:1.5px solid var(--line);
  border-radius:14px;padding:14px 14px;cursor:pointer;
  transition:box-shadow .15s,transform .15s,border-color .15s;
}
.mode-cross-card:hover{
  box-shadow:0 6px 18px rgba(42,32,67,.10);transform:translateY(-1px);
  border-color:var(--coral-soft);
}
.mode-cross-card:active{transform:translateY(0);}
.mcc-ic{font-size:24px;flex-shrink:0;line-height:1;}
.mcc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.mcc-t{font-weight:700;font-size:15px;color:var(--ink);line-height:1.35;}
.mcc-d{font-size:12.5px;color:var(--sub);line-height:1.4;}
.mcc-arw{color:var(--faint);font-size:18px;flex-shrink:0;transition:transform .15s,color .15s;}
.mode-cross-card:hover .mcc-arw{transform:translateX(2px);color:var(--coral);}





.px-card--coral{
  background:#FFFFFF;
  border:1px solid rgba(201,150,38,.42);
  box-shadow:0 0 0 1px rgba(201,150,38,.10),0 10px 30px rgba(58,42,8,.08);
  color:var(--ink);
}

.px-shell-narrative{
  background:linear-gradient(160deg,#FAF6FF 0%,#F5EFFB 100%);
  border:1px solid rgba(124,77,174,.26);
}
.px-shell-narrative::before{color:rgba(124,77,174,.16);}
.px-shell-narrative .px-kicker{
  color:var(--plum-deep,#63398F);
  background:rgba(124,77,174,.10);border:1px solid rgba(124,77,174,.28);
}
.px-shell-narrative .body-text{border-left-color:rgba(124,77,174,.30);}

.px-shell-callout{
  background:#FFF4EE;
  border:1px solid rgba(216,72,47,.28);
  box-shadow:0 0 0 1px rgba(216,72,47,.05),0 8px 24px rgba(58,20,10,.06);
}
.px-shell-callout .px-section-head{border-bottom-color:rgba(216,72,47,.18);}
.px-shell-callout .px-kicker{color:#B0402A;background:rgba(224,90,69,.10);border-color:rgba(224,90,69,.30);}
.px-shell-callout .px-section-title{color:var(--ink);}
.px-callout-strip{color:#A63D20;background:rgba(224,90,69,.08);border-color:rgba(224,90,69,.22);}


.px-card--coral .dbti-eyebrow,
.dbti-eyebrow{color:#6F5108;background:rgba(201,150,38,.10);}
.px-card--coral .dbti-label{color:var(--ink);}
.px-card--coral .dbti-tagline{color:var(--sub);}
.dbti-tagline .nm,
.px-card--coral .dbti-tagline .nm{color:#B0402A;font-weight:700;}
.dbti-chip{background:#FBF6EF;border:1px solid var(--line,#EFE4DC);color:var(--ink2);}
.dbti-chip i{color:#8A650A;}
.dbti-chip--kw{color:#6F5108;background:rgba(201,150,38,.08);}



.like-body .nm,.letter-body .nm,.letter-sign .nm,.month-body .nm,
.food-intro .nm,.identity .who .nm,.lead .nm,.body-text .nm,
.heart-body .nm,.share-copy-text .nm,.ah-verdict .nm,#dd-text .nm,
.ritual-name .nm,.soreum-intro .nm,.soreum-obs .nm,.soreum-reveal .nm{color:#B0402A;}
.month-flow-head{color:#B0402A;}
.month-tag{color:#B0402A;}
.trait-tag{color:#B0402A;}
.oc-oh{color:#B0402A;}
.sw-g-tag{color:#B0402A;}
.oc-b-main{color:#B0402A;}
.px-badge{color:#B0402A;}
.form-label span{color:#B0402A;}
.share-copy-text{color:var(--ink);}


.trust-badge b{color:#8A650A;}
.like-col--love .like-head{color:#8A650A;}
.letter-seal{color:#8A650A;}
.radar-caption b{color:#8A650A;}
.food-group-title.cau{color:#8A650A;}
.food-link{color:#8A650A;border-bottom-color:rgba(138,101,10,.35);}
.px-pillar .p-gan{color:#8A650A;}
.px-pillar .p-ji{color:var(--ink);}
.pillars-note{border-top-color:var(--line,#EFE4DC);}
.rp .g{color:#8A650A;} .rp .j{color:var(--ink);}
.ritual-name .nm{color:#8A650A;}
.ah-eyebrow{color:#6F5108;background:rgba(201,150,38,.10);}
.ah-score-num{color:#8A650A;}
.ah-score-label{color:var(--ink);}
.ah-vs .vs{color:#8A650A;}
.ah-jump{border-color:var(--line,#EFE4DC);}
.dd-score-num{color:#8A650A;}
.dd-score-label{color:var(--ink);}
.dd-score-ring{box-shadow:0 0 0 6px rgba(201,150,38,.10),0 8px 24px rgba(58,42,8,.08);}
#dd-text .nm{color:#B0402A;}
.dd-reshare-lead{color:var(--ink);}
.dd-reshare-lead #dd-reshare-name{color:#B0402A;}
.invite-banner-lead{color:var(--ink);}
.invite-banner-lead b{color:#8A650A;}
.invited-friend-name{color:var(--plum-deep,#63398F);}
.share-compare-lead #share-compare-name{color:var(--plum-deep,#63398F);}
.retry-btn:hover{color:#8A650A;}
.service-tab.active .tab-label{color:#8A650A;}
.service-tab#tab-dogdog.active .tab-label{color:#8A650A;}
.service-tab#tab-couple.active .tab-label{color:var(--plum-deep,#63398F);}
.size-btn.active .size-label,.breed-btn.active .breed-label{color:#8A650A;}
.sc-coupas .sc-k .em{color:#8A650A;}
.sc-pmeta .rk{color:#8A650A;}
.px-shell--ohang{--shell-accent:#C99626;}
.px-shell--ohang .px-section-head--data::before{
  color:#8A650A;background:rgba(201,150,38,.10);border-color:rgba(201,150,38,.32);
}

.px-btn--ghost{color:#8A650A;border-color:rgba(184,134,11,.55);}
.px-btn--ghost:hover{background:rgba(201,150,38,.10);}


.ag-badge.ag-low{color:#1F7A3C;}
.ag-badge.ag-high{color:#B04458;}
.oc-b-good{color:#1F7A3C;}
.oc-b-care{color:#B04458;}
.sw-match i,.sw-match b{color:#1F7A3C;}
.sw-caution i,.sw-caution b{color:#B04458;}
.food-group-title.rec{color:#1F7A3C;}
.food-name{color:var(--ink);}
.food-name .badge.safe{color:#1F7A3C;background:var(--oh-mok-wash,rgba(46,158,79,.12));}
.food-name .badge.warn{color:#8A650A;background:var(--oh-to-wash,rgba(201,150,38,.14));}


.form-input{background:#FFFFFF;color:var(--ink);border-color:var(--line,#EFE4DC);}
select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236A6A82' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");}
.size-btn,.breed-btn{background:#FFFFFF;}
.form-input.invalid,
.form-row.invalid .form-input{
  border-color:#DD3327 !important;
  box-shadow:0 0 0 3px rgba(221,51,39,.12) !important;
}
.field-err{color:#C0392B;}


.share-ico{background:#FBF6EF;border-color:rgba(201,150,38,.30);}
.share-ico:hover{background:rgba(201,150,38,.10);}
.share-ico--kakao{background:#FEE500;border-color:#F2D900;}
.share-ico--kakao .share-ico-glyph,.share-ico--kakao .share-ico-txt{color:#3A1D1D;}
.share-ico--x{background:#F4F1EE;border-color:#D8D2CC;}
.share-ico--x .share-ico-glyph,.share-ico--x .share-ico-txt{color:var(--ink,#1A1A2E);}
.compat-chip{color:var(--ink);} 


.ohang-bal-track{background:#F3ECE6;}
.ohang-bal-fill{box-shadow:none;}
.ohang-bal-key[style*="#4FD08A"]{color:#1F7A3C !important;}
.ohang-bal-key[style*="#FF6B4E"]{color:#B0402A !important;}
.ohang-bal-key[style*="#F0C24B"]{color:#8A650A !important;}
.ohang-bal-key[style*="#9FB8DE"]{color:#55687F !important;}
.ohang-bal-key[style*="#5BA8F0"]{color:#2E6EC2 !important;}


.compat-chip[style*="#5FD08A"]{color:#1B6A34 !important;}
.compat-chip[style*="#F07A6A"]{color:#A03A26 !important;}
.compat-chip[style*="#E9B84A"]{color:#6F5108 !important;}
.compat-chip[style*="#D6DCE6"]{color:#4A5C72 !important;}
.compat-chip[style*="#8FB8F5"]{color:#245CA8 !important;}
.compat-chip i{color:inherit;opacity:1;}



.result-nav{position:sticky;top:77px;z-index:40;margin:0 -16px 14px;background:var(--bg,#FFF7EE);border-bottom:1px solid var(--line,#EFE4DC);}
@media (min-width:700px){.result-nav{margin-left:-24px;margin-right:-24px;}}
.result-nav-inner{display:flex;gap:7px;overflow-x:auto;padding:9px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.result-nav-inner::-webkit-scrollbar{display:none;}
@media (min-width:700px){.result-nav-inner{padding:9px 24px;justify-content:center;flex-wrap:wrap;overflow-x:visible;}}
.rnav-pill{flex:none;border:1px solid var(--coral-soft,#F6CDBF);background:#fff;color:var(--sub,#6A6A82);
  font-size:13px;font-weight:600;letter-spacing:-.01em;padding:7px 13px;border-radius:999px;cursor:pointer;
  white-space:nowrap;transition:background .14s,color .14s,border-color .14s;-webkit-tap-highlight-color:transparent;font-family:inherit;}
.rnav-pill:hover{background:var(--coral-wash,#FFF1EC);color:var(--ink,#1A1A2E);}
.rnav-pill.active{background:var(--coral,#E86A4E);border-color:var(--coral,#E86A4E);color:#fff;font-weight:700;}


.daily-card{text-align:center;overflow:hidden;position:relative;}
.daily-card.daily--good{background:linear-gradient(180deg,#FFF6EC 0%,#FFFFFF 60%);border:1px solid var(--coral-soft,#F6CDBF);}
.daily-card.daily--calm{background:linear-gradient(180deg,#F3F7F1 0%,#FFFFFF 60%);border:1px solid rgba(46,158,79,.22);}
.daily-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.01em;color:var(--coral-deep,#C24A30);}
.daily--calm .daily-eyebrow{color:#2E9E4F;}
.daily-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1.4s ease-in-out infinite;}
.daily-body{margin-top:14px;}
.daily-emoji{font-size:46px;line-height:1;margin-bottom:8px;}
.daily-mood{font-size:17px;font-weight:800;color:var(--ink,#1A1A2E);letter-spacing:-.01em;line-height:1.35;}
.daily-mood .nm{color:var(--coral,#E86A4E);}
.daily-mood b{color:var(--coral-deep,#C24A30);}
.daily-line{margin:12px auto 0;max-width:520px;font-size:14.5px;line-height:1.75;color:var(--ink2,#3A3A52);}
.daily-line .nm{color:var(--coral,#E86A4E);font-weight:600;}
.daily-lucky{margin-top:14px;}
.daily-lucky-chip{display:inline-block;font-size:12.5px;font-weight:700;color:var(--gold-deep,#B8860B);
  background:rgba(233,184,74,.14);border:1px solid rgba(233,184,74,.34);border-radius:999px;padding:6px 13px;letter-spacing:-.01em;}
.daily-tip{margin:14px auto 0;max-width:520px;font-size:13px;line-height:1.65;color:var(--sub,#6A6A82);
  padding-top:12px;border-top:1px dashed var(--line,#EFE4DC);}
.daily-foot{margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--faint,#9A93AD);}


.dogam-sub{font-size:13.5px;font-weight:600;color:var(--sub,#6A6A82);line-height:1.4;}
.dogam-sub .nm{color:var(--coral,#E86A4E);}
.dogam-sub b{color:var(--coral-deep,#C24A30);}
.dogam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;}
@media (min-width:560px){.dogam-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.dogam-cell{position:relative;background:#fff;border:1px solid var(--line,#EFE4DC);border-radius:14px;
  padding:15px 11px 13px;text-align:center;transition:transform .14s,box-shadow .14s;}
.dogam-cell:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(216,72,47,.08);}
.dogam-cell--mine{border-color:var(--coral,#E86A4E);background:var(--coral-wash,#FFF1EC);
  box-shadow:0 4px 16px rgba(232,106,78,.18);}
.dogam-mine-tag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;
  font-size:10.5px;font-weight:800;letter-spacing:.01em;color:#fff;background:var(--coral,#E86A4E);
  border-radius:999px;padding:3px 10px;box-shadow:0 2px 6px rgba(232,106,78,.35);}
.dogam-emoji{font-size:30px;line-height:1;margin-bottom:7px;}
.dogam-cell:not(.dogam-cell--mine) .dogam-emoji{filter:grayscale(.35);opacity:.9;}
.dogam-type{font-size:14px;font-weight:800;color:var(--ink,#1A1A2E);letter-spacing:-.01em;line-height:1.3;}
.dogam-cell--mine .dogam-type{color:var(--coral-deep,#C24A30);}
.dogam-tag{margin-top:5px;font-size:11.5px;line-height:1.5;color:var(--sub,#6A6A82);}
.dogam-foot{margin:16px 0 0;font-size:12px;line-height:1.55;color:var(--faint,#9A93AD);text-align:center;}