html body{background-color:#fbfaf3;background-image:radial-gradient(circle at 8% 8%,#ffe9a8 0,#0000 40%),radial-gradient(circle at 94% 10%,#bdebff 0,#0000 42%),radial-gradient(circle at 52% 104%,#c9f5d9 0,#0000 52%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}html .page-header{background:0 0;border-bottom:none}html .page-header:before{display:none}.r-card .r-value.hp-face{font-family:inherit;font-size:3.4rem;line-height:1.15}.hp-strip{gap:6px;margin-top:12px;font-size:20px;display:flex}.hp-strip span{opacity:.3;transition:opacity .2s var(--ease), transform .2s var(--ease)}.hp-strip span.on{opacity:1;transform:scale(1.3)}.hp-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 84px 84px;align-items:center;gap:8px;padding:12px 0;display:grid}.hp-row:last-child{border-bottom:none}.hp-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;padding-top:0;font-size:10px;font-weight:700}.hp-head span:first-child{text-align:left}.hp-text{color:var(--ink);font-size:14px;line-height:1.45}.hp-chk{-webkit-appearance:none;appearance:none;border:2px solid var(--border);background:var(--white);cursor:pointer;width:30px;height:30px;transition:all .15s var(--ease);border-radius:9px;place-content:center;justify-self:center;display:grid}.hp-chk:after{content:"✓";color:#fff;transition:transform .15s var(--ease);font-size:18px;font-weight:700;transform:scale(0)}.hp-chk:checked{background:var(--green);border-color:var(--green)}.hp-chk.plan:checked{background:var(--blue);border-color:var(--blue)}.hp-chk:checked:after{transform:scale(1)}.hp-note{color:var(--green);min-height:1.4em;margin:0 0 20px;font-size:14px;font-weight:600}.hp-tip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.hp-tip-text{color:var(--ink);max-width:560px;font-size:15px;line-height:1.6}.hp-lrow{border-bottom:1px solid var(--border);padding:12px 0}.hp-scale{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.hp-cell{border:1.5px solid var(--border);background:var(--white);height:30px;color:var(--muted);font-family:var(--font);cursor:pointer;transition:all .12s var(--ease);border-radius:7px;padding:0;font-size:11px;font-weight:600}.hp-cell:hover{border-color:var(--green)}.hp-cell.on{background:var(--green);border-color:var(--green);color:#fff}@media (width<=600px){.hp-cell{height:40px;font-size:10px}.hp-lresult{gap:12px;padding:14px}.hp-lface{font-size:2.6rem}}.hp-lresult{border-radius:var(--radius);background:var(--greenbg);border:1.5px solid #6ee7b7;align-items:center;gap:18px;margin-top:22px;padding:18px;display:flex}.hp-lface{flex-shrink:0;font-size:3.4rem;line-height:1}.hp-lbody{min-width:0}.hp-llabel{letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-size:11px;font-weight:700}.hp-lrec{color:var(--ink);margin-top:10px;font-size:15px;font-weight:500;line-height:1.55}.hp-small{color:var(--muted);font-size:12.5px;line-height:1.6}.hp-small a{color:var(--blue)}.hp-small strong{color:var(--mid);font-weight:600}html:root{--muted:#566073}html .page-sub{color:var(--mid);font-size:17px}html .panel-title{color:var(--mid);font-size:13px}html .r-label{color:var(--mid);font-size:12px}html .r-card.highlight .r-label{color:var(--green)}html .r-sub{color:var(--mid);font-size:13.5px}html .hp-text{font-size:16px}html .hp-small{color:var(--mid);font-size:14.5px}html .hp-head{color:var(--mid);font-size:12px}html .hp-row{grid-template-columns:1fr 100px 100px}html .hp-chk{background:#eef1f6;border:2.5px solid #7c8799;width:36px;height:36px;box-shadow:0 1px 2px #0b0c141a}html .hp-cell{color:var(--mid);background:#eef1f6;border:1.5px solid #7c8799;font-size:12px}html .hp-llabel{font-size:12.5px}html .hp-lrec{font-size:16.5px}@media (width<=600px){html .hp-row{grid-template-columns:1fr 66px 66px}html .hp-chk{width:34px;height:34px}html .hp-cell{font-size:11px}}.hp-results .r-card{min-width:0}@media (width<=600px){.hp-results{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.hp-results .r-card{padding:14px}.hp-strip{gap:2px;font-size:14px}.hp-strip span.on{transform:scale(1.2)}.hp-row{grid-template-columns:1fr 58px 58px}.r-card .r-value.hp-face{font-size:2.8rem}}
