@keyframes frasSlide{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}#toc_container li,#toc_container ul,.fras-wrap *{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li{background:0 0;list-style:none}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container p.toc_title+ul.toc_list{margin-top:1em}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff}.fras-wrap *{box-sizing:border-box}.fras-wrap{width:100%;max-width:780px;margin:0 auto 60px;padding:0}.fras-card{background:rgb(255 250 242/.95);border:1px solid rgb(192 128 64/.3);border-radius:10px;padding:20px}.fras-header{text-align:center;margin-bottom:22px}.fras-header__title{font-size:clamp(20px,5vw,20px);font-weight:800;color:#3d2b0e;margin-bottom:6px}.fras-header__sub{font-size:10px;color:#8b6030;letter-spacing:.05em}.fras-tabs{display:flex;margin-bottom:18px;border-radius:10px;overflow:hidden;border:1.5px solid #c08040}.fras-tab{flex:1;padding:10px 6px;border:0;background:#fff0;color:#8b5e20;font-size:14px;font-family:inherit;font-weight:700;cursor:pointer;letter-spacing:.04em;transition:background .2s,color .2s;text-align:center}.fras-tab.is-active{background:#c08040;color:#fff}.fras-tab:not(.is-active):hover{background:#fdf0dc}.fras-label{display:block;font-size:12px;font-weight:700;color:#5a3d15;letter-spacing:.08em;margin-bottom:7px}.fras-input{width:100%;padding:8px 16px;border:2px solid #d4a96a;border-radius:10px;font-size:15px;font-family:inherit;background:rgb(255 255 255/.8);color:#3d2b0e;outline:0;transition:border .2s;-webkit-appearance:none}.fras-input:focus{border-color:#c08040}.fras-hint{font-size:11px;color:#a08050;margin-top:5px}.fras-field{margin-bottom:16px}.fras-btn{width:100%;padding:10px 16px;background:#3d2b0e;color:#fff;border:0;border-radius:100vmax;font-size:16px;font-family:inherit;font-weight:700;cursor:pointer;letter-spacing:.08em;transition:background .2s,transform .15s,box-shadow .2s;text-align:center}.fras-btn:hover{background:#5a3d15;transform:translateY(-2px);box-shadow:0 6px 20px rgb(61 43 14/.25)}.fras-btn:active{transform:translateY(0)}.fras-result{margin-top:22px;animation:frasSlide .55s cubic-bezier(.22,1,.36,1) both}.fras-result-card{padding:20px;text-align:center;border:2px solid #fff0;position:relative;overflow:hidden}.fras-face-wrap{margin-bottom:10px;display:flex;justify-content:center}.fras-stage-badge{display:inline-block;color:#fff;font-size:12px;font-weight:700;padding:4px 48px;border-radius:100vmax;letter-spacing:.08em;margin-bottom:4px}.fras-dog-age{font-size:12px;color:#5a3d15}.fras-human-age{line-height:1;margin-bottom:8px}.fras-human-age__num{font-size:clamp(64px,18vw,80px);font-weight:800;letter-spacing:-.02em}.fras-human-age__unit{font-size:14px;color:#5a3d15;font-weight:700;margin-left:2px}.fras-human-age__label{font-size:12px;color:#8b6030;margin-top:4px}.fras-stage-desc{margin-top:20px;padding:20px;background:rgb(255 255 255/.6);border-radius:9px;font-size:14px;color:#5a3d15;text-align:left}.fras-bar-label{font-size:10px;color:#a08050;letter-spacing:.1em;margin:16px 0 6px;text-align:left}.fras-bar{display:flex;height:7px;border-radius:99px;overflow:hidden;gap:3px}.fras-bar-names{display:flex;gap:3px;margin-top:4px}.fras-articles{margin-top:22px}.fras-articles__title{font-size:16px;font-weight:700;color:#3d2b0e;margin-bottom:10px;letter-spacing:.05em}.fras-article-list{display:flex;flex-direction:column;gap:10px}.fras-note{font-size:10px;color:#b09070;text-align:left;margin-top:18px}.fras-zodiac{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 20px;background:rgb(255 255 255/.55);border:1.5px solid rgb(192 128 64/.3);border-radius:99px;font-size:13px;color:#5a3d15;letter-spacing:.05em}.fras-zodiac__symbol{font-size:22px;line-height:1}.fras-zodiac__name{font-weight:700;font-size:15px;color:#3d2b0e}.fras-zodiac__period{font-size:11px;color:#a08050;margin-left:2px}.fras-hidden{display:none!important}.fras-wrap-header-image{width:84%;margin:0 auto}@media (max-width:576px){#fras-input-bday{padding:8px 0;-webkit-appearance:auto}}