.fn-cover{display:block;aspect-ratio:1;border-radius:12px;background:url('assets/photos-20261010/baekya-annual-story-scenes-v1.webp') 0 0/200% 300%}.fn-free-3{background-position:0 100%}.fn-free-5{background-position:100% 0}.fn-free-6{background-position:100% 50%}.fn-free-4{background-image:url('assets/photos-20261010/jeokryeon-love-scenes-v1.webp');background-size:300% 200%}.fn-tarot{background:#f4edf5}.fn-tarot .ft-scene{background-image:url('assets/photos-20261010/jeokryeon-love-scenes-v1.webp');background-size:300% 200%}.fn-tarot .ft-button{background:#785173;border-color:#785173}.fn-tarot .ft-button.secondary{background:transparent;color:#785173!important}.fn-page .fn-check{display:flex;gap:12px;align-items:center}.fn-page .fn-check input{width:20px;height:20px;min-height:0;margin:0}.fn-symbol{text-align:center;font-size:64px;color:#854954;padding:28px 8px;background:#fffaf1;margin:24px 0;border-radius:14px}.fn-symbol small{display:block;font-size:14px;margin-top:12px}.fn-bars>div{display:grid;grid-template-columns:48px 1fr 92px;align-items:center;gap:8px;margin:20px 0;font-size:13px}.fn-bars meter{width:100%;height:22px;accent-color:#6c8171}.fn-bars b{text-align:right;font-size:12px}.fn-tokens{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fn-tokens>div{background:#f5eee4;padding:14px;text-align:center;border-radius:9px}.fn-tokens small,.fn-tokens b,.fn-tokens span{display:block}.fn-tokens b{font-size:32px;margin:10px}.fn-tokens small,.fn-tokens span{font-size:12px}.fn-badge{background:#e5ede7;border-radius:8px;padding:12px;text-align:center}.fn-deck{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:24px 0}.fn-back{aspect-ratio:2/3;border:2px solid #c0a47b;border-radius:7px;background:#47304e;color:#f3dec0;cursor:pointer;min-height:58px}.fn-back span,.fn-back small{display:block}.fn-back span{font-size:23px}.fn-back small{font-size:10px}.fn-card-face{text-align:center;margin:25px 0}.fn-card-face img{width:70%;max-width:260px;height:auto;border-radius:10px;box-shadow:0 12px 25px #47304e33}.fn-card-face img.reversed{transform:rotate(180deg)}.fn-card-face figcaption{margin-top:18px;font-size:17px;font-weight:700}.fn-question{background:#fffcf8;padding:18px;border-left:3px solid #785173;overflow-wrap:anywhere}.fn-page textarea{resize:vertical}.fn-page input:disabled{opacity:.5}@media(max-width:360px){.fn-deck{gap:5px}.fn-bars>div{grid-template-columns:42px 1fr 80px;gap:4px}}
.fn-bars>div:nth-child(1) meter{accent-color:#50765a}.fn-bars>div:nth-child(2) meter{accent-color:#b35853}.fn-bars>div:nth-child(3) meter{accent-color:#aa8736}.fn-bars>div:nth-child(4) meter{accent-color:#87939d}.fn-bars>div:nth-child(5) meter{accent-color:#526c9a}
.fn-bars>div:nth-child(1){--bar:#50765a}.fn-bars>div:nth-child(2){--bar:#b35853}.fn-bars>div:nth-child(3){--bar:#aa8736}.fn-bars>div:nth-child(4){--bar:#87939d}.fn-bars>div:nth-child(5){--bar:#526c9a}.fn-bars meter::-webkit-meter-optimum-value{background:var(--bar)}.fn-bars meter::-moz-meter-bar{background:var(--bar)}