@import url('../styles.css');
body{font:15px/1.85 var(--sans);background:#faf8f2}.logo{font:34px Georgia,serif;text-decoration:none;letter-spacing:-2px}.logo span{font:21px var(--serif);letter-spacing:.1em;margin-left:12px}.back-links{font-size:11px;display:flex;gap:25px;align-items:center}.back-links a{font-size:13px;color:var(--ink)}header{background:#faf8f2;border-bottom:1px solid #dcded2;padding:22px max(5%,calc((100vw - 1120px)/2));gap:20px}main{max-width:1170px;padding:35px 25px;margin:auto}.hero{width:auto;display:flex;padding:25px 0 35px;align-items:center;gap:30px}.hero h1{font-family:var(--serif);font-size:40px;line-height:1.6;white-space:normal;margin:15px 0}.hero .pill{margin-bottom:10px}.hero p{font-size:15px;line-height:1.9}.orb{font-size:100px;margin-right:35px}.panel h2{font-family:var(--serif);font-size:25px;line-height:1.6;margin:10px 0 15px}.panel h3{font-family:var(--serif);font-size:19px;margin:20px 0 9px}.panel p{margin:15px 0}.pill{font-size:11px;background:#eeeee3;color:#61705a;border-radius:2px;letter-spacing:.04em}.card{background:#fffdf7;border:1px solid #dde1d3;border-radius:3px;padding:28px}.grid{gap:22px}.fields{gap:18px}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid #d9decf}nav button{font-size:13px;border-radius:2px;padding:10px 18px}button{border-radius:2px;font-size:13px;padding:10px 16px}.primary{background:var(--ink)!important;color:#fff!important}input,select,textarea{border-radius:2px;font-size:15px;border-color:#cbd3c2;background:#fffefa}input,select{min-height:48px}label{font-size:13px}textarea{resize:vertical}.note{font-size:12px;line-height:1.9}a{text-underline-offset:4px}.actions a{padding:10px 0;font-size:13px;text-decoration:underline}.error{font-size:13px}.pillar{border-radius:2px;padding:18px 10px}.palace{border-radius:2px;overflow-wrap:anywhere}.palace h3{margin:6px 0;font-size:18px}.center{border-radius:2px}.center h2{font-size:25px}.number-card{display:grid;grid-template-columns:200px 1fr;gap:35px}.number-seal{width:180px;height:180px;border:1px solid #ad9466;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f2efe3;align-self:start;margin:25px auto}.number-seal span{font:88px/1 Georgia;color:#9f773c}.number-seal small{font-size:11px;margin-top:12px;color:#737a67}.number-card h2{margin-top:15px}.number-card h3{font-size:18px}summary{cursor:pointer;font-size:13px}.number-card details{padding:15px 0}.number-card>div>p{max-width:700px}.number-card label{margin-top:15px}#charts,#numberResult{scroll-margin-top:25px}.zw{min-width:0}.palace b{font-size:13px}footer{background:transparent;padding:25px 0;font-size:11px;line-height:1.9}footer a{text-decoration:underline}.panel .card>p:first-child{margin-top:0}.panel table th,.panel table td{border-bottom:1px solid #d9decf;padding:14px;font-size:13px;text-align:left;min-width:70px}.record{padding:25px 0}.record h3{font-size:21px}.record textarea{margin-bottom:10px}#records .record button{margin-top:5px}#numberCopyStatus textarea{width:100%;height:180px}
@media(max-width:700px){header{padding:18px 20px}.back-links{flex-direction:column;align-items:flex-end;gap:3px;font-size:9px}.logo{font-size:30px}.logo span{font-size:17px;margin-left:10px}.back-links a{font-size:11px}main{padding:25px 16px}.hero{padding-top:5px;padding-bottom:20px;display:block}.hero h1{font-size:29px}.hero p{font-size:14px}.orb{display:none}nav{gap:8px}nav button{padding:9px 12px;font-size:12px}.grid,.fields{grid-template-columns:1fr}.card{padding:20px;margin:13px 0}.panel h2{font-size:23px}.number-card{grid-template-columns:1fr;gap:12px}.number-seal{width:150px;height:150px;margin:5px auto 12px}.number-seal span{font-size:70px}.fields input,select,textarea,input{font-size:16px}.palace{font-size:10px;padding:6px;min-height:165px}.palace h3{font-size:12px}.palace b{font-size:11px}.palace small{font-size:9px}.center h2{font-size:18px}.center{font-size:11px;padding:6px}.center p{font-size:10px}.zw{gap:4px;grid-template-columns:repeat(4,minmax(0,1fr))}.pillar{padding:12px 5px}.pillars{gap:5px}.han{font-size:26px;letter-spacing:1px}.pillar>small{font-size:10px}.pillar>div{font-size:12px}.card:has(.zw){padding:12px}.number-card .actions button{width:100%}.hero .pill{font-size:10px}footer{margin-top:25px;padding-bottom:20px}.actions{gap:8px}button{font-size:12px}}
@media print{header,nav,.hero,button,footer,.back-links{display:none!important}.panel{display:block!important}.card{break-inside:avoid;background:white}.number-card{display:block}.number-seal{width:120px;height:120px}.number-seal span{font-size:55px}body{background:white}a{color:inherit}}