@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&family=Noto+Serif+TC:wght@500;600&display=swap";:root{font-family:Noto Sans TC,sans-serif;color:#55483d;background:#faf6ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:"Noto Serif TC",serif;font-weight:600}h1{font-size:34px;line-height:1.5;margin:12px 0}h2{font-size:23px;margin:12px 0 22px}h3{font-size:20px}small{color:#a0764c;font-size:12px;letter-spacing:1px}p{font-size:15px;line-height:1.9}header{max-width:1120px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4d8c6}header a{display:flex;align-items:center;gap:17px}header b{font-family:Georgia,serif;font-size:27px}header a span{border-left:1px solid #d9cbb9;padding-left:17px;font-size:14px}.nav-note{font-size:12px;color:#998874}main{max-width:1060px;margin:auto;padding:0 28px}.intro{text-align:center;padding:46px 0 30px}.intro p{color:#897a69;margin:0}.input-pair,.profile-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.input-card{padding:28px;background:#fffdf9;border:1px solid #ded0bc;border-radius:17px}.pet-input{background:#f4f5ed}.input-card label{display:block;font-size:14px}.input-card label span{color:#a89986;font-size:11px;margin-left:5px}input{display:block;width:100%;padding:13px 14px;border:1px solid #dacdbb;border-radius:8px;background:#fffefb;margin:9px 0 22px;color:inherit;min-width:0}.birthday{border:0;margin:0;padding:0;min-width:0}.birthday legend{font-size:14px;margin-bottom:10px}.birthday>div{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}.birthday select{width:100%;min-width:0;padding:12px 5px;border-radius:8px;border:1px solid #dacdbb;color:#55483d;background:#fffefb;font-size:14px}.pet-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.species-toggle{display:flex;gap:6px}.species-toggle button{border:1px solid #d6d7c8;background:transparent;color:#7a7d68;border-radius:20px;padding:7px 10px;display:flex;align-items:center;gap:5px;font-size:12px}.species-toggle button[aria-pressed=true]{background:#6f7b60;border-color:#6f7b60;color:#fff}.primary,.secondary{border:0;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:28px;padding:15px 28px;font-size:15px}.primary{background:#9d6b48;color:#fff}.calculate{margin:28px auto 0;min-width:250px}.secondary{border:1px solid #ad8c69;color:#886541;background:transparent}.primary:hover{background:#825538}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #9caa82;outline-offset:3px}.error{color:#a1422c;text-align:center}#result{scroll-margin-top:25px;margin-top:52px}.result-intro{text-align:center;border-top:1px solid #dfd2bf;padding:30px 0 24px}.result-intro h2{margin:8px 0}.result-intro p{font-size:12px;color:#93836f}.profile{background:#fffdf9;border:1px solid #dfcfb7;border-radius:16px;padding:24px;min-width:0}.profile-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.profile-head h2{margin:6px 0}.profile-head>span{font-size:12px;color:#9b8a77}.number-title{display:flex;align-items:center;gap:15px;margin:20px 0}.number-title>b{font:42px Georgia,serif;color:#986c42}.number-title h3{margin:4px 0}.number-title small{font-size:11px}.house{width:100%;height:auto;display:block;margin:0 auto 22px;max-width:420px}.trait-heading{font-size:16px;margin:22px 0 14px}.traits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.traits>section{background:#f3e4cf;padding:17px;border-radius:11px}.traits>section:nth-child(2){background:#e9ecdf}.traits>section:nth-child(3){background:#eee6f0}.traits>section:nth-child(4){background:#f3e1d8}.traits h4{font-size:16px;margin:0 0 12px}.traits ul{padding:0;margin:0;list-style:none;font-size:14px;line-height:1.9}.together{margin-top:24px;padding:30px 34px;background:#f0eadf;border-radius:16px}.together>svg{vertical-align:middle;margin-right:10px;color:#a57453}.together h2{margin:14px 0 20px}.together p{display:flex;gap:17px;margin:14px 0}.together p b{font:18px Georgia,serif;color:#aa8d67;flex-shrink:0;padding-top:5px}.download{display:flex;justify-content:center;margin:25px 0}footer{text-align:center;color:#aa9780;font-size:12px;padding:36px 0}.pdf-root{position:fixed;left:-12000px;top:0;width:794px}.pdf-sheet{width:794px;height:1123px;padding:42px 50px;background:#fffcf7;position:relative}.pdf-heading{font-size:13px;border-bottom:1px solid #d9cbb9;padding-bottom:14px;margin-bottom:20px}.pdf-foot{position:absolute;bottom:28px;left:50px;font-size:11px;color:#99856d}.pdf-sheet .profile{padding:20px;border:0}.pdf-sheet .house{width:345px;height:331px;margin-bottom:10px}.pdf-sheet .traits{grid-template-columns:repeat(4,1fr)}.pdf-sheet .traits>section{padding:14px 10px;min-height:225px}.pdf-sheet .traits li{font-size:14px}.pdf-sheet .profile-head h2{font-size:25px}.pdf-sheet .number-title{margin:12px 0}.pdf-sheet .together{margin:40px 0;padding:30px}.pdf-sheet .together p{font-size:19px;line-height:2}.pdf-sheet .profile-head{flex-direction:row}.pdf-sheet .traits h4{font-size:17px}@media(max-width:700px){header{padding:20px}.nav-note{display:none}main{padding:0 18px}.intro{padding:30px 0 25px}h1{font-size:26px}.intro p{font-size:13px}.input-pair,.profile-pair{grid-template-columns:1fr;gap:16px}.input-card{padding:22px}.pet-title h2{font-size:22px}.profile{padding:20px}.calculate{width:100%}.together{padding:24px}.together h2{font-size:22px}.together p{font-size:14px}.result-intro p{line-height:1.8}.profile-head>span{font-size:11px}.house{max-width:380px}#result{margin-top:36px}.pdf-sheet .house{width:345px;height:331px}.pdf-sheet .traits{grid-template-columns:repeat(4,1fr)}}@media(max-width:360px){main{padding:0 12px}.input-card{padding:18px}.pet-title{align-items:flex-start;flex-direction:column}.pet-title h2{margin-bottom:10px}.species-toggle{margin-bottom:18px}.birthday select{font-size:12px}.profile{padding:15px}.traits>section{padding:13px}}.intro-scene{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:20px;padding:24px 0}.intro-scene img{width:35%;height:145px;object-fit:cover;object-position:80% 70%;border-radius:14px}.typed-birthday input{margin-bottom:0}.scene-layout{display:grid;grid-template-columns:175px 1fr;gap:24px;align-items:center}.scene-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.communication h3{font-size:17px;margin:18px 0 6px}.communication p{display:block;margin:6px 0;line-height:1.8}.pdf-sheet .communication p{font-size:18px}.pdf-sheet .scene-layout{display:grid;grid-template-columns:175px 1fr}.pdf-sheet .communication h3{margin-top:22px}.pdf-sheet .scene-photo{height:175px}.communication h2{overflow-wrap:anywhere}@media(max-width:700px){.intro-scene{gap:12px}.intro-scene h1{font-size:21px}.intro-scene img{width:30%;height:95px}.intro-scene p{font-size:12px}.scene-layout{grid-template-columns:1fr;gap:6px}.scene-photo{max-height:210px;object-position:center 53%}.pdf-sheet .scene-photo{max-height:none}}.pdf-sheet .communication{margin:12px 0;padding:20px}.pdf-sheet .communication h3{font-size:17px;margin:14px 0 4px}.pdf-sheet .communication p{font-size:16px;line-height:1.65;margin:4px 0}.pdf-sheet .communication .scene-photo{width:130px;height:130px}.pdf-sheet .communication .scene-layout{grid-template-columns:130px 1fr}.footprint{background:#fff1da;border-radius:18px;margin:0 auto 20px;overflow:hidden;width:100%;max-width:420px;color:#53371f}.footprint svg,.footprint-scene{width:100%;height:auto;display:block}.footprint-date{display:grid;grid-template-columns:repeat(4,1fr);padding:5px 6% 12px;text-align:center}.footprint-date span{font-size:12px}.footprint-date b{display:block;font:700 23px Georgia,serif}.pdf-sheet .footprint{max-width:320px;margin-bottom:10px}:root{background:#fbf6ec;color:#493f32}header{max-width:1050px;border-bottom:0;padding:26px 28px}header b{color:#68563f}main{max-width:1020px}.intro-scene{padding:30px 0 35px;gap:32px}.intro-scene h1{white-space:pre-line;font-size:34px;line-height:1.6;letter-spacing:1px}.intro-scene img{width:44%;height:auto;border-radius:0;mix-blend-mode:multiply}.input-pair{gap:0;border-top:1px solid #cfbea6;border-bottom:1px solid #cfbea6}.input-card{background:transparent;border:0;border-radius:0;padding:26px 30px 30px 0}.pet-input{border-left:1px solid #cfbea6;padding-left:30px;padding-right:0}input{background:#fffdf6;border-radius:5px}.primary{background:#53694f;border-radius:8px}.primary:hover{background:#3f523c}.result-intro{padding:40px 0 24px}.profile-pair{gap:40px}.profile{border:0;background:transparent;padding:0;border-radius:0}.profile-head{align-items:flex-start;flex-direction:column;gap:0}.profile-head h2{font-size:22px}.profile-head>span{font-size:12px}.number-title{margin:12px 0 18px}.number-title>b{font-size:30px}.number-title h3{font-size:17px}.footprint{border-radius:45% 45% 8px 8px;background:#fff1da}.traits{gap:0 22px}.traits>section,.traits>section:nth-child(n){background:transparent;border-radius:0;border-top:1px solid #d6c8b5;padding:15px 0}.traits h4{color:#786044;margin-bottom:8px}.traits li{display:inline;line-height:2.1}.traits li:not(:last-child):after{content:" · ";color:#b09c80}.together{background:transparent;border-radius:0;border-top:1px solid #cfbea6;margin-top:42px;padding:25px 0}.scene-layout{grid-template-columns:38% 1fr;gap:30px}.scene-photo{aspect-ratio:auto;border-radius:0;mix-blend-mode:multiply}.communication>section{padding:13px 0;border-bottom:1px solid #e2d8c8}.communication p{max-width:66ch}.secondary{border-radius:8px}@media(max-width:700px){.intro-scene{position:relative;display:block;padding:20px 0 25px}.intro-scene h1{font-size:27px}.intro-scene img{width:100%;max-width:340px;display:block;margin:18px auto 0}.input-pair{gap:0}.input-card{padding:24px 0}.pet-input{border-left:0;border-top:1px solid #cfbea6}.profile-pair{gap:36px}.profile{padding:0}.profile-head h2{font-size:22px}.scene-layout{grid-template-columns:1fr}.scene-photo{max-height:none}.together{padding:24px 0}.traits{gap:0 20px}}.pdf-sheet .profile{padding:12px}.pdf-sheet .footprint{max-width:300px}.pdf-sheet .traits>section{min-height:160px}.pdf-sheet .traits li{display:block}.pdf-sheet .traits li:after{content:""}.pdf-sheet .scene-photo{object-fit:contain}.birthday-mode,.observations fieldset{border:0;padding:0;margin:20px 0}.birthday-mode legend,.observations legend{font-size:14px;margin-bottom:10px}.input-card .birthday-mode label,.observations label{display:flex;align-items:center;gap:9px;margin:10px 0}.birthday-mode input,.observations input{width:18px;height:18px;margin:0;accent-color:#53694f}.observed-profile>section{border-bottom:1px solid #dfd2bf;padding:6px 0}.observed-profile h3{font-size:16px}.pdf-sheet .observed-profile .scene-photo{max-height:180px;object-fit:contain}