/*
 STARPOINT V87 — SOFT REFERENCE ALL-SCREEN SKIN
 Visual-only finishing layer based on the approved airy mint/lilac reference.
 No event, API, payment, navigation, calculation, or content logic changes.
*/
:root{
  --sr-ink:#343840;
  --sr-body:#60646d;
  --sr-muted:#9da1aa;
  --sr-line:#e7eaee;
  --sr-mint:#72d6cf;
  --sr-mint-soft:#eefaf8;
  --sr-lilac:#ae95e7;
  --sr-lilac-soft:#f5f0fc;
  --sr-paper:#ffffff;
  --sr-shadow:0 12px 34px rgba(59,66,82,.055);
}

/* Brand / major title language */
body.sp-ref-ui #app>header b,
body.sp-ref-ui .profile-page aside>.v76-page-hero h1,
body.sp-ref-ui .page-wrap>h1,
body.sp-ref-ui .v61-menu-hero h1,
body.sp-ref-ui header.v63-topic-head h1,
body.sp-ref-ui header.v63-more-head h1,
body.sp-ref-ui .v73-romance-hero h1{
  font-family:"Noto Serif KR","Nanum Myeongjo","AppleMyungjo",serif!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
}

/* More air around main phone pages */
body.sp-ref-ui .free-page .page-wrap,
body.sp-ref-ui .paid-page .page-wrap,
body.sp-ref-ui .romance-page .page-wrap{
  padding-left:20px!important;
  padding-right:20px!important;
}

/* Keep cards quiet and physical, not AI-dashboard-like */
body.sp-ref-ui .v61-menu-card,
body.sp-ref-ui .v63-topic-card,
body.sp-ref-ui .v73-romance-grid button,
body.sp-ref-ui .paid-page .paid-product,
body.sp-ref-ui .premium-open-question,
body.sp-ref-ui #v62Continuity,
body.sp-ref-ui .v79-panel{
  border-color:var(--sr-line)!important;
  box-shadow:var(--sr-shadow)!important;
}

/* PREMIUM — cleaner hierarchy */
body.sp-ref-ui .paid-page .paid-highlight{
  padding:22px!important;
  border:1px solid #e7ebef!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#f1fbf9 0%,#f8f5fd 100%)!important;
  box-shadow:none!important;
}
body.sp-ref-ui .paid-page .paid-highlight h2{
  color:var(--sr-ink)!important;
  font-family:"Noto Serif KR","Nanum Myeongjo","AppleMyungjo",serif!important;
  font-size:23px!important;
  font-weight:700!important;
}
body.sp-ref-ui .paid-page .paid-product{
  padding:19px!important;
  border-radius:20px!important;
  background:#fff!important;
}
body.sp-ref-ui .paid-page .paid-product h3{color:#373b43!important;font-size:18px!important}
body.sp-ref-ui .paid-page .paid-product p{color:#858991!important;line-height:1.65!important}
body.sp-ref-ui .paid-page .paid-product button{
  min-height:47px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#f0faf8,#f5f1fb)!important;
  border:1px solid #e5e9ed!important;
  color:#686779!important;
}
body.sp-ref-ui .paid-page .paid-product.pass{
  background:linear-gradient(120deg,#76d7d0 0%,#8bd5df 48%,#ab95e5 100%)!important;
  border:0!important;
  box-shadow:0 14px 30px rgba(136,154,207,.14)!important;
}
body.sp-ref-ui .premium-open-question{
  padding:22px!important;
  border-radius:22px!important;
  background:linear-gradient(140deg,#f1fbfa 0%,#f8f4fd 100%)!important;
}
body.sp-ref-ui .premium-open-question textarea,
body.sp-ref-ui #premiumOpenQuestion{
  border:1px solid #e3e7eb!important;
  border-radius:17px!important;
  background:#fff!important;
  color:#454951!important;
  box-shadow:none!important;
}
body.sp-ref-ui .premium-open-question textarea:focus,
body.sp-ref-ui #premiumOpenQuestion:focus{
  outline:0!important;
  border-color:#a9dcd7!important;
  box-shadow:0 0 0 3px rgba(114,214,207,.11)!important;
}
body.sp-ref-ui #premiumOpenQuestionBtn{
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(105deg,#70d7cf,#8bd6e0 48%,#aa94e6)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(133,151,206,.14)!important;
}

/* ROMANCE — replace the heavy plum form with the approved white/pastel language */
body.sp-ref-ui .v73-chemistry{
  margin-top:20px!important;
  padding:22px 20px 24px!important;
  border:1px solid #e7eaee!important;
  border-radius:24px!important;
  background:linear-gradient(155deg,#ffffff 0%,#fbfffe 55%,#faf7ff 100%)!important;
  color:var(--sr-ink)!important;
  box-shadow:var(--sr-shadow)!important;
}
body.sp-ref-ui .v73-chemistry-head>span{
  color:#83c9c3!important;
  font-size:10px!important;
  letter-spacing:.13em!important;
}
body.sp-ref-ui .v73-chemistry-head h2{
  margin:7px 0 7px!important;
  color:#363a42!important;
  font-family:"Noto Serif KR","Nanum Myeongjo","AppleMyungjo",serif!important;
  font-size:23px!important;
  font-weight:700!important;
  letter-spacing:-.04em!important;
}
body.sp-ref-ui .v73-chemistry-head p{color:#8e929a!important;font-size:12px!important;line-height:1.65!important}
body.sp-ref-ui .v73-mate-form{gap:14px!important;margin-top:20px!important}
body.sp-ref-ui .v73-mate-form label{gap:7px!important;color:#50545c!important;font-size:12px!important;font-weight:780!important}
body.sp-ref-ui .v73-mate-form input[type=text],
body.sp-ref-ui .v73-mate-form input[type=date],
body.sp-ref-ui .v73-mate-form input[type=time],
body.sp-ref-ui .v73-mate-form select{
  width:100%!important;
  min-height:52px!important;
  padding:0 14px!important;
  border:1px solid #e2e6ea!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#454951!important;
  font-size:14px!important;
  box-shadow:none!important;
}
body.sp-ref-ui .v73-mate-form input:focus,
body.sp-ref-ui .v73-mate-form select:focus{
  outline:0!important;
  border-color:#a8dcd7!important;
  box-shadow:0 0 0 3px rgba(112,211,203,.10)!important;
}
body.sp-ref-ui .v73-mate-form label>small{color:#9da1a9!important;font-size:9px!important}
body.sp-ref-ui .v73-segment{gap:7px!important}
body.sp-ref-ui .v73-segment i,
body.sp-ref-ui .v73-segment .v75-choice i{
  height:44px!important;
  border:1px solid #e2e6ea!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#858991!important;
  box-shadow:none!important;
}
body.sp-ref-ui .v73-segment input:checked+i,
body.sp-ref-ui .v73-segment .v75-choice input[type=radio]:checked+i{
  background:linear-gradient(145deg,#eefaf8,#f5f0fc)!important;
  color:#7a748e!important;
  border-color:#cfdeda!important;
  box-shadow:inset 0 0 0 1px rgba(172,149,231,.12)!important;
}
body.sp-ref-ui .v73-two>label:first-child .v73-segment input:checked+i{
  color:#72bdb7!important;
  border-color:#cce8e4!important;
  background:#f1fbf9!important;
}
body.sp-ref-ui .v73-two>label:last-child .v73-segment input:checked+i{
  color:#8e7bc8!important;
  border-color:#ded4f0!important;
  background:#f7f3fc!important;
}
body.sp-ref-ui .v73-adult-check{
  padding:13px!important;
  border:1px solid #e7eaee!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#f8fcfb,#faf7fc)!important;
  color:#666a73!important;
}
body.sp-ref-ui .v73-adult-check input{accent-color:#9b8bd9!important}
body.sp-ref-ui .v73-mate-form>button{
  min-height:54px!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(105deg,#70d7cf 0%,#88d7df 48%,#ae94e7 100%)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(135,153,210,.14)!important;
  font-size:14px!important;
  font-weight:850!important;
}
body.sp-ref-ui .v74-quick-chem,
body.sp-ref-ui .v74-score-row span{
  border:1px solid #e8ebee!important;
  background:#fff!important;
  color:#5e626a!important;
}

/* PAID RESULT / ERROR — calm reading surface */
body.sp-ref-ui .premium-result,
body.sp-ref-ui .v61-result,
body.sp-ref-ui .v73-romance-answer,
body.sp-ref-ui .v73-chem-answer{
  border:1px solid #e7eaee!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(59,66,82,.05)!important;
}
body.sp-ref-ui .premium-result h2,
body.sp-ref-ui .premium-result h3,
body.sp-ref-ui .v61-result h2,
body.sp-ref-ui .v61-result h3{
  color:#373b43!important;
}
body.sp-ref-ui .premium-result p,
body.sp-ref-ui .v61-result p{
  color:#5b6068!important;
  line-height:1.84!important;
}
body.sp-ref-ui .premium-error{
  padding:22px 18px!important;
  border:1px solid #eadfe6!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,#fff 0%,#fff9fb 45%,#faf7ff 100%)!important;
  color:#674958!important;
  box-shadow:none!important;
}
body.sp-ref-ui .premium-error>b{display:block!important;color:#8a4c67!important;font-size:17px!important;line-height:1.45!important}
body.sp-ref-ui .premium-error p{margin:10px 0 16px!important;color:#7c6872!important;line-height:1.65!important}
body.sp-ref-ui .premium-error .premium-retry{
  width:100%!important;
  min-height:50px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(105deg,#72d7cf,#8bd6df 48%,#aa94e6)!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:none!important;
}

/* Bottom navigation: cleaner selected state */
body.sp-ref-ui .star-bottom-nav{
  background:rgba(255,255,255,.985)!important;
  border-top:1px solid #eef0f2!important;
  box-shadow:0 -7px 24px rgba(55,61,75,.035)!important;
}
body.sp-ref-ui .star-bottom-nav button.active{
  background:linear-gradient(145deg,#effaf8,#f5f1fb)!important;
  color:#68687b!important;
}

@media(max-width:640px){
  body.sp-ref-ui .free-page .page-wrap,
  body.sp-ref-ui .paid-page .page-wrap,
  body.sp-ref-ui .romance-page .page-wrap{padding:18px 14px 38px!important}
  body.sp-ref-ui .v73-chemistry{padding:20px 16px 22px!important;border-radius:21px!important}
  body.sp-ref-ui .v73-chemistry-head h2{font-size:22px!important}
  body.sp-ref-ui .premium-open-question{padding:19px 16px!important}
}