@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{height:100%}body{color:#1c1c1e;background:#f2f2f7;flex-direction:column;align-items:center;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;display:flex;overflow-x:hidden}#c{pointer-events:none;z-index:0;position:fixed;inset:0}.back-nav{z-index:50;pointer-events:none;padding:.75rem 1.2rem;position:fixed;top:0;left:0;right:0}.back-btn{color:#1c1c1e;cursor:pointer;-webkit-backdrop-filter:blur(12px);pointer-events:all;background:#f2f2f7d1;border:1px solid #0000001a;border-radius:999px;align-items:center;gap:.3rem;padding:.38rem .9rem .38rem .55rem;font-family:inherit;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.back-btn:hover{background:#e4e4eae6}.back-arrow{color:#007aff;font-size:1.1rem;font-weight:400;line-height:1}.app{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:430px;padding:72px 20px;display:flex;position:relative}.badge{letter-spacing:3px;text-transform:uppercase;color:#8e8e93;text-align:center;margin-bottom:10px;font-size:11px;font-weight:600}.hdr-zh{letter-spacing:8px;color:#1c1c1e;text-align:center;margin-bottom:8px;font-family:Noto Serif SC,serif;font-size:3rem;font-weight:300;line-height:1}.hdr-en{letter-spacing:4px;color:#8e8e93;text-transform:uppercase;text-align:center;margin-bottom:32px;font-size:13px;font-weight:500}.card{background:#fff;border-radius:22px;width:100%;margin-bottom:16px;padding:32px 24px;box-shadow:0 2px 20px #00000012,0 0 0 .5px #0000000f}.instruction{color:#636366;text-align:center;margin-bottom:28px;font-family:EB Garamond,serif;font-size:1.15rem;font-style:italic;line-height:1.65}.digit-row{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.dig{text-align:center;color:#1c1c1e;appearance:none;caret-color:#007aff;background:#f2f2f7;border:1.5px solid #0000;border-radius:14px;outline:none;width:48px;height:62px;padding:0;font-size:1.6rem;font-weight:300;transition:border-color .2s,background .2s,box-shadow .2s}.dig:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 4px #007aff1f}.dig.filled{background:#fff;border-color:#e5e5ea}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.gender-select{text-align-last:center;width:auto;min-width:200px;height:48px;padding:0 16px;font-family:inherit;font-size:1rem}.missing-text{color:#3a3a3c;margin-top:10px;font-size:1rem;line-height:1.6}.missing-head{color:#1c1c1e;font-weight:600}.missing-toggle summary{cursor:pointer;color:#007aff;font-size:1rem;font-weight:600}.missing-note{color:#636366;margin-top:14px;font-size:.9rem}.dig-labels{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.dig-lbl{text-align:center;letter-spacing:1px;color:#aeaeb2;text-transform:uppercase;width:48px;font-size:10px;font-weight:500}.format-hint{color:#aeaeb2;text-align:center;margin-bottom:3px;font-size:12px}.format-eg{color:#c7c7cc;text-align:center;margin-bottom:20px;font-size:11px}.err{color:#ff3b30;text-align:center;min-height:18px;margin-bottom:14px;font-size:13px}.btn-primary{color:#fff;letter-spacing:.3px;cursor:pointer;background:#007aff;border:none;border-radius:14px;width:100%;padding:17px;font-family:inherit;font-size:1rem;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 16px #007aff47}.btn-primary:hover{background:#0070f0}.btn-primary:active{transform:scale(.975);box-shadow:0 2px 8px #007aff33}.btn-ghost{color:#007aff;cursor:pointer;background:0 0;border:1.5px solid #e5e5ea;border-radius:14px;width:100%;margin-top:8px;padding:15px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.btn-ghost:hover{background:#f2f2f7}.btn-ghost:active{transform:scale(.975)}.results{width:100%;display:none}.results.show{animation:.7s cubic-bezier(.16,1,.3,1) both slideUp;display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.sec-label{letter-spacing:2px;text-transform:uppercase;color:#aeaeb2;margin-bottom:16px;font-size:11px;font-weight:600}.z-top{align-items:center;gap:18px;margin-bottom:18px;display:flex}.z-emoji-wrap{background:linear-gradient(135deg,#fff8ee,#ffecd2);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;font-size:2.6rem;display:flex;box-shadow:0 2px 12px #00000012}.z-info{text-align:left}.z-zh{color:#1c1c1e;letter-spacing:4px;margin-bottom:4px;font-family:Noto Serif SC,serif;font-size:1.9rem;font-weight:400;line-height:1}.z-name{color:#1c1c1e;margin-bottom:3px;font-size:1.05rem;font-weight:600}.z-elem{color:#8e8e93;font-size:12px;font-weight:500}.card-divider{background:#f2f2f7;height:1px;margin:16px 0}.z-traits{flex-wrap:wrap;gap:8px;display:flex}.z-trait{color:#3a3a3c;background:#f2f2f7;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500}.n-top{align-items:center;gap:18px;margin-bottom:18px;display:flex}.n-circle{background:linear-gradient(135deg,#eef4ff,#d8eaff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 2px 12px #007aff1a}.n-num{color:#007aff;font-size:2.4rem;font-weight:300}.n-info{text-align:left}.n-tag{letter-spacing:1.5px;text-transform:uppercase;color:#007aff;background:#eef4ff;border-radius:6px;margin-bottom:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.n-meaning{color:#1c1c1e;font-size:1.05rem;font-weight:600}.n-desc{color:#3a3a3c;font-family:inherit;font-size:1rem;line-height:1.6}.footer{color:#c7c7cc;text-align:center;letter-spacing:1px;text-transform:uppercase;margin-top:12px;font-size:11px}