.hub-view{max-width:900px;margin:0 auto;padding:54px 26px 70px}.hub-hero{text-align:center;padding:34px 12px 42px}.hub-kicker{display:inline-block;color:#8d817d;font-size:13px;font-weight:900;letter-spacing:.08em}.hub-hero h1{margin:15px 0 8px;font-size:clamp(36px,6vw,58px);line-height:1.08;color:#282321}.hub-hero h1 span{margin-left:.18em;background:linear-gradient(100deg,#ff785f,#ec62a6,#8874e8);color:transparent;background-clip:text;-webkit-background-clip:text}.hub-hero p{margin:0;color:#948785;font-size:17px}.hub-section{margin-bottom:48px}.hub-section h2{margin:0 0 20px;font-size:22px;color:#302a28}.hub-section h2 small{font-size:15px;color:#a79a96;font-weight:700}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{position:relative;min-height:238px;padding:28px;text-align:left;border:1px solid rgba(85,55,45,.08);border-radius:28px;background:#fff;box-shadow:0 13px 32px rgba(92,65,55,.07);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.tool-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(92,65,55,.12)}.tool-card:after{content:"";position:absolute;right:-34px;bottom:-48px;width:130px;height:130px;border-radius:50%;background:var(--wash)}.tool-icon{display:block;font-size:46px;margin-bottom:24px;filter:drop-shadow(0 5px 8px rgba(70,45,35,.1))}.tool-card strong{display:block;font-size:24px;color:#2f2927}.tool-card p{min-height:52px;margin:9px 0 18px;color:#8c807d;font-size:15px;line-height:1.7}.tool-card i{font-size:13px;font-style:normal;font-weight:900;color:#8a6058}.new-badge{position:absolute;right:20px;top:20px;padding:5px 11px;border-radius:999px;background:#ff4f9a;color:#fff;font-size:11px;font-weight:900;box-shadow:0 5px 12px rgba(255,79,154,.24)}.peach{--wash:#ffe3dc}.yellow{--wash:#fff0bf}.mint{--wash:#dff5e7}.blue{--wash:#e1eefb}.purple{--wash:#eee4ff}.star{--wash:#fff0bd}.mystic-zone{padding-top:6px}.hub-disclaimer{text-align:center;color:#b0a6a2;font-size:12px}.page-back{margin:24px 0 6px;padding:10px 15px;border:1px solid #ded8d2;border-radius:999px;background:rgba(255,255,255,.8);color:#596b65;font-weight:800;cursor:pointer}.tool-page{max-width:960px;margin:auto;padding:24px 26px 70px}.tool-page-head{display:flex;align-items:center;gap:20px;margin:24px 0}.tool-page-head>span{display:grid;place-items:center;width:78px;height:78px;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(79,59,52,.08);font-size:40px}.tool-page-head small{font-weight:900;letter-spacing:.12em;color:#977ea3}.tool-page-head h1{margin:4px 0;font-size:36px}.tool-page-head p{margin:0;color:#857b77}.standalone-tool{padding:28px;border:1px solid rgba(80,60,50,.08);border-radius:30px;background:#fff;box-shadow:0 16px 40px rgba(88,63,54,.07)}.standalone-tool .birthday-section,.standalone-tool .tarot-section{margin:0}.standalone-tool .module-hidden{display:block}.history-view>.page-back{margin-left:0}
@media(max-width:620px){.topbar .brand span:last-child,.mini-profile{display:none}.topbar{padding-inline:16px}.hub-view{padding:20px 15px 50px}.hub-hero{padding:26px 6px 34px}.hub-hero h1{font-size:34px}.hub-hero p{font-size:14px}.tool-grid{gap:12px}.tool-card{min-height:214px;padding:20px;border-radius:23px}.tool-icon{font-size:38px;margin-bottom:19px}.tool-card strong{font-size:19px}.tool-card p{min-height:65px;font-size:13px;line-height:1.55}.new-badge{right:13px;top:13px}.tool-page{padding:15px 13px 50px}.tool-page-head{gap:13px}.tool-page-head>span{width:60px;height:60px;font-size:30px;border-radius:19px}.tool-page-head h1{font-size:27px}.standalone-tool{padding:16px;border-radius:22px}}
@media(max-width:380px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:195px}.tool-card p{min-height:0}}