.feng-page{min-height:100vh;background:radial-gradient(circle at 50% 4%,#173f3c 0,#111b20 38%,#070b0d 100%)}.feng-shell{max-width:760px;margin:auto;padding:24px 16px 64px}.feng-back{display:inline-block;color:#b8e2d6;text-decoration:none;margin-bottom:22px}.feng-shell>header{text-align:center}.feng-shell>header>span{font-size:12px;letter-spacing:.24em;color:#e8c875}.feng-shell h1{font-size:clamp(30px,8vw,48px);margin:8px 0}.feng-shell>header p,.sensor-guide{color:#b9cbc9;line-height:1.8}.feng-controls,.compass-panel,.measurement{margin-top:18px}.feng-controls h2,.compass-panel h2,.measurement h2{font-size:20px;margin-top:0}.feng-controls label,.manual-fallback label{display:block;color:#c7d7d4;font-size:13px;margin-bottom:7px}.feng-controls select,.manual-fallback select{width:100%;background:#071314;border:1px solid #315052;color:#fff;padding:13px;border-radius:12px}.compass{position:relative;width:min(76vw,330px);aspect-ratio:1;margin:24px auto;border:2px solid #668d85;border-radius:50%;background:radial-gradient(circle,#163132 0 8%,#0b1b1d 9% 52%,#071214 53%);box-shadow:inset 0 0 0 9px #102628,0 15px 40px #0007}.compass:before,.compass:after{content:'';position:absolute;background:#54736f;opacity:.55}.compass:before{width:1px;height:88%;left:50%;top:6%}.compass:after{height:1px;width:88%;top:50%;left:6%}.compass>span{position:absolute;font-weight:800;color:#c8d9d5;z-index:2}.north{top:13px;left:50%;transform:translateX(-50%);color:#efbe73!important}.east{right:16px;top:50%;transform:translateY(-50%)}.south{bottom:13px;left:50%;transform:translateX(-50%)}.west{left:16px;top:50%;transform:translateY(-50%)}.compass-needle{position:absolute;inset:9%;transform:rotate(0deg);transition:transform .22s ease-out;z-index:3}.compass-needle i{display:block;position:absolute;width:16px;height:46%;left:calc(50% - 8px);top:4%;clip-path:polygon(50% 0,100% 100%,50% 84%,0 100%);background:linear-gradient(90deg,#d65a55,#ffb9a6)}.compass-center{position:absolute;width:22px;height:22px;border-radius:50%;background:#f0d389;border:4px solid #332615;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4}.heading-output{display:flex;justify-content:center;align-items:baseline;gap:12px;margin:-6px 0 20px}.heading-output strong{font-size:36px;color:#f0d389}.heading-output span{font-size:18px;color:#c6d7d3}.compass-panel button+button{margin-top:10px}.feng-status{min-height:25px;margin-top:12px;color:#b7c9c6;line-height:1.6}.feng-status.error{color:#ffb7c0}.feng-status.warning{color:#ffd28b}.manual-fallback{margin-top:17px;padding-top:17px;border-top:1px solid #365052}.manual-fallback button{margin-top:10px}.measurement{text-align:center}.measurement p{display:flex;justify-content:center;align-items:baseline;gap:12px}.measurement p strong{font-size:36px;color:#f0d389}.measurement p span{color:#b7c9c6}.feng-result{white-space:normal}.feng-result-section+.feng-result-section{border-top:1px solid #355052;margin-top:22px;padding-top:18px}.feng-result-section h2{color:#f0cf83;font-size:20px;margin:0 0 9px}.feng-result-section p{white-space:pre-wrap;line-height:1.9;margin:0}.feng-note{text-align:center;color:#8fa29f;font-size:12px;line-height:1.8;margin-top:22px}@media(max-width:560px){.feng-shell{padding:18px 12px 48px}.feng-controls,.compass-panel,.measurement{padding:18px}.compass{width:min(82vw,310px)}.feng-result-section h2{font-size:18px}}
.live-details,.measurement-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.live-details div,.measurement-details div{background:#081618;border:1px solid #294548;border-radius:12px;padding:10px}.live-details dt,.measurement-details dt{font-size:11px;color:#8fa9a5}.live-details dd,.measurement-details dd{margin:5px 0 0;font-size:13px;color:#f0d389}.measurement-details{grid-template-columns:repeat(2,1fr)}@media(max-width:560px){.live-details{grid-template-columns:1fr}.measurement-details{grid-template-columns:1fr 1fr}}