.home-feature-card{--hfc-scene-top: 80px;--hfc-glow: 48%;position:relative;display:block;width:100%;height:174px;overflow:hidden;padding:0;border:1px solid color-mix(in srgb,var(--hfc-accent) 52%,transparent);border-radius:14px;background:radial-gradient(ellipse at 82% 28%,color-mix(in srgb,var(--hfc-accent) var(--hfc-glow),transparent),transparent 58%),linear-gradient(135deg,var(--hfc-bg) 7%,color-mix(in srgb,var(--hfc-bg) 58%,var(--hfc-soft)) 62%,var(--hfc-soft) 100%);color:var(--hfc-ink);text-align:left;cursor:pointer;box-shadow:0 8px 26px color-mix(in srgb,var(--hfc-ink) 9%,transparent);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.home-feature-card:is([data-feature=roast],[data-feature=meme],[data-feature=comic],[data-feature=reports]){--hfc-glow: 20%}.home-feature-card:hover{transform:translateY(-2px);border-color:var(--hfc-accent);box-shadow:0 12px 28px color-mix(in srgb,var(--hfc-ink) 16%,transparent)}.home-feature-card:focus-visible{outline:2px solid var(--hfc-accent);outline-offset:3px}.home-feature-card__cue{position:absolute;z-index:3;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--hfc-ink);color:var(--hfc-bg);pointer-events:none;transition:transform .24s ease}.home-feature-card__cue svg{width:15px;height:15px}.home-feature-card:hover .home-feature-card__cue{transform:translate(2px,-2px)}.home-feature-card__copy{position:absolute;z-index:2;top:16px;left:18px;display:grid;gap:6px;width:min(49%,230px);pointer-events:none}.home-feature-card__label{color:var(--hfc-muted);font-size:12px;font-weight:500;line-height:1.2}.home-feature-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--hfc-ink);font-size:14px;font-weight:600;line-height:1.25}.home-feature-card__scene{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none}.hfc-scene-note{position:absolute;right:17px;bottom:13px;left:48%;overflow:hidden;color:var(--hfc-muted);font-size:10px;line-height:1.3;text-align:right;text-overflow:ellipsis;white-space:nowrap}.hfc-particles{position:absolute;top:3px;right:2%;bottom:1px;width:48%}.hfc-particles canvas{display:block;width:100%;height:calc(100% - 28px)}.hfc-particles__caption{position:absolute;right:11px;bottom:12px;left:0;color:var(--hfc-ink);font-size:11px;text-align:right;white-space:nowrap}.hfc-kundali svg{position:absolute;top:12px;right:5%;width:min(145px,45%);height:145px;overflow:visible}.hfc-kundali__grid{fill:none;stroke:color-mix(in srgb,var(--hfc-accent) 60%,transparent);stroke-width:1}.hfc-kundali__house{fill:var(--hfc-accent);fill-opacity:0;transition:fill-opacity .55s ease}.hfc-kundali__house.is-active{fill-opacity:.55}.hfc-kundali__planet{fill:var(--hfc-ink);font-size:8px;font-weight:600;text-anchor:middle;dominant-baseline:middle;transition:transform .6s ease}.hfc-meme{position:absolute;top:17px;right:5%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:min(132px,43%);height:139px;padding:8px;border:1px solid var(--hfc-ink);background:hsl(from var(--hfc-soft) h s 100%);color:var(--hfc-accent);text-align:center;transition:opacity .2s ease}.hfc-meme.is-fading{opacity:.18}.hfc-meme__top,.hfc-meme__bottom{font-family:Impact,Arial Black,sans-serif;font-size:10px;font-weight:900;line-height:1.1;text-transform:uppercase}.hfc-meme svg{width:70px;height:70px;fill:none;stroke:var(--hfc-accent);stroke-width:2.2;stroke-linecap:round}.hfc-comic{position:absolute;top:var(--hfc-scene-top);right:10px;bottom:18px;left:18px;display:flex;gap:5px}.hfc-comic__panel{position:relative;flex:1;overflow:hidden;border:1px solid var(--hfc-ink);background:var(--hfc-soft);opacity:0;transform:scaleX(.8);transform-origin:left;transition:opacity .4s ease,transform .4s ease}.hfc-comic__panel.is-inked{opacity:1;transform:scaleX(1)}.hfc-comic__panel--2{background-color:var(--hfc-soft);background-image:radial-gradient(var(--hfc-accent) .8px,transparent 1px);background-size:6px 6px}.hfc-comic__bubble,.hfc-comic__caption{position:absolute;top:5px;left:5px;right:5px;z-index:1;padding:3px 4px;border:1px solid var(--hfc-ink);border-radius:3px;background:hsl(from var(--hfc-soft) h s 100%);color:var(--hfc-ink);font-size:9px;font-weight:600;line-height:1.1;text-align:center}.hfc-comic__bubble:after{position:absolute;bottom:-5px;left:18px;width:9px;height:9px;border-right:1px solid var(--hfc-ink);border-bottom:1px solid var(--hfc-ink);background:hsl(from var(--hfc-soft) h s 100%);content:"";transform:rotate(45deg)}.hfc-comic__caption{top:auto;bottom:5px;border-radius:1px}.hfc-comic__face{position:absolute;left:50%;bottom:5px;width:31px;height:32px;border:2px solid var(--hfc-ink);border-radius:48% 48% 45% 45%;background:var(--hfc-soft);transform:translate(-50%)}.hfc-comic__face i{position:absolute;top:11px;left:6px;width:3px;height:3px;border-radius:50%;background:var(--hfc-ink);box-shadow:12px 0 var(--hfc-ink)}.hfc-comic__face b{position:absolute;bottom:6px;left:9px;width:10px;height:4px;border-bottom:1.5px solid var(--hfc-ink);border-radius:50%}.hfc-comic__face--2{bottom:3px;transform:translate(-50%) rotate(12deg)}.hfc-comic__face--2 i{top:9px;left:4px;width:8px;height:8px;border:1.5px solid var(--hfc-ink);border-radius:50%;background:none;box-shadow:13px 0 0 -1px var(--hfc-soft),13px 0 0 .5px var(--hfc-ink)}.hfc-comic__face--2 b{bottom:5px;left:11px;width:6px;height:6px;border:1.5px solid var(--hfc-ink);border-radius:50%}.hfc-comic__face--2 em{position:absolute;top:9px;right:-8px;width:5px;height:9px;border-radius:70% 0 70% 70%;background:var(--hfc-accent);transform:rotate(25deg)}.hfc-comic__moon{position:absolute;top:3px;left:50%;width:66px;height:66px;transform:translate(-50%)}.hfc-comic__moon path:first-child{fill:var(--hfc-accent);stroke:var(--hfc-ink);stroke-width:1.5}.hfc-comic__stars{fill:none;stroke:var(--hfc-ink);stroke-width:1.5;stroke-linecap:round}.hfc-personality svg{position:absolute;top:10px;right:5%;width:min(150px,45%);height:135px}.hfc-personality__web{fill:none;stroke:color-mix(in srgb,var(--hfc-accent) 45%,transparent);stroke-width:.8}.hfc-personality__data{fill:color-mix(in srgb,var(--hfc-accent) 30%,transparent);stroke:var(--hfc-accent);stroke-width:1.5;transition:d .5s ease}.hfc-personality__chips{position:absolute;right:12px;bottom:11px;display:flex;gap:4px}.hfc-personality__chips span{padding:3px 5px;border:1px solid color-mix(in srgb,var(--hfc-accent) 50%,transparent);border-radius:9px;color:var(--hfc-muted);font-size:9px}.hfc-personality__chips .is-active{border-color:var(--hfc-accent);color:var(--hfc-ink)}.hfc-game{position:absolute;right:7%;bottom:33px;display:flex;gap:4px;align-items:center}.hfc-game__tile{display:grid;place-items:center;width:26px;height:34px;border:1px solid color-mix(in srgb,var(--hfc-accent) 55%,transparent);border-radius:3px;color:var(--hfc-ink);font-size:16px;font-weight:600;transform:rotateY(0);transition:transform .3s ease,background .4s ease,color .4s ease}.hfc-game__tile.is-flipped{transform:rotateY(360deg)}.hfc-game__tile.is-complete{background:var(--hfc-accent);color:var(--hfc-bg)}.hfc-roast{position:absolute;top:15px;right:5%;bottom:15px;width:45%;perspective:500px}.hfc-roast__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s ease-in-out}.hfc-roast.is-back .hfc-roast__inner{transform:rotateY(180deg)}.hfc-roast__front,.hfc-roast__back{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden}.hfc-roast__front{color:var(--hfc-ink);font-family:Georgia,serif;font-size:72px}.hfc-roast__back{padding:13px;border:1px solid var(--hfc-accent);border-radius:8px;background:var(--hfc-soft);color:var(--hfc-ink);font-family:Georgia,serif;font-size:13px;line-height:1.2;text-align:center;transform:rotateY(180deg)}.hfc-dating{position:absolute;top:var(--hfc-scene-top);right:16px;bottom:16px;left:18px;overflow:hidden;color:var(--hfc-ink);font-family:Georgia,serif;font-size:16px;line-height:1.3}.hfc-dating__text,.hfc-honest__text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.hfc-dating__cursor{display:inline-block;width:1px;height:1em;margin-left:1px;vertical-align:-.12em;background:var(--hfc-accent);animation:hfc-blink .8s steps(1) infinite}.hfc-honest{position:absolute;top:var(--hfc-scene-top);right:16px;bottom:16px;left:18px;overflow:hidden;color:var(--hfc-ink);font-family:Georgia,serif;font-size:17px;line-height:1.3}.hfc-honest s{color:var(--hfc-muted)}.hfc-honest__text>span:last-child{opacity:0;transition:opacity .6s ease}.hfc-honest__text>span:last-child.is-revealed{opacity:1}.hfc-reports{position:absolute;top:var(--hfc-scene-top);right:16px;bottom:16px;left:18px;display:grid;align-content:center;gap:5px;overflow:hidden}.hfc-reports__row{display:flex;align-items:baseline;gap:5px;color:var(--hfc-ink);font-family:Georgia,serif;font-size:12px;opacity:0;transform:translate(-9px);transition:opacity .45s ease,transform .45s ease}.hfc-reports__row span:first-child{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.hfc-reports__row.is-written{opacity:1;transform:translate(0)}.hfc-reports__row i{flex:1;border-bottom:1px dotted var(--hfc-accent)}.hfc-reports__row span:last-child{font-size:10px}.hfc-moon svg{position:absolute;top:12px;right:5%;width:min(140px,45%);height:140px}.hfc-moon__dark{fill:var(--hfc-soft);stroke:var(--hfc-muted);stroke-width:1}.hfc-moon__light{fill:var(--hfc-accent)}@keyframes hfc-blink{50%{opacity:0}}@media(max-width:600px){.home-feature-card{--hfc-scene-top: 78px;height:155px}.home-feature-card__copy{top:16px;left:16px}.hfc-kundali svg,.hfc-personality svg,.hfc-moon svg{height:125px}.hfc-meme{top:9px;height:132px}.hfc-game__tile{width:22px;height:30px}.hfc-comic{bottom:12px}.hfc-comic__bubble,.hfc-comic__caption{font-size:8px;padding:2px 3px}.hfc-comic__face{width:25px;height:26px}.hfc-comic__moon{width:44px;height:44px}.hfc-dating,.hfc-honest{font-size:14px}}@media(prefers-reduced-motion:reduce){.home-feature-card,.home-feature-card *{animation:none!important;transition:none!important}}.home-feature-card__scene.is-paused *,.home-feature-card__scene.is-paused *:before,.home-feature-card__scene.is-paused *:after{animation-play-state:paused!important}