:root{--bg:#120d0a;--panel:#211814;--panel2:#2b1f19;--line:#4a362b;--text:#fff8ef;--muted:#bca99a;--gold:#f2b96d;--red:#ff6b63;--wood:#65bf79;--fire:#ef6655;--earth:#d5a95c;--metal:#c8ccd4;--water:#55a4df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#542719 0,transparent 34%),var(--bg);color:var(--text);font-size:16px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1460px)/2));border-bottom:1px solid #34251e;background:#120d0aeb;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{font-weight:760;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gold);color:#28170d;font-family:serif;font-size:20px}.all-link{color:var(--muted);text-decoration:none;font-size:13px}main{max-width:1460px;margin:auto;padding:34px 24px 70px}.intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:780;color:var(--gold);font-size:11px;margin:0 0 8px}.intro h1{font-size:clamp(42px,6vw,74px);line-height:.98;margin:0;letter-spacing:-.055em}.intro>div>p:last-child{color:var(--muted)}.hero-seal{min-width:245px;background:linear-gradient(135deg,#4b281d,#221c1a);border:1px solid #724634;border-radius:18px;padding:17px 22px}.hero-seal span{float:left;font-family:serif;font-size:48px;color:var(--gold);margin-right:14px}.hero-seal strong,.hero-seal small{display:block}.hero-seal small{color:var(--muted);margin-top:5px}.warning-red{display:flex;gap:15px;align-items:flex-start;padding:17px 19px;margin-bottom:18px;border:2px solid #d74742;border-radius:14px;background:#3b1515;color:#ffe9e7}.warning-red strong{color:#ff8882}.warning-red p{margin:0;line-height:1.5}.panel{min-width:0;background:linear-gradient(155deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 45px #0002}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px;align-items:start}.controls{padding:20px;position:sticky;top:88px}.panel-title,.chart-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-title h2,.panel h2{font-size:20px;margin:0}.panel-title button{border:0;background:transparent;color:var(--gold);font:inherit;font-size:13px;cursor:pointer}.controls label{display:block;color:var(--muted);font-size:13px;margin-top:16px}.controls select,.controls input[type=date],.controls input[type=time],.controls input[type=number]{width:100%;background:#130d0a;border:1px solid #573e31;color:var(--text);border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;margin-top:7px}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-note{font-size:11px;color:#907d70;line-height:1.45}.check{display:flex!important;gap:9px;align-items:flex-start;line-height:1.4}.check input{margin-top:2px;accent-color:var(--gold)}.calculate{width:100%;margin-top:20px;padding:13px;border:0;border-radius:11px;background:var(--gold);color:#28170d;font-weight:800;cursor:pointer}.solar-box{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#18100d}.solar-box span,.solar-box small{display:block;color:var(--muted);font-size:11px}.solar-box strong{display:block;margin:5px 0}.dashboard{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.result-head{padding:23px;display:flex;justify-content:space-between;align-items:center;gap:25px;background:radial-gradient(circle at 100% 0,#60331f 0,transparent 43%),linear-gradient(155deg,#352319,#211713)}.result-head h2{font-size:31px}.result-head p:last-child{color:var(--muted);margin-bottom:0}.day-master{text-align:right;min-width:190px}.day-master span,.day-master small{display:block;color:var(--muted);font-size:11px}.day-master strong{display:block;color:var(--gold);font-family:serif;font-size:38px;margin:5px 0}.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pillar{padding:18px;text-align:center;background:linear-gradient(160deg,#302018,#1e1511);border:1px solid var(--line);border-radius:16px}.pillar>span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.pillar .han{font-family:serif;font-size:45px;line-height:1.15;margin:10px 0 4px}.pillar h3{font-size:17px;margin:0}.pillar p{color:var(--muted);font-size:11px;line-height:1.45;margin:9px 0 0}.two-cols{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.element-panel,.yin-panel,.hidden-panel,.methodology{padding:22px}.element-chart{display:grid;gap:12px;margin-top:18px}.element-row{display:grid;grid-template-columns:70px minmax(0,1fr) 48px;gap:10px;align-items:center}.element-row span{color:var(--muted);font-size:12px}.element-row div{height:16px;background:#160f0c;border-radius:8px;overflow:hidden}.element-row i{display:block;height:100%;border-radius:8px}.element-row strong{text-align:right;font-size:12px}.yin-panel{display:grid;place-items:center}.yin-panel .chart-head{justify-self:stretch}.yin-ring{width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--gold) 0 50%,#69453a 50%)}.yin-ring strong{font-size:28px}.yin-ring span{color:var(--muted);font-size:11px}.yin-legend{display:flex;gap:20px;margin-top:15px;color:var(--muted);font-size:12px}.hidden-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.hidden-card{padding:14px;border:1px solid var(--line);border-radius:12px}.hidden-card span{color:var(--muted);font-size:11px}.hidden-card strong{display:block;margin:8px 0}.hidden-card small{color:#9c887a;line-height:1.5}.methodology{display:flex;gap:17px}.notice-icon{flex:0 0 38px;height:38px;display:grid;place-items:center;background:#49331d;color:var(--gold);border-radius:12px}.methodology p{color:var(--muted);line-height:1.6}.warning-red.compact{margin:0}.rules{margin-top:30px;padding:35px;border:1px solid var(--line);border-radius:18px}.rules>h2{font-size:32px;margin:0 0 23px}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rules-grid article{background:#211713;border:1px solid var(--line);border-radius:13px;padding:19px}.rules-grid strong{font-size:22px;color:var(--gold)}.rules-grid p{color:var(--muted);line-height:1.55;font-size:13px}@media(max-width:1120px){.workspace{grid-template-columns:1fr}.controls{position:static}.pillars{grid-template-columns:1fr 1fr}}@media(max-width:760px){main{padding:24px 14px}.topbar{padding:0 14px}.intro{grid-template-columns:1fr}.intro h1{font-size:44px}.hero-seal{max-width:270px}.result-head{align-items:flex-start;flex-direction:column}.day-master{text-align:left}.two-cols,.rules-grid{grid-template-columns:1fr}.hidden-grid{grid-template-columns:1fr 1fr}.warning-red{flex-direction:column}}@media(max-width:470px){.all-link{display:none}.pillars,.hidden-grid,.two-inputs{grid-template-columns:1fr}.rules{padding:22px}}