/* V76 — one visual language across 정보 / 운세 / 프리미엄 / 연애 */
:root{
  --v76-navy:#243252;
  --v76-indigo:#34345d;
  --v76-plum:#493757;
  --v76-gold:#e2c890;
  --v76-ink:#27314d;
  --v76-muted:#7f7e87;
  --v76-line:#e5dfda;
  --v76-paper:#fffdf9;
  --v76-shadow:0 12px 30px rgba(35,43,71,.075);
}

/* All four tabs live on the same calm paper background. */
.profile-page,.free-page,.paid-page,.romance-page{
  background:linear-gradient(180deg,#fbfaf9 0%,#f7f4f5 52%,#fbf9f6 100%)!important;
}
.profile-page main,.free-page .page-wrap,.paid-page .page-wrap,.romance-page .page-wrap{
  box-sizing:border-box;
}
.free-page .page-wrap,.paid-page .page-wrap,.romance-page .page-wrap{
  padding-top:18px!important;
}

/* Shared page hero. Premium already uses this language; the other tabs now match it. */
.v76-page-hero,
.v61-menu-hero,
header.v63-topic-head,
header.v63-more-head,
.v73-romance-hero{
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-height:148px!important;
  margin:0 0 14px!important;
  padding:21px 19px 18px!important;
  border:1px solid rgba(232,209,164,.22)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,var(--v76-navy) 0%,var(--v76-indigo) 58%,var(--v76-plum) 100%)!important;
  box-shadow:0 14px 32px rgba(31,39,70,.13)!important;
  color:#fff!important;
}
.v76-page-hero:after,
.v61-menu-hero:after,
.v73-romance-hero:after{
  content:""!important;
  position:absolute!important;
  right:-36px!important;
  top:-48px!important;
  width:150px!important;
  height:150px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(243,211,145,.15),transparent 68%)!important;
  pointer-events:none!important;
}
.v76-page-hero .eyebrow,
.v61-menu-hero .v61-eyebrow,
.v73-romance-hero span{
  position:relative;z-index:1;
  display:block!important;
  color:var(--v76-gold)!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.v76-page-hero h1,
.v61-menu-hero h1,
.v73-romance-hero h1{
  position:relative;z-index:1;
  margin:9px 0 7px!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:25px!important;
  line-height:1.22!important;
  letter-spacing:-.035em!important;
  word-break:keep-all!important;
}
.v76-page-hero p,
.v61-menu-hero p,
.v73-romance-hero p{
  position:relative;z-index:1;
  margin:0!important;
  color:rgba(255,255,255,.74)!important;
  font-size:12px!important;
  line-height:1.58!important;
  word-break:keep-all!important;
}
.v76-hero-mark,
.v61-menu-hero img,
.v73-romance-hero>b{
  position:relative!important;z-index:2!important;
  flex:0 0 54px!important;
  width:54px!important;height:54px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#f1d598!important;
  box-shadow:none!important;
}
.v76-hero-mark{display:grid;place-items:center;font-size:24px;font-weight:800}
.v61-menu-hero img{padding:5px;object-fit:contain}
.v73-romance-hero>b{display:grid!important;place-items:center!important;font-size:29px!important}
/* tiny romantic tint, but still the same app */
.v73-romance-hero{background:linear-gradient(135deg,#293352 0%,#3d355d 58%,#623d59 100%)!important}
.v73-romance-hero span{color:#f0bdd5!important}

/* Information tab: turn the existing title into the same hero rather than duplicating it. */
.profile-page aside{
  background:transparent!important;
  border-right:0!important;
}
.profile-page aside>.v76-page-hero{display:flex;align-items:center;justify-content:space-between;gap:15px}
.profile-page aside>.v76-page-hero>div{min-width:0}
.profile-page aside>label,
.profile-page aside>.row,
.profile-page aside>.v72-lunar-help,
.profile-page aside>.notice,
.profile-page aside>details,
.profile-page aside>.saju-qa,
.profile-page aside>.star-step,
.profile-page aside>small{
  max-width:100%;
}
.profile-page aside input,
.profile-page aside select,
.profile-page aside textarea{
  box-sizing:border-box!important;
  border:1px solid #ddd8da!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 7px 20px rgba(40,47,73,.035)!important;
}
.profile-page aside .seg i{
  border-color:#ddd8da!important;
  background:#fff!important;
  border-radius:14px!important;
}
.profile-page aside .seg input:checked+i{
  background:linear-gradient(135deg,#b44e91,#8d62dc)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.profile-page aside .primary{
  border-radius:17px!important;
  background:linear-gradient(135deg,#b84e93,#8e64df)!important;
  box-shadow:0 10px 24px rgba(163,75,143,.18)!important;
}
.profile-page aside .notice{
  border:1px solid var(--v76-line)!important;
  border-radius:16px!important;
  background:#f7f2ee!important;
}

/* Same card radius, border and shadow across the four sections. */
.v61-menu-card,
.v63-topic-card,
.v73-romance-grid button,
.v61-empty,.v61-thinking,.v61-result,
.v73-empty,.v73-thinking,.v73-romance-answer,
.premium-result,.premium-thinking,.premium-error,
.profile-page aside .saju-qa,
.profile-page aside details{
  border-color:var(--v76-line)!important;
  border-radius:21px!important;
  box-shadow:var(--v76-shadow)!important;
}
.v61-menu-card,.v63-topic-card,.v73-romance-grid button{
  background:linear-gradient(145deg,#fffdf9,#faf8f8)!important;
}
.v61-menu-card:nth-child(even),.v63-topic-card:nth-child(even),.v73-romance-grid button:nth-child(even){
  background:linear-gradient(145deg,#fdfbff,#f7f4f8)!important;
}

/* Fortune's secondary banner now feels like a companion panel, not another unrelated hero. */
.v61-daily-pulse{
  margin-top:0!important;
  border-radius:21px!important;
  background:linear-gradient(135deg,#fffaf2,#f4f1f8)!important;
  color:var(--v76-ink)!important;
  border:1px solid var(--v76-line)!important;
  box-shadow:0 9px 24px rgba(35,43,71,.055)!important;
}
.v61-daily-pulse span{color:#9a775a!important}
.v61-daily-pulse b{color:var(--v76-ink)!important}
.v61-daily-pulse p{color:var(--v76-muted)!important}

/* Premium/romance accent icons share the same navy tile language. */
.v63-topic-icon,
.v61-menu-card i,
.v73-romance-grid button i{
  border-radius:13px!important;
}
.v63-topic-icon{
  background:linear-gradient(145deg,#27345e,#554868)!important;
}
.v73-romance-grid button i{
  width:40px;height:40px;display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#f5eff8,#fff6f7)!important;
}

/* Bottom navigation: one selected-state language on every tab. */
.star-bottom-nav{
  background:rgba(255,252,248,.96)!important;
  border-top:1px solid rgba(62,68,96,.10)!important;
  box-shadow:0 -10px 30px rgba(25,31,55,.055)!important;
}
.star-bottom-nav button{
  border-radius:18px!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.star-bottom-nav button.active{
  background:linear-gradient(145deg,#eeebf5,#e8e5f1)!important;
  color:#303b61!important;
}
.star-bottom-nav button:active{transform:scale(.98)}

/* Keep content breathing room identical when switching tabs. */
.v61-menu-grid,.v63-topic-grid,.v73-romance-grid{margin-top:0!important}
.v63-topic-head+.v63-topic-grid,.v73-romance-hero+.v73-romance-grid{margin-top:13px!important}

@media(max-width:760px){
  .profile-page aside{padding:18px 14px 94px!important}
  .profile-page .workspace{padding:18px 14px 94px!important}
}
@media(max-width:640px){
  .v76-page-hero,.v61-menu-hero,.v73-romance-hero,
  header.v63-topic-head,header.v63-more-head{
    min-height:144px!important;
    padding:19px 17px 17px!important;
    border-radius:22px!important;
  }
  .v76-page-hero h1,.v61-menu-hero h1,.v73-romance-hero h1{font-size:23px!important}
  .v76-page-hero p,.v61-menu-hero p,.v73-romance-hero p{font-size:11px!important;padding-right:2px!important}
  .v76-hero-mark,.v61-menu-hero img,.v73-romance-hero>b{width:50px!important;height:50px!important;flex-basis:50px!important}
}