.hsf-app{
  --hsf-bg:#09102d;--hsf-bg2:#121b4f;--hsf-panel:rgba(255,255,255,.97);--hsf-ink:#14204d;
  --hsf-muted:#6f7693;--hsf-gold:#dca52a;--hsf-line:#e7e9f4;--hsf-shadow:0 18px 50px rgba(4,8,35,.22);--hsf-radius:26px;
  position:relative;max-width:820px;margin:24px auto 120px;color:#fff;border-radius:36px;overflow:visible;
  background:radial-gradient(circle at 20% 0%,#3d3a92 0,transparent 30%),radial-gradient(circle at 85% 12%,#213f89 0,transparent 28%),linear-gradient(180deg,#0c1538 0%,#111a48 42%,#07102c 100%);
  box-shadow:0 30px 80px rgba(9,16,45,.24);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}
.hsf-app *{box-sizing:border-box}.hsf-app button,.hsf-app input,.hsf-app select{font:inherit}.hsf-app button{cursor:pointer}.hsf-app a{text-decoration:none}
.hsf-app:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;border-radius:36px;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#fff7c0 0 1px,transparent 1.2px);background-size:47px 47px,83px 83px;background-position:4px 9px,22px 38px}
.hsf-hero{text-align:center;padding:58px 20px 26px;position:relative;overflow:hidden}.hsf-hero:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:50%;top:-180px;transform:translateX(-50%)}
.hsf-moon{font-size:66px;color:#fff1b0;text-shadow:0 0 30px rgba(255,230,140,.45);line-height:1}.hsf-eyebrow,.hsf-section-kicker{letter-spacing:.18em;font-size:12px;font-weight:800;opacity:.78}.hsf-hero h1{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(34px,8vw,58px);margin:10px 0 6px;letter-spacing:.05em;color:#fff;line-height:1.2}.hsf-subtitle{margin:0;color:#d9ddf5;font-family:Georgia,"Yu Mincho",serif}.hsf-date-pill{display:inline-block;margin-top:18px;padding:9px 15px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.hsf-content{padding:0 14px 14px;position:relative}.hsf-panel{background:var(--hsf-panel);color:var(--hsf-ink);border-radius:var(--hsf-radius);padding:22px;margin:16px 0;box-shadow:var(--hsf-shadow);border:1px solid rgba(255,255,255,.35)}.hsf-section-title-row,.hsf-premium-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.hsf-panel h2{margin:4px 0 0;font-size:22px;line-height:1.3;color:var(--hsf-ink)}.hsf-section-kicker{color:#6f75a2}.hsf-premium-kicker{color:#8b5fc6}.hsf-sparkle{color:var(--hsf-gold);font-size:28px}.hsf-free-badge,.hsf-premium-badge{white-space:nowrap;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.hsf-free-badge{background:#eef1ff;color:#4955a4}.hsf-premium-badge{background:#f5e8ff;color:#8646ad}.hsf-section-note{color:var(--hsf-muted);margin:8px 0 18px;font-size:14px;line-height:1.7}
.hsf-top3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.hsf-rank-card{border:1px solid var(--hsf-line);border-radius:20px;padding:14px 8px;text-align:center;background:linear-gradient(180deg,#fff,#f8f8ff);color:var(--hsf-ink)}.hsf-rank-no{font-weight:900;color:var(--hsf-gold);font-size:12px}.hsf-zodiac-symbol{font-size:37px;display:block;margin:3px 0}.hsf-rank-card strong{display:block;font-size:14px}.hsf-stars{color:#e4a921;font-size:13px;letter-spacing:1px;margin-top:4px}
.hsf-sign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hsf-sign-btn{border:1px solid #e3e6f3;border-radius:18px;background:linear-gradient(160deg,#f9f9ff,#eef0ff);color:var(--hsf-ink);padding:12px 4px;min-height:91px;transition:.18s transform,.18s box-shadow}.hsf-sign-btn:hover,.hsf-sign-btn:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px rgba(40,50,110,.14);outline:none;border-color:#b5b9e8}.hsf-sign-btn .hsf-symbol{display:block;font-size:28px;color:#5458b7}.hsf-sign-btn .hsf-name{font-size:12px;font-weight:800;margin-top:7px;display:block}
.hsf-reading-panel{overflow:hidden;position:relative}.hsf-reading-panel:before{content:"";position:absolute;width:220px;height:220px;background:radial-gradient(circle,#fff6ce,transparent 65%);right:-70px;top:-80px;opacity:.45}.hsf-reading-head{display:flex;align-items:center;gap:14px;position:relative}.hsf-big-symbol{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font-size:38px;background:linear-gradient(145deg,#515ac3,#8a70cd);color:#fff;box-shadow:0 10px 26px rgba(64,61,146,.25)}.hsf-reading-head h2{font-size:30px}.hsf-reading-date{color:var(--hsf-muted);font-size:13px;margin-top:3px}.hsf-overall-message{background:#fff8e9;border:1px solid #f5e3bb;border-radius:18px;padding:15px;margin:18px 0;line-height:1.8;font-weight:700}.hsf-fortune-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hsf-fortune-item{border:1px solid var(--hsf-line);border-radius:16px;padding:12px}.hsf-fortune-item span{color:var(--hsf-muted);font-size:12px;display:block}.hsf-fortune-item strong{font-size:15px;display:block;margin-top:3px}.hsf-luck-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.hsf-luck-card{background:#f6f6fb;border-radius:16px;padding:12px}.hsf-luck-card span{display:block;color:var(--hsf-muted);font-size:11px}.hsf-luck-card strong{display:block;margin-top:3px;font-size:14px}.hsf-share-row{display:flex;gap:10px;margin-top:16px}.hsf-share-btn{flex:1;border:0;border-radius:14px;padding:12px;background:#eef0ff;color:#35418d;font-weight:800}
.hsf-premium-panel{background:linear-gradient(145deg,#fff 0%,#faf2ff 100%);border:1px solid #ebdaf7}.hsf-premium-copy{color:#646985;line-height:1.8}.hsf-premium-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;color:#514c75;font-size:14px}.hsf-price-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #eadcf3;border-radius:18px;padding:14px 16px;margin:14px 0}.hsf-price-card small{display:block;color:#8b8797;margin-top:4px}.hsf-price{text-align:right}.hsf-price span{font-size:12px;color:#8c8798}.hsf-price strong{font-size:25px;margin-left:6px;color:#6f3aa0}.hsf-primary-btn{width:100%;border:0;border-radius:16px;padding:15px 18px;font-weight:900;color:#fff;background:linear-gradient(135deg,#5b5ac7,#8c57b8);box-shadow:0 10px 24px rgba(85,70,160,.22)}.hsf-ghost-dark-btn{display:block;width:100%;border:1px solid #d8d9e8;border-radius:16px;padding:13px 18px;font-weight:800;color:#505778;background:#fff;text-align:center}
.hsf-disclaimer h2{font-size:18px}.hsf-disclaimer p{font-size:13px;line-height:1.75;color:#73788f}.hsf-bottom-nav{position:sticky;bottom:14px;margin:0 14px 14px;display:grid;grid-template-columns:repeat(3,1fr);z-index:20;background:rgba(10,18,54,.9);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:9px;box-shadow:0 16px 40px rgba(0,0,0,.28)}.hsf-bottom-nav button{border:0;background:transparent;color:#fff;border-radius:14px;padding:9px 4px;font-size:18px}.hsf-bottom-nav span{display:block;font-size:11px;margin-top:2px;color:#dce0ff}
.hsf-modal{border:0;padding:0;border-radius:26px;width:min(92vw,520px);box-shadow:0 30px 80px rgba(0,0,0,.45)}.hsf-modal::backdrop{background:rgba(4,8,25,.72);backdrop-filter:blur(5px)}.hsf-modal-card{padding:24px;position:relative;color:var(--hsf-ink)}.hsf-modal-card h2{color:var(--hsf-ink)}.hsf-close-btn{position:absolute;right:14px;top:12px;border:0;background:#f0f1f7;border-radius:50%;width:36px;height:36px;font-size:25px;color:#5f647c}.hsf-modal-card label{display:block;font-size:13px;font-weight:800;margin:13px 0 0}.hsf-modal-card input,.hsf-modal-card select{width:100%;margin-top:7px;border:1px solid #dfe2ee;border-radius:14px;padding:13px 14px;background:#fff;color:#20294d}.hsf-modal-card input:focus,.hsf-modal-card select:focus{outline:2px solid #bbb9ef;border-color:transparent}.hsf-modal-card small{color:#9699aa;font-weight:500}.hsf-member-gate{margin:18px 0 12px;padding:16px;border-radius:18px;background:#f7f3fb;border:1px solid #e9def1}.hsf-member-gate p{margin:4px 0 14px;color:#78748a;font-size:13px;line-height:1.6}.hsf-member-gate .hsf-ghost-dark-btn{margin-top:9px}.hsf-tiny-note{font-size:11px;color:#9497a8;line-height:1.6;text-align:center}.hsf-premium-result{background:linear-gradient(145deg,#fff,#f7f0ff)}.hsf-premium-result .hsf-hero-line{font-size:19px;font-weight:900;line-height:1.7;margin:14px 0}.hsf-detail-block{border-top:1px solid #e8e0ef;padding:16px 0}.hsf-detail-block:last-child{padding-bottom:0}.hsf-detail-block h3{margin:0 0 7px;font-size:16px;color:var(--hsf-ink)}.hsf-detail-block p{margin:0;color:#656b82;line-height:1.8}.hsf-member-mark{display:inline-flex;align-items:center;gap:6px;background:#efe2fb;color:#793fa4;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.hsf-hidden{display:none!important}
@media (max-width:600px){.hsf-app{margin:0 auto 80px;border-radius:0}.hsf-app:before{border-radius:0}.hsf-hero{padding-top:44px}.hsf-panel{padding:18px;border-radius:22px}.hsf-sign-grid{grid-template-columns:repeat(3,1fr)}.hsf-top3-grid{gap:7px}.hsf-rank-card{padding:12px 4px}.hsf-luck-row{grid-template-columns:1fr}.hsf-fortune-grid{grid-template-columns:1fr 1fr}.hsf-premium-benefits{grid-template-columns:1fr}.hsf-reading-head h2{font-size:26px}.hsf-bottom-nav{position:sticky}}
/* v0.4: tomorrow, weekly and SEO sign pages */
.hsf-preview-panel .hsf-rank-card{display:block;text-decoration:none}
.hsf-seo-links{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}
.hsf-seo-link{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:9px 7px;border:1px solid var(--hsf-line);border-radius:14px;background:#f8f9ff;color:#3d477e;font-size:12px;font-weight:800;text-align:center;transition:.18s transform,.18s box-shadow,.18s border-color}
.hsf-seo-link span{font-size:19px;color:#5c5fbe}.hsf-seo-link:hover,.hsf-seo-link:focus-visible{transform:translateY(-1px);box-shadow:0 6px 18px rgba(40,50,110,.12);border-color:#b5b9e8;outline:none}.hsf-seo-link.is-current{background:#eeecff;border-color:#a9a4df;color:#5b4192}
.hsf-detail-list{margin-top:15px;padding-top:4px;border-top:1px solid var(--hsf-line)}.hsf-detail-list p{margin:10px 0;color:#626982;line-height:1.75;font-size:14px}.hsf-detail-list strong{color:var(--hsf-ink)}
.hsf-week-focus{margin-top:14px;padding:14px 16px;border-radius:16px;background:#f5f2ff;border:1px solid #e5ddf5}.hsf-week-focus span{display:block;font-size:11px;color:#8179a4}.hsf-week-focus strong{display:block;margin-top:4px;color:#574a8c}
.hsf-link-btn{display:block;text-align:center}.hsf-back-link{text-align:center;margin:22px 0 8px}.hsf-back-link a{color:#e2e5ff;font-weight:800}.hsf-share-link{display:flex;align-items:center;justify-content:center}
.hsf-sign-page .hsf-sign-hero .hsf-moon{font-size:58px}.hsf-sign-page .hsf-content{padding-bottom:28px}.hsf-sign-page .hsf-panel:first-child{margin-top:0}
@media (max-width:600px){.hsf-seo-links{grid-template-columns:repeat(3,1fr)}.hsf-share-row{flex-wrap:wrap}.hsf-share-row .hsf-share-btn{min-width:calc(50% - 5px)}.hsf-sign-page .hsf-hero h1{font-size:38px}}

/* v0.5: refined home, member my page and compatibility reading */
.hsf-brand-lockup{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:12px;font-weight:900;letter-spacing:.13em;color:#f4f1ff}.hsf-brand-star{color:#ffe397}.hsf-home-hero{padding-bottom:34px}.hsf-hero-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}.hsf-hero-nav a{padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}
.hsf-home-account{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fffdf7,#f5f3ff)}.hsf-home-account p{margin:7px 0 0;color:var(--hsf-muted);font-size:13px;line-height:1.65}.hsf-mini-cta{white-space:nowrap;padding:11px 14px;border-radius:14px;background:#171f54;color:#fff!important;font-size:12px;font-weight:900}.hsf-premium-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hsf-premium-actions .hsf-primary-btn,.hsf-premium-actions .hsf-ghost-dark-btn{margin:0}
.hsf-member-hero .hsf-moon{font-size:52px}.hsf-member-status-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.hsf-member-avatar{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#4e59bf,#8e61bd);color:#fff;font-size:24px;font-weight:900;box-shadow:0 9px 24px rgba(70,63,150,.24)}.hsf-member-status-copy h2{margin-top:3px}.hsf-member-status-copy p{margin:5px 0 0;color:var(--hsf-muted);font-size:13px;line-height:1.65}.hsf-plan-badge{padding:7px 10px;border-radius:999px;background:#eef0f8;color:#67708b;font-size:11px;font-weight:900;letter-spacing:.08em}.hsf-plan-badge.is-premium{background:#f2e5ff;color:#7b42a5}
.hsf-member-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.hsf-member-action{display:flex;min-height:118px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 8px;border:1px solid var(--hsf-line);border-radius:18px;background:linear-gradient(160deg,#fff,#f5f5ff);color:var(--hsf-ink)}.hsf-member-action>span{font-size:27px;color:#6264bb}.hsf-member-action strong{margin-top:6px;font-size:14px}.hsf-member-action small{margin-top:4px;color:#8b90a7;font-size:10px}
.hsf-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.hsf-profile-grid>div{padding:13px;border-radius:15px;background:#f7f7fc;border:1px solid #ececf5}.hsf-profile-grid span{display:block;color:#9094a8;font-size:10px}.hsf-profile-grid strong{display:block;margin-top:4px;font-size:13px;color:var(--hsf-ink)}
.hsf-compat-form label{display:block;margin:12px 0 0;font-size:13px;font-weight:800;color:var(--hsf-ink)}.hsf-compat-form input,.hsf-compat-form select{width:100%;margin-top:7px;border:1px solid #dfe2ee;border-radius:14px;padding:13px 14px;background:#fff;color:#20294d}.hsf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hsf-compat-form .hsf-primary-btn{margin-top:16px}.hsf-inline-gate{margin-top:15px}.hsf-compat-result{margin-top:16px;border-top:1px solid var(--hsf-line);padding-top:18px}.hsf-compat-result-inner h2{margin-top:10px}.hsf-compat-score-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin:18px 0}.hsf-score-ring{--score:75;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#7055c8 calc(var(--score) * 1%),#ece9f6 0)}.hsf-score-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.hsf-score-ring strong,.hsf-score-ring span{position:relative;z-index:1}.hsf-score-ring strong{font-size:30px;color:#553c9a;transform:translateY(-4px)}.hsf-score-ring span{font-size:11px;color:#817995;position:absolute;bottom:24px}.hsf-compat-score-wrap p{margin:5px 0;color:#646b83;line-height:1.75}.hsf-sign-pair{display:flex;align-items:center;gap:9px!important;font-weight:900!important;color:#39406c!important}.hsf-sign-pair b{color:#b77dbd}.hsf-compat-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.hsf-compat-detail-grid .hsf-detail-block{min-width:0}
.hsf-history-list{display:grid;gap:10px;margin-top:15px}.hsf-history-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--hsf-line);border-radius:16px;background:#fafaff}.hsf-history-item time{display:block;color:#9a9caf;font-size:10px}.hsf-history-item strong{display:block;margin-top:4px;font-size:14px;color:var(--hsf-ink)}.hsf-history-item p{margin:5px 0 0;color:#72778d;font-size:12px;line-height:1.6}.hsf-history-item>span{white-space:nowrap;padding:5px 8px;border-radius:999px;background:#eef0ff;color:#5961a4;font-size:10px;font-weight:800}.hsf-history-item>span.hsf-score-mini{background:#f5e9ff;color:#7b4aa3;font-size:13px}.hsf-empty-state{padding:18px;border-radius:16px;background:#f7f7fb;color:#777c92;font-size:13px;line-height:1.7}.hsf-account-manage{display:flex;align-items:center;justify-content:space-between;gap:16px}.hsf-account-manage .hsf-primary-btn,.hsf-account-manage .hsf-ghost-dark-btn{width:auto;min-width:180px}.hsf-login-panel{text-align:center}.hsf-login-panel .hsf-premium-actions{max-width:460px;margin:18px auto 0}
@media (max-width:700px){.hsf-member-action-grid{grid-template-columns:1fr 1fr}.hsf-profile-grid{grid-template-columns:1fr 1fr}.hsf-home-account{align-items:flex-start;flex-direction:column}.hsf-mini-cta{width:100%;text-align:center}.hsf-account-manage{align-items:stretch;flex-direction:column}.hsf-account-manage .hsf-primary-btn,.hsf-account-manage .hsf-ghost-dark-btn{width:100%}}
@media (max-width:520px){.hsf-premium-actions{grid-template-columns:1fr}.hsf-member-status-card{grid-template-columns:auto 1fr}.hsf-member-status-card .hsf-plan-badge{grid-column:1/-1;justify-self:start}.hsf-form-grid{grid-template-columns:1fr}.hsf-compat-score-wrap{grid-template-columns:1fr;text-align:center}.hsf-score-ring{margin:auto}.hsf-sign-pair{justify-content:center}.hsf-compat-detail-grid{grid-template-columns:1fr}.hsf-profile-grid{grid-template-columns:1fr 1fr}}

/* v0.6: custom registration, first profile setup and compatibility share image */
.hsf-auth-page{max-width:760px}.hsf-auth-hero{padding-bottom:36px}.hsf-auth-content{padding-top:22px}.hsf-auth-card h2,.hsf-auth-benefits h2{margin-top:4px}.hsf-auth-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.hsf-auth-benefit-grid>div{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;border:1px solid var(--hsf-line);border-radius:18px;background:linear-gradient(160deg,#fff,#f6f5ff);text-align:center}.hsf-auth-benefit-grid span{font-size:28px;color:#6264bb}.hsf-auth-benefit-grid strong{margin-top:7px;font-size:14px;color:var(--hsf-ink)}.hsf-auth-benefit-grid small{margin-top:5px;color:#8d91a6;font-size:10px;line-height:1.5}.hsf-auth-form{margin-top:18px}.hsf-auth-form>label{display:block;margin:13px 0 0;font-size:13px;font-weight:800;color:var(--hsf-ink)}.hsf-auth-form input,.hsf-auth-form select{width:100%;margin-top:7px;border:1px solid #dfe2ee;border-radius:14px;padding:13px 14px;background:#fff;color:#20294d}.hsf-auth-form input:focus,.hsf-auth-form select:focus{outline:2px solid #bbb9ef;border-color:transparent}.hsf-auth-form .hsf-primary-btn{margin-top:18px}.hsf-auth-form small{font-weight:500;color:#999caf}.hsf-consent-row{display:flex!important;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:14px;background:#f7f7fb}.hsf-consent-row input{width:auto!important;margin:3px 0 0!important}.hsf-consent-row span{font-weight:500;line-height:1.65;color:#6e7388}.hsf-consent-row a{font-weight:800}.hsf-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.hsf-form-message{margin-top:13px;padding:11px 13px;border-radius:13px;background:#eff8f2;color:#326748;font-size:12px;font-weight:700;line-height:1.55}.hsf-form-message.is-error{background:#fff0f1;color:#a43a45}.hsf-form-message.is-success{background:#eff8f2;color:#326748}.hsf-auth-login-link{margin-top:18px;text-align:center;color:#8b8fa3;font-size:12px}.hsf-auth-login-link a{font-weight:900;color:#565ea5}.hsf-auth-complete{text-align:center}.hsf-auth-complete .hsf-link-btn{margin-top:18px}.hsf-setup-progress{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 18px}.hsf-setup-step{display:flex;align-items:center;gap:6px;color:#9a9daf;font-size:11px;font-weight:800}.hsf-setup-step span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef0f6;color:#7f8498}.hsf-setup-step.is-done span{background:#e9f7ee;color:#37805b}.hsf-setup-step.is-current{color:#514b93}.hsf-setup-step.is-current span{background:#eeebff;color:#5b4ca8}.hsf-setup-line{width:34px;height:1px;background:#dddfea}.hsf-profile-edit-link{text-decoration:none}.hsf-profile-empty .hsf-link-btn{margin-top:15px}.hsf-compat-share-row{margin-top:16px}.hsf-image-share-btn{background:linear-gradient(135deg,#5f58ba,#8b5fa4)!important;color:#fff!important;border-color:transparent!important}.hsf-share-status{margin-top:10px;padding:9px 11px;border-radius:11px;background:#f1f2fb;color:#5d6484;font-size:11px;text-align:center}.hsf-compat-result .hsf-share-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hsf-compat-result .hsf-share-btn{width:100%}
@media (max-width:600px){.hsf-auth-benefit-grid{grid-template-columns:1fr}.hsf-auth-benefit-grid>div{min-height:92px}.hsf-setup-progress{gap:5px;padding:13px 10px}.hsf-setup-line{width:18px}.hsf-setup-step strong{font-size:10px}.hsf-compat-result .hsf-share-row{grid-template-columns:1fr}}

/* v0.7 account security */
.hsf-turnstile-wrap{display:flex;justify-content:center;margin:4px 0 8px;min-height:65px}.hsf-security-page .hsf-auth-card{max-width:720px;margin-left:auto;margin-right:auto}.hsf-security-inline-form{margin-top:18px}.hsf-security-notice{border:1px solid rgba(166,119,255,.35);background:linear-gradient(135deg,rgba(115,71,180,.12),rgba(255,255,255,.95))}.hsf-security-page .hsf-form-message{margin-bottom:18px}


/* v0.9 HOSHI PALETTE brand refresh */
.hsf-app{
  --hsf-bg:#09132f;--hsf-bg2:#18275f;--hsf-ink:#18244f;--hsf-muted:#707895;
  --hsf-gold:#e3aa38;--hsf-pink:#e78caf;--hsf-lav:#8e78d6;--hsf-sky:#6fafe0;--hsf-mint:#67bda6;
  background:
    radial-gradient(circle at 12% 2%,rgba(231,140,175,.38) 0,transparent 25%),
    radial-gradient(circle at 86% 8%,rgba(111,175,224,.40) 0,transparent 28%),
    radial-gradient(circle at 52% 32%,rgba(142,120,214,.24) 0,transparent 30%),
    linear-gradient(180deg,#091430 0%,#17255a 44%,#08132d 100%);
}
.hsf-brand-lockup{font-size:13px;letter-spacing:.09em;background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.05));}
.hsf-brand-star{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:conic-gradient(from 20deg,var(--hsf-gold),var(--hsf-pink),var(--hsf-lav),var(--hsf-sky),var(--hsf-mint),var(--hsf-gold));box-shadow:0 0 18px rgba(255,255,255,.22)}
.hsf-home-hero:before{content:"";position:absolute;inset:auto 6% 2px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--hsf-pink),var(--hsf-lav),var(--hsf-sky),var(--hsf-mint),var(--hsf-gold));opacity:.9}
.hsf-primary-btn{background:linear-gradient(135deg,#7066cc 0%,#c06fba 48%,#e39b79 100%);box-shadow:0 10px 25px rgba(126,83,166,.25)}
.hsf-mini-cta{background:linear-gradient(135deg,#25346d,#6f5fb8)}
.hsf-big-symbol,.hsf-member-avatar{background:linear-gradient(145deg,#6d77d1,#b66fb7 60%,#e29b74)}
.hsf-score-ring{background:conic-gradient(#d86f9e calc(var(--score) * 1%),#ece9f6 0)}
.hsf-sign-grid .hsf-sign-btn:nth-child(5n+1) .hsf-symbol{color:#d27a9d}.hsf-sign-grid .hsf-sign-btn:nth-child(5n+2) .hsf-symbol{color:#9b75cf}.hsf-sign-grid .hsf-sign-btn:nth-child(5n+3) .hsf-symbol{color:#5c9bd1}.hsf-sign-grid .hsf-sign-btn:nth-child(5n+4) .hsf-symbol{color:#57a88f}.hsf-sign-grid .hsf-sign-btn:nth-child(5n+5) .hsf-symbol{color:#d89a32}
.hsf-sign-grid .hsf-sign-btn:nth-child(5n+1){background:linear-gradient(160deg,#fff,#fff2f6)}.hsf-sign-grid .hsf-sign-btn:nth-child(5n+2){background:linear-gradient(160deg,#fff,#f5f0ff)}.hsf-sign-grid .hsf-sign-btn:nth-child(5n+3){background:linear-gradient(160deg,#fff,#eef7ff)}.hsf-sign-grid .hsf-sign-btn:nth-child(5n+4){background:linear-gradient(160deg,#fff,#effaf6)}.hsf-sign-grid .hsf-sign-btn:nth-child(5n+5){background:linear-gradient(160deg,#fff,#fff8e8)}
.hsf-premium-panel{background:linear-gradient(145deg,#fff 0%,#fff4f8 35%,#f6f3ff 70%,#f1f9ff 100%);border-color:#eadcf2}
.hsf-image-share-btn{background:linear-gradient(135deg,#6a62c8,#cf6ea6,#e5a04f)!important}
.hsf-free-badge{background:#eef6ff;color:#3d6b9e}.hsf-premium-badge{background:#fff0f6;color:#a64d79}

/* v1.0 original animal type diagnosis */
.hsf-animal-promo{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(190px,.55fr);gap:20px;align-items:center;background:linear-gradient(145deg,#fff 0%,#fff3f8 35%,#f4f2ff 68%,#eef9f5 100%);border-color:#eadff1}.hsf-animal-promo .hsf-link-btn{display:inline-block;width:auto;padding-left:22px;padding-right:22px;text-align:center}.hsf-animal-promo-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.hsf-animal-promo-icons span{display:grid;place-items:center;aspect-ratio:1;border-radius:20px;background:rgba(255,255,255,.85);border:1px solid #eee4f4;font-size:34px;box-shadow:0 8px 20px rgba(63,53,112,.08)}
.hsf-bottom-nav{grid-template-columns:repeat(4,1fr)}.hsf-bottom-nav a{border:0;background:transparent;color:#fff;border-radius:14px;padding:9px 4px;font-size:18px;text-align:center}.hsf-bottom-nav a span{display:block;font-size:11px;margin-top:2px;color:#dce0ff}.hsf-member-action-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
.hsf-animal-app{max-width:860px}.hsf-animal-hero{padding-bottom:42px}.hsf-animal-hero-emoji{font-size:72px;line-height:1;margin:2px 0 10px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.18))}.hsf-animal-back{display:inline-block;margin-top:20px;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:800}.hsf-animal-intro{background:linear-gradient(150deg,#fff,#fff8fb 35%,#f7f4ff 70%,#f1fbf8)}.hsf-animal-mini-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.hsf-animal-mini-grid>div{min-width:0;padding:10px 5px;border-radius:15px;border:1px solid #e8e9f2;background:#fff;text-align:center}.hsf-animal-mini-grid span{display:block;font-size:27px}.hsf-animal-mini-grid small{display:block;margin-top:5px;font-size:9px;line-height:1.25;color:#737991;font-weight:800;word-break:keep-all}.hsf-animal-error{border-color:#f1c9d0!important;background:#fff1f3!important;color:#a33b4a!important;font-size:13px;font-weight:800}.hsf-animal-form-panel .hsf-auth-form{margin-top:8px}.hsf-animal-form-panel .hsf-form-grid{margin-top:4px}.hsf-animal-result{overflow:hidden;position:relative}.hsf-animal-result:before{content:"";position:absolute;width:250px;height:250px;right:-80px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(231,140,175,.25),rgba(142,120,214,.1),transparent 68%)}.hsf-animal-result-head{display:flex;align-items:center;gap:18px;position:relative}.hsf-animal-avatar{flex:0 0 104px;width:104px;height:104px;display:grid;place-items:center;border-radius:30px;background:linear-gradient(145deg,#fff1f6,#f2efff 50%,#eaf8f4);font-size:60px;border:1px solid #eadff2;box-shadow:0 12px 28px rgba(78,61,128,.12)}.hsf-animal-result-head h2{font-size:28px}.hsf-animal-result-head p{margin:5px 0 0;color:#737992;font-size:13px;line-height:1.6}.hsf-animal-combo{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 0;padding:13px 15px;border-radius:17px;background:linear-gradient(90deg,#fff2f7,#f4f1ff,#eef8ff,#effaf6);color:#474f7a}.hsf-animal-combo span{font-size:28px}.hsf-animal-combo strong{font-size:14px}.hsf-animal-summary{margin:16px 0;padding:16px;border-radius:18px;background:#fff9ea;border:1px solid #f2e3bd;color:#565c78;line-height:1.85;font-weight:700}.hsf-animal-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hsf-animal-detail-grid>div{padding:14px;border-radius:17px;border:1px solid var(--hsf-line);background:#fafaff}.hsf-animal-detail-grid span{display:block;color:#858aa0;font-size:11px;font-weight:800}.hsf-animal-detail-grid strong{display:block;margin-top:5px;color:#3d456d;font-size:14px}.hsf-animal-detail-grid p{margin:6px 0 0;color:#646b83;font-size:12px;line-height:1.7}.hsf-animal-advice{margin-top:10px;padding:14px 16px;border-radius:17px;background:#f1f8ff;border:1px solid #dcebf7}.hsf-animal-advice strong{font-size:12px;color:#456a8a}.hsf-animal-advice p{margin:5px 0 0;color:#5e6d82;line-height:1.7;font-size:13px}.hsf-animal-share{margin-top:16px}.hsf-animal-score{display:grid;place-items:center;min-width:88px;height:58px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,#f9e7f1,#ece8ff);color:#a25087;font-size:24px;font-weight:900}.hsf-animal-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:20px 0}.hsf-animal-pair>div{text-align:center;padding:16px 8px;border-radius:20px;background:#fafaff;border:1px solid var(--hsf-line)}.hsf-animal-pair span{display:block;font-size:48px}.hsf-animal-pair strong{display:block;margin-top:7px;color:#39416b;font-size:14px}.hsf-animal-pair small{display:block;margin-top:4px;color:#8a8fa4;font-size:10px}.hsf-animal-pair>b{color:#c17aa5;font-size:26px}.hsf-animal-app .hsf-share-status{margin-top:10px}
@media (max-width:700px){.hsf-animal-promo{grid-template-columns:1fr}.hsf-animal-promo-icons{grid-template-columns:repeat(6,1fr)}.hsf-animal-promo-icons span{font-size:27px;border-radius:14px}.hsf-animal-mini-grid{grid-template-columns:repeat(4,1fr)}.hsf-animal-result-head{align-items:flex-start}.hsf-animal-avatar{width:86px;height:86px;flex-basis:86px;font-size:50px;border-radius:24px}.hsf-animal-result-head h2{font-size:23px}}
@media (max-width:520px){.hsf-animal-mini-grid{grid-template-columns:repeat(3,1fr)}.hsf-animal-detail-grid{grid-template-columns:1fr}.hsf-animal-promo-icons{grid-template-columns:repeat(3,1fr)}.hsf-animal-result-head{display:block;text-align:center}.hsf-animal-avatar{margin:0 auto 12px}.hsf-animal-pair{gap:8px}.hsf-animal-pair span{font-size:39px}.hsf-animal-score{min-width:74px;height:50px;font-size:20px}.hsf-bottom-nav button,.hsf-bottom-nav a{font-size:16px;padding-left:1px;padding-right:1px}.hsf-bottom-nav span,.hsf-bottom-nav a span{font-size:9px}}

/* v1.1 Google AdSense: free users only */
.hsf-ad-wrap{margin:18px 0;padding:10px 10px 6px;border:1px solid rgba(105,111,150,.14);border-radius:16px;background:rgba(255,255,255,.72);min-height:96px;overflow:hidden;text-align:center}.hsf-ad-label{display:block;margin:0 0 5px;color:#9a9caf;font-size:10px;letter-spacing:.12em}.hsf-ad-wrap .adsbygoogle{min-height:70px}

/* v1.2 legal / AdSense trust pages */
.hsf-legal-page{max-width:960px;margin:32px auto;padding:0 16px;color:#1d2440}.hsf-legal-card{background:#fff;border:1px solid rgba(70,66,120,.12);border-radius:24px;padding:clamp(22px,4vw,48px);box-shadow:0 18px 50px rgba(24,22,58,.08)}.hsf-legal-brand{margin:0 0 6px!important;font-size:12px;font-weight:800;letter-spacing:.18em;color:#7667b8}.hsf-legal-card h1{margin:0 0 28px;font-size:clamp(28px,5vw,42px);line-height:1.2}.hsf-legal-card h2{margin:34px 0 12px;font-size:21px}.hsf-legal-card p,.hsf-legal-card li{line-height:1.9}.hsf-legal-card a{color:#5d55a8;text-decoration:underline;text-underline-offset:3px}.hsf-legal-table{margin:24px 0;border:1px solid #e8e6f2;border-radius:16px;overflow:hidden}.hsf-legal-table>div{display:grid;grid-template-columns:minmax(150px,32%) 1fr;gap:18px;padding:15px 18px;border-bottom:1px solid #eeeaf6}.hsf-legal-table>div:last-child{border-bottom:0}.hsf-legal-table span{font-weight:700;color:#6e7188}.hsf-legal-table strong{font-weight:600;word-break:break-word}.hsf-legal-missing{color:#b24545;font-weight:700}.hsf-legal-note{padding:14px 16px;border-radius:12px;background:#f6f3ff}.hsf-legal-updated{margin-top:42px!important;font-size:13px;color:#777d91}.hsf-contact-form{display:grid;gap:18px;margin-top:26px}.hsf-contact-form>label{display:grid;gap:8px;font-weight:700}.hsf-contact-form>label>span{font-size:12px;color:#b0445e}.hsf-contact-form input[type=text],.hsf-contact-form input[type=email],.hsf-contact-form select,.hsf-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #dcd8eb;border-radius:12px;padding:12px 14px;background:#fff;font:inherit}.hsf-contact-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;gap:9px!important;font-weight:500!important}.hsf-contact-check input{margin-top:5px}.hsf-contact-notice{padding:13px 15px;border-radius:12px;margin:18px 0}.hsf-contact-success{background:#edf9f2;color:#17643a}.hsf-contact-error{background:#fff0f2;color:#983149}.hsf-hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.hsf-legal-footer{margin-top:36px;padding:28px 16px;background:#15162e;color:#fff}.hsf-legal-footer-inner{max-width:1100px;margin:auto;text-align:center}.hsf-legal-footer strong{display:block;margin-bottom:14px;font-size:18px}.hsf-legal-footer-inner>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}.hsf-legal-footer a{color:#e9e5ff;text-decoration:none;font-size:13px}.hsf-legal-footer a:hover{text-decoration:underline}.hsf-legal-footer small{display:block;margin-top:16px;color:#aaa9c7}@media(max-width:640px){.hsf-legal-table>div{grid-template-columns:1fr;gap:6px}.hsf-legal-card{border-radius:18px;padding:22px 18px}.hsf-legal-footer-inner>div{gap:10px 14px}}

/* v1.4 final visual polish */
.hsf-app{border:1px solid rgba(255,255,255,.12)}
.hsf-hero{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));}
.hsf-hero h1{text-shadow:0 2px 22px rgba(0,0,0,.18)}
.hsf-panel{box-shadow:0 18px 46px rgba(10,18,55,.18)}
.hsf-home-account{background:linear-gradient(135deg,#fff 0%,#fff7fb 30%,#f5f3ff 63%,#eff8ff 100%)}
.hsf-ranking-panel{background:linear-gradient(145deg,#fff 0%,#fff9fc 38%,#f7f5ff 72%,#f1f9ff 100%)}
.hsf-sign-btn{position:relative;overflow:hidden}
.hsf-sign-btn:after{content:"";position:absolute;inset:auto 14px 7px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.18}
.hsf-animal-promo,.hsf-premium-panel,.hsf-legal-card{box-shadow:0 18px 46px rgba(31,30,80,.10)}
.hsf-legal-card{position:relative;overflow:hidden}
.hsf-legal-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#e78caf,#8e78d6,#6fafe0,#67bda6,#e3aa38)}
.hsf-legal-footer{background:linear-gradient(135deg,#121934,#26225f)}
@media(max-width:640px){.hsf-app{margin-top:10px;border-radius:24px}.hsf-panel{border-radius:20px}.hsf-hero{padding-left:16px;padding-right:16px}}