.header-actions{display:flex;align-items:center;gap:27px}
.bagua-entry{position:relative;display:grid;justify-items:center;gap:5px;flex-shrink:0;border:0;background:none;padding:5px 7px;color:#dac399;border-radius:12px}
.bagua-emblem{display:block;width:57px;height:57px;overflow:visible;fill:none;stroke:none}
.bagua-edge{fill:#10111bd9;stroke:#c8ac704f;stroke-width:.7}
.bagua-track{stroke:#c6ab6c45;stroke-width:.6;stroke-dasharray:1 6}
.bagua-trigrams{stroke:#dfc891;stroke-width:1.7;stroke-linecap:butt;transform-origin:60px 60px;animation:bagua-turn 64s linear infinite}
.bagua-inner-ring{stroke:#dcc89755;stroke-width:.6}
.bagua-taiji{transform-origin:60px 60px;animation:bagua-turn 28s linear infinite reverse}
.bagua-dark{fill:#191924}.bagua-light{fill:#e5d2a3}
.bagua-orbit-dot{fill:#f5e4b9;filter:drop-shadow(0 0 3px #e8d39f);animation:bagua-glow 4s ease-in-out infinite}
.bagua-entry-label{font:9px var(--font);letter-spacing:2px;color:#b8a480;transition:color .2s}
.bagua-entry:hover .bagua-edge,.bagua-entry[aria-expanded="true"] .bagua-edge{stroke:#e8ce9199}
.bagua-entry:hover .bagua-entry-label{color:#efdbaf}
.bagua-entry:hover .bagua-emblem{filter:drop-shadow(0 0 9px #d2b97d30)}
.bagua-preview{position:fixed;inset:101px max(20px,5.25vw) auto auto;margin:0;width:340px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 120px);overflow:auto;padding:29px 25px 21px;color:#e5daca;border:1px solid #c9ae794d;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#bba46c13,transparent 58%),linear-gradient(145deg,#1b1927fa,#10121ffa);box-shadow:0 25px 90px #0009,inset 0 1px 0 #f5dca311;text-align:center}
.bagua-preview:popover-open{animation:bagua-arrive .22s ease-out}
.bagua-close{position:absolute;right:12px;top:11px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #d4bb7d20;border-radius:50%;background:transparent;color:#ad9c82;font-size:23px;font-weight:300;line-height:1}
.bagua-close:hover{background:#d4bb7d10;color:#f1dbb1}
.bagua-preview-art{width:94px;height:94px;margin:0 auto 19px;border-radius:50%;box-shadow:0 0 43px #bca36b0c}
.bagua-preview-art .bagua-emblem{width:100%;height:100%}
.bagua-kicker{font:7px Georgia,serif;letter-spacing:2px;color:#9c8b72;margin:0 0 15px}
.bagua-preview h2{font-size:22px;font-weight:400;letter-spacing:1px;color:#ecdbb8;margin:0 0 17px}
.bagua-description{font-size:11px;line-height:2.1;color:#aaa4af;margin:0;letter-spacing:.3px}
.bagua-future{display:grid;grid-template-columns:repeat(3,1fr);padding:19px 0 17px;margin-top:20px;border-top:1px solid #c6ad751c;border-bottom:1px solid #c6ad751c}
.bagua-future>span{font-size:15px;letter-spacing:3px;color:#d7c39e}
.bagua-future>span+span{border-left:1px solid #c6ad751c}
.bagua-future small{display:block;font-size:8px;letter-spacing:1px;color:#827a89;margin-top:9px}
.bagua-coming{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;letter-spacing:.6px;color:#b8a27c;margin:19px 0 0}
.bagua-coming>span{width:3px;height:3px;border-radius:50%;background:#cbb586;box-shadow:0 0 6px #cbb58666}
.bagua-preview:not(:popover-open) .bagua-trigrams,.bagua-preview:not(:popover-open) .bagua-taiji,.bagua-preview:not(:popover-open) .bagua-orbit-dot{animation-play-state:paused}
.stargazing .bagua-entry{visibility:hidden}
@keyframes bagua-turn{to{transform:rotate(360deg)}}
@keyframes bagua-glow{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes bagua-arrive{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.header-actions{gap:17px}.header-actions .header-coordinate{display:none}}
@media(max-width:700px){.bagua-emblem{width:45px;height:45px}.bagua-entry{gap:3px;padding:3px 0}.bagua-entry-label{font-size:8px;letter-spacing:1.5px}.bagua-preview{top:86px;right:14px;max-height:calc(100dvh - 100px);padding:25px 20px 20px}.bagua-preview h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.bagua-trigrams,.bagua-taiji,.bagua-orbit-dot,.bagua-preview:popover-open{animation:none}}