/* STARPOINT V87 — Final Product Polish
   Content/voice are intentionally untouched. This layer only refines presentation,
   reading rhythm, premium handoff, and revisit cues. */
:root{
  --v87-ink:#242b3b;
  --v87-muted:#777985;
  --v87-paper:#fffdf9;
  --v87-soft:#f7f3ef;
  --v87-line:#e8e1dc;
  --v87-navy:#202a46;
  --v87-navy2:#343653;
  --v87-plum:#5a455d;
  --v87-gold:#e3c98f;
  --v87-accent:#555a78;
  --v87-shadow:0 16px 38px rgba(38,43,66,.08);
}
body.v87-final-polish{background:#f8f6f3!important;color:var(--v87-ink)}
body.v87-final-polish #app>header{
  height:70px!important;padding:0 17px!important;
  background:linear-gradient(112deg,#1d2741,#2d314e 62%,#483847)!important;
  border-bottom:1px solid rgba(227,201,143,.16)!important;box-shadow:0 7px 24px rgba(25,31,52,.11)!important;
}
body.v87-final-polish #app>header .seal{width:36px;height:36px;border-radius:11px;border-color:rgba(227,201,143,.62)!important;background:rgba(255,255,255,.035);color:#edd9aa!important;font-size:17px}
body.v87-final-polish #app>header b{font-size:15px!important;letter-spacing:-.02em}
body.v87-final-polish #app>header>div>span{color:rgba(255,255,255,.58)!important;font-size:10px!important}
body.v87-final-polish .star-swipe-shell{height:calc(100dvh - 70px - var(--star-nav-h))!important}

/* 1. First impression */
body.v87-final-polish .profile-page main{padding-top:14px!important}
body.v87-final-polish .profile-page aside>.v76-page-hero{
  display:flex!important;min-height:176px!important;margin-bottom:13px!important;padding:24px 21px!important;
  border:1px solid rgba(227,201,143,.22)!important;border-radius:24px!important;
  background:linear-gradient(135deg,var(--v87-navy) 0%,var(--v87-navy2) 60%,var(--v87-plum) 100%)!important;
  box-shadow:0 18px 42px rgba(28,35,61,.14)!important;color:#fff!important;
}
body.v87-final-polish .profile-page aside>.v76-page-hero:after{display:block!important;background:radial-gradient(circle,rgba(238,210,151,.18),transparent 68%)!important}
body.v87-final-polish .profile-page aside>.v76-page-hero h1{color:#fff!important;font-size:25px!important;line-height:1.25!important;margin:0 0 8px!important;letter-spacing:-.04em!important}
body.v87-final-polish .profile-page aside>.v76-page-hero p{color:rgba(255,255,255,.72)!important;font-size:12px!important;line-height:1.62!important;max-width:440px}
body.v87-final-polish .profile-page aside>.v76-page-hero .v87-hero-kicker{display:block;margin-bottom:8px;color:var(--v87-gold);font-size:10px;font-weight:900;letter-spacing:.14em}
body.v87-final-polish .v87-first-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 16px;padding:0}
body.v87-final-polish .v87-first-trust span{display:flex;align-items:center;justify-content:center;min-height:39px;padding:7px 5px;border:1px solid var(--v87-line);border-radius:12px;background:rgba(255,255,255,.78);color:#686874;font-size:10px;font-weight:750;text-align:center;line-height:1.25}
body.v87-final-polish .profile-page aside>label,body.v87-final-polish .profile-page aside>.row{margin-top:13px!important;margin-bottom:13px!important}
body.v87-final-polish .profile-page aside>label,body.v87-final-polish .profile-page aside .row label{font-size:12px!important;font-weight:780!important;color:#363b4b!important;letter-spacing:-.015em}
body.v87-final-polish .profile-page aside input,body.v87-final-polish .profile-page aside select{min-height:52px!important;border-radius:13px!important;border-color:#dfd9d5!important;background:#fff!important;transition:border-color .16s ease,box-shadow .16s ease!important}
body.v87-final-polish .profile-page aside input:focus,body.v87-final-polish .profile-page aside select:focus{outline:0;border-color:#969ab2!important;box-shadow:0 0 0 3px rgba(82,88,120,.09)!important}
body.v87-final-polish .profile-page aside .primary{position:relative!important;bottom:auto!important;min-height:58px!important;margin-top:19px!important;border-radius:15px!important;background:linear-gradient(135deg,#343b5c,#56516b)!important;box-shadow:0 13px 28px rgba(49,55,85,.18)!important;font-size:15px!important;letter-spacing:-.02em}
body.v87-final-polish .profile-page aside .primary:after{content:'  →';font-weight:900}
body.v87-final-polish .v87-start-note{margin:9px 3px 0;color:#8b8990;font-size:10px;line-height:1.45;text-align:center}

/* 2. Lower information density */
body.v87-final-polish .v61-menu-grid,body.v87-final-polish .v63-topic-grid{gap:9px!important}
body.v87-final-polish .v61-menu-card,body.v87-final-polish .v63-topic-card{border-radius:16px!important;box-shadow:none!important;border-color:var(--v87-line)!important}
body.v87-final-polish .v61-menu-card{min-height:94px!important;padding:14px!important}
body.v87-final-polish .v61-menu-card b{font-size:14px!important;letter-spacing:-.025em}
body.v87-final-polish .v61-menu-card small{line-height:1.42!important;color:#85838b!important}
body.v87-final-polish .paid-page .paid-product{border-radius:17px!important;box-shadow:none!important;padding:17px!important;border-color:var(--v87-line)!important}
body.v87-final-polish .paid-page .paid-product h3{font-size:17px!important;letter-spacing:-.025em}
body.v87-final-polish .paid-page .paid-product p{font-size:11px!important;line-height:1.55!important}

/* 3. Result reading: conclusion first, then the deep explanation */
body.v87-final-polish .v61-result,body.v87-final-polish .premium-result,body.v87-final-polish .v73-romance-answer,body.v87-final-polish .v73-chem-answer{
  padding:20px 18px!important;border-radius:18px!important;border-color:var(--v87-line)!important;background:#fff!important;box-shadow:var(--v87-shadow)!important;
}
body.v87-final-polish .v87-result-summary{margin:14px 0 21px;padding:16px 16px 15px;border:1px solid #e2d9cf;border-radius:15px;background:linear-gradient(145deg,#fbf8f2,#f7f4f8)}
body.v87-final-polish .v87-result-summary>span{display:block;margin-bottom:6px;color:#8a7357;font-size:10px;font-weight:900;letter-spacing:.08em}
body.v87-final-polish .v87-result-summary>b{display:block;color:#333848;font-size:16px;line-height:1.55;letter-spacing:-.03em;word-break:keep-all}
body.v87-final-polish .v61-result p,body.v87-final-polish .premium-result p,body.v87-final-polish .v73-romance-answer p,body.v87-final-polish .v73-chem-answer p{margin:10px 0!important;color:#555965!important;font-size:14px!important;line-height:1.82!important;letter-spacing:-.012em;word-break:keep-all}
body.v87-final-polish .v61-result h3,body.v87-final-polish .v61-result h4,body.v87-final-polish .premium-result h3,body.v87-final-polish .premium-result h4,body.v87-final-polish .v73-romance-answer h3,body.v87-final-polish .v73-romance-answer h4,body.v87-final-polish .v73-chem-answer h3,body.v87-final-polish .v73-chem-answer h4{margin:25px 0 9px!important;color:#303646!important;line-height:1.42!important;letter-spacing:-.035em!important}
body.v87-final-polish .v61-result h4,body.v87-final-polish .premium-result h4{padding-left:11px;border-left:3px solid #c7ab78}
body.v87-final-polish .premium-result strong,body.v87-final-polish .v61-result strong{color:#34394b}

/* 4. Free -> Premium should feel like the next chapter, not an ad */
body.v87-final-polish .v61-next{position:relative;margin-top:24px!important;padding:18px!important;border:1px solid rgba(225,201,154,.38)!important;border-radius:17px!important;background:linear-gradient(135deg,#242e4b,#393a57 62%,#554257)!important;color:#fff!important;overflow:hidden}
body.v87-final-polish .v61-next:before{content:'내 이야기의 다음 장';display:block;margin-bottom:8px;color:#e5ca91;font-size:10px;font-weight:900;letter-spacing:.12em}
body.v87-final-polish .v61-next b{display:block;color:#fff!important;font-size:17px!important;line-height:1.38!important;letter-spacing:-.03em}
body.v87-final-polish .v61-next span{display:block;margin-top:7px;color:rgba(255,255,255,.70)!important;font-size:12px!important;line-height:1.58!important}
body.v87-final-polish .v61-next button{width:100%;min-height:49px;margin-top:14px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:13px!important;background:#fff!important;color:#34394f!important;font-size:13px!important;font-weight:850!important;box-shadow:none!important}

/* Premium page focal hierarchy */
body.v87-final-polish .paid-page .paid-highlight{padding:20px!important;border-radius:18px!important;background:linear-gradient(145deg,#fffaf0,#f5f1f8)!important;border:1px solid #e3d9ce!important;box-shadow:none!important}
body.v87-final-polish .paid-page .paid-highlight>span{color:#8c7458!important;font-size:10px!important;letter-spacing:.06em}
body.v87-final-polish .paid-page .paid-highlight h2{color:#303646!important;font-size:21px!important}
body.v87-final-polish .paid-page .paid-highlight p{color:#696a73!important;font-size:12px!important}
body.v87-final-polish .paid-product.pass{background:linear-gradient(135deg,#252d48,#41405a 64%,#584458)!important;border-color:rgba(227,201,143,.24)!important}

/* 5. Revisit cue: no coins, no roulette, just continuity */
body.v87-final-polish .v87-return-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;padding:14px 15px;border:1px solid var(--v87-line);border-radius:15px;background:#fff;box-shadow:none}
body.v87-final-polish .v87-return-card>div{min-width:0}
body.v87-final-polish .v87-return-card small{display:block;margin-bottom:3px;color:#98805e;font-size:9px;font-weight:900;letter-spacing:.08em}
body.v87-final-polish .v87-return-card b{display:block;color:#363b4c;font-size:13px;letter-spacing:-.025em}
body.v87-final-polish .v87-return-card span{display:block;margin-top:3px;color:#89868d;font-size:10px;line-height:1.45}
body.v87-final-polish .v87-return-card button{flex:0 0 auto;min-width:82px;padding:10px 11px;border:1px solid #ded9df;border-radius:11px;background:#f6f3f6;color:#50536b;font-size:10px;font-weight:850}
body.v87-final-polish .v87-progress{height:3px;margin-top:10px;border-radius:99px;background:#ece8e5;overflow:hidden}
body.v87-final-polish .v87-progress i{display:block;height:100%;border-radius:99px;background:#767b99}

/* calmer bottom navigation */
body.v87-final-polish .star-bottom-nav{height:72px!important;background:rgba(255,253,250,.97)!important;border-top-color:#ebe5df!important;box-shadow:0 -9px 28px rgba(36,42,63,.045)!important}
body.v87-final-polish .star-bottom-nav button{font-size:10px!important;font-weight:780!important;color:#8a8990!important}
body.v87-final-polish .star-bottom-nav button span{font-size:18px!important}
body.v87-final-polish .star-bottom-nav button.active{background:#efedf2!important;color:#373b55!important}

@media(max-width:640px){
  body.v87-final-polish .profile-page main{padding:12px 12px 34px!important}
  body.v87-final-polish .profile-page aside>.v76-page-hero{min-height:164px!important;padding:22px 18px!important;border-radius:21px!important}
  body.v87-final-polish .profile-page aside>.v76-page-hero h1{font-size:23px!important}
  body.v87-final-polish .v87-first-trust{gap:5px}
  body.v87-final-polish .v87-first-trust span{font-size:9px;padding:6px 3px}
  body.v87-final-polish .v61-result,body.v87-final-polish .premium-result,body.v87-final-polish .v73-romance-answer,body.v87-final-polish .v73-chem-answer{padding:18px 15px!important}
  body.v87-final-polish .v87-result-summary{padding:15px;margin-top:12px}
  body.v87-final-polish .v87-result-summary>b{font-size:15px}
  body.v87-final-polish .v61-result p,body.v87-final-polish .premium-result p,body.v87-final-polish .v73-romance-answer p,body.v87-final-polish .v73-chem-answer p{font-size:14px!important;line-height:1.78!important}
  body.v87-final-polish .v87-return-card{padding:13px 12px}
}


/* V87 HOTFIX — embedded content headers must not inherit the app top-bar skin */
body.v87-final-polish .v79-panel>header,
body.v87-final-polish .v63-premium header.v63-topic-head{
  position:static!important;height:auto!important;min-height:0!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;color:inherit!important;
}
body.v87-final-polish .v79-panel>header{margin:0 0 14px!important;}
body.v87-final-polish .v79-panel>header h2{color:#20222a!important;}
body.v87-final-polish .v79-panel>header p{color:#707480!important;}