:root{color:#eee;font-synthesis:none;background:#0b0a09;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#3a2b17 0,#17130e 26%,#0b0a09 60%);min-height:100vh;margin:0}button,textarea{font:inherit}main{max-width:1040px;margin:auto;padding:54px 20px 30px}.hero{text-align:center}.eyebrow,.section-kicker{letter-spacing:.22em;text-transform:uppercase;color:#c7a56a;font-size:11px}.hero h1{margin:18px 0 16px;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(50px,9vw,92px);font-weight:500;line-height:.95}.hero h1 em{color:#c7a56a;font-style:normal}.lead{color:#a9a39a;margin:0 auto 30px}.card{background:#191511cc;border:1px solid #c7a56a38;border-radius:20px;box-shadow:0 24px 80px #0000004d}.ask{text-align:left;max-width:760px;margin:auto;padding:25px}.ask label{color:#d8d0c4;font-size:14px}.ask textarea{resize:vertical;color:#f5f1e9;background:#110f0c;border:0;border-radius:14px;outline:0;width:100%;min-height:130px;margin-top:12px;padding:17px;font-size:17px;line-height:1.7}.ask textarea::placeholder{color:#6f6a63}.controls{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;display:flex}.modes{gap:5px;display:flex}.modes button{color:#8f887e;cursor:pointer;background:0 0;border:1px solid #39322a;border-radius:999px;padding:9px 12px}.modes button.active{color:#17120c;background:#c7a56a;border-color:#c7a56a}.divine{color:#17120c;cursor:pointer;background:#c7a56a;border:0;border-radius:999px;min-width:140px;padding:12px 20px;font-weight:700}.divine:disabled{opacity:.55;cursor:wait}.error{color:#dc9b87;margin-top:12px;font-size:13px}.result-wrap{margin-top:48px}.result-head{color:#aaa097;justify-content:space-between;margin:0 4px 12px;font-size:12px;display:flex}.hex-grid{grid-template-columns:1fr 110px 1fr;align-items:center;gap:14px;display:grid}.hex-card{text-align:center;padding:28px 18px}.hex-card h2{margin:10px 0;font-family:Georgia,Noto Serif SC,serif;font-size:29px;font-weight:500}.gua-symbols{color:#d7bd8a;justify-content:center;align-items:center;gap:13px;font-size:48px;display:flex}.gua-symbols span{color:#655c50;font-size:14px}.lines{gap:6px;width:130px;margin:20px auto;display:grid}.lines div{gap:7px;height:8px;display:flex}.lines span{background:#ddd1bd;border-radius:3px;flex:1;height:100%}.lines .yin span{width:45%}.lines .yin span:first-child{margin-left:0}.lines .yin span:last-child{margin-right:0}.meta{color:#817a72;font-size:12px}.arrow{text-align:center;color:#9d9386;font-size:12px;line-height:1.7}.arrow span{color:#c7a56a;font-size:26px}.reading{margin-top:18px;padding:30px}.reading h3{color:#e8d8bb;font-family:Georgia,Noto Serif SC,serif;font-size:24px;font-weight:500;line-height:1.5}.reading-block{border-top:1px solid #ffffff14;padding:18px 0}.reading-block h4{color:#c7a56a;letter-spacing:.1em;margin:0 0 7px;font-size:13px}.reading-block p{color:#c6c0b8;white-space:pre-wrap;margin:0;line-height:1.9}.disclaimer{color:#6f6961;border-top:1px solid #ffffff12;margin-top:18px;padding-top:18px;font-size:12px;line-height:1.7}footer{text-align:center;color:#554f48;letter-spacing:.08em;margin:45px 0 10px;font-size:11px}.lang-switch{z-index:10;position:absolute;top:16px;right:20px}.lang-switch button{color:#8f887e;cursor:pointer;letter-spacing:.06em;background:0 0;border:1px solid #39322a;border-radius:999px;padding:6px 14px;font-size:12px}.lang-switch button:hover{color:#17120c;background:#c7a56a;border-color:#c7a56a}.spinner-overlay{z-index:100;background:#0b0a09e0;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.spinner{border:3px solid #c7a56a40;border-top-color:#c7a56a;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.spinner-text{color:#a9a39a;letter-spacing:.04em;margin:0;font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){main{padding:35px 14px}.controls{flex-direction:column;align-items:stretch}.modes{justify-content:center}.divine{width:100%}.hex-grid{grid-template-columns:1fr;gap:10px}.arrow{order:2}.changed{order:3}.hex-card{padding:25px 15px}.result-head{flex-direction:column;gap:10px}.reading{padding:22px}.hero h1{font-size:55px}}.analysis-card{margin:18px 0}.analysis-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.analysis-grid>div{background:#fffaee73;border:1px solid #8f6c3738;border-radius:14px;flex-direction:column;gap:5px;padding:14px;display:flex}.analysis-grid span{opacity:.65;font-size:12px}.analysis-grid strong{font-size:18px}.analysis-grid small{opacity:.7}@media (width<=700px){.analysis-grid{grid-template-columns:repeat(2,1fr)}}.support-card{text-align:center;margin-top:18px;padding:24px}.support-card h3{margin:8px 0;font-family:Georgia,Noto Serif SC,serif;font-weight:500}.support-card p{color:#918a81;font-size:13px}.support-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:16px;display:flex}.support-btn{color:#d9c08f;cursor:pointer;background:#17130f;border:1px solid #c7a56a59;border-radius:999px;padding:9px 14px;text-decoration:none}.custom-ton{gap:6px;display:flex}.custom-ton input{color:#eee;background:#110f0c;border:1px solid #39322a;border-radius:999px;outline:none;width:120px;padding:9px 12px}