:root{font-family:system-ui,-apple-system,"Microsoft JhengHei",sans-serif;color:#49372c;background:#f8f2e9;line-height:1.7;font-synthesis:none;--wood:#5a7657;--fire:#b8573f;--earth:#9c793d;--metal:#7c7370;--water:#557a87}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#eddccb66,transparent 60%)}main{max-width:860px;margin:auto;padding:48px 24px}header{padding:12px 0 28px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#967c64}h1{font-size:clamp(30px,6vw,54px);line-height:1.25;margin:18px 0;letter-spacing:.02em}h1 span{font-weight:400;color:#9c6745}.intro{color:#846b58;font-size:17px}.palette{display:flex;gap:10px}.palette span{border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:#fff8f0;border:1px solid currentColor}.palette span:nth-child(1){color:var(--wood)}.palette span:nth-child(2){color:var(--fire)}.palette span:nth-child(3){color:var(--earth)}.palette span:nth-child(4){color:var(--metal)}.palette span:nth-child(5){color:var(--water)}.notice{background:#eee1d0;padding:20px 24px;border-left:3px solid #ab7950;border-radius:4px 16px 16px 4px}.notice p{margin:8px 0 0;font-size:14px}.card{background:#fffdf8;border:1px solid #e7d9c9;border-radius:20px;padding:28px;margin-top:24px}.section-title{display:flex;gap:12px;align-items:center}.section-title>span{font-size:12px;color:#aa8060;border:1px solid #dfc9b3;border-radius:100%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}h2{font-size:22px;margin:0}h3{font-size:17px;margin-top:25px}.muted{color:#897666;font-size:14px}.birth-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:600;font-size:14px;min-width:0}input{width:100%;min-width:0;max-width:100%;font:inherit;border:1px solid #d8c6b1;border-radius:10px;background:#faf7f0;color:#49372c;padding:12px;margin-top:8px;min-height:48px;font-size:17px}button{font:inherit;cursor:pointer;border-radius:10px;min-height:48px;padding:12px 18px}.primary{width:100%;background:#8e6245;color:#fff8ed;border:0;margin-top:12px;display:flex;justify-content:space-between}.secondary{width:100%;margin-top:10px;color:#846b58;border:1px solid #d8c6b1;background:transparent}button:hover{filter:brightness(.96)}input:focus-visible,button:focus-visible{outline:3px solid #b58b5c;outline-offset:3px}#error{color:#aa4535;font-size:14px}.table-wrap{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:9px 6px;text-align:left;border-bottom:1px solid #eadfd3}th{color:#897666;font-weight:500}td:nth-child(2){font-weight:700;white-space:nowrap}.counts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.element{text-align:center;border:1px solid currentColor;border-radius:12px;padding:10px 2px}.element b{display:block;font-size:26px}.wood{color:var(--wood)}.fire{color:var(--fire)}.earth{color:var(--earth)}.metal{color:var(--metal)}.water{color:var(--water)}.result-banner{background:#f3eadf;border-radius:12px;padding:18px;margin-top:22px}.result-banner p{font-size:14px;margin-bottom:0}.evidence{font-size:14px;padding-left:20px}.evidence li{margin:10px 0}footer{color:#897666;font-size:13px;padding:30px 5px}footer p{margin:8px 0}a{color:inherit}[hidden]{display:none!important}@media(max-width:480px){main{padding:24px 16px}.card{padding:18px 14px}.notice{padding:16px}.birth-fields{grid-template-columns:1fr}h1 span{display:block}.counts{gap:5px}.counts .element{padding:7px 1px}table{font-size:12px}th,td{padding:8px 3px}td:last-child{overflow-wrap:anywhere}.result-banner{padding:14px}}