:root{--compass-dial-bg:#FFFFFF;--compass-ring:rgba(196, 154, 142, 0.3);--compass-north:#D04040;--compass-glow:#C49A8E;--compass-target-fill:rgba(196, 154, 142, 0.15);--compass-level-color:var(--accent)}:root[data-theme=dark]{--compass-dial-bg:#1D1A1A;--compass-ring:rgba(217, 179, 168, 0.15);--compass-glow:#D9B3A8;--compass-target-fill:rgba(217, 179, 168, 0.12)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--compass-dial-bg:#1D1A1A;--compass-ring:rgba(217, 179, 168, 0.15);--compass-glow:#D9B3A8;--compass-target-fill:rgba(217, 179, 168, 0.12)}}.compass-page{display:flex;flex-direction:column;align-items:center;padding-top:32px;padding-bottom:48px}.compass-sub{color:var(--sub);font-size:14px;margin-bottom:8px;letter-spacing:.05em;text-align:center}.compass-privacy{text-align:center;font-size:12.5px;color:var(--mute);margin-bottom:24px;letter-spacing:.02em}.compass-card{background:var(--card);border:1px solid var(--line);border-radius:var(--card-radius);padding:32px 20px;box-shadow:var(--shadow-soft);width:100%;max-width:400px;text-align:center;overflow:hidden}.compass-start-btn{background:0 0;color:var(--text);border:1px solid var(--accent);padding:14px 32px;border-radius:var(--btn-radius);font-family:system-ui,sans-serif;font-weight:500;font-size:15px;cursor:pointer;margin-bottom:24px;transition:all var(--transition)}.compass-start-btn:hover{background:rgba(196,154,142,.08);color:var(--accent)}.compass-start-btn:active{transform:scale(.97)}.compass-start-btn.hidden{display:none}.compass-wheel{position:relative;width:240px;height:240px;margin:0 auto 16px;border-radius:50%;background:var(--compass-dial-bg);box-shadow:inset 0 0 15px rgba(0,0,0,.03),0 0 0 3px var(--compass-ring),var(--shadow-soft);overflow:hidden}.compass-dial{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}.compass-needle{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid var(--compass-north);z-index:10;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .15));pointer-events:none}.compass-ref-cross{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.compass-ref-cross::after,.compass-ref-cross::before{content:'';position:absolute;background:var(--compass-ring)}.compass-ref-cross::before{top:20%;bottom:20%;left:50%;width:1px}.compass-ref-cross::after{left:20%;right:20%;top:50%;height:1px}.compass-level{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;pointer-events:none;z-index:3;will-change:transform}.compass-level::after,.compass-level::before{content:'';position:absolute;background:var(--compass-level-color);border-radius:1px}.compass-level::before{top:0;bottom:0;left:50%;width:2px;transform:translateX(-1px)}.compass-level::after{left:0;right:0;top:50%;height:2px;transform:translateY(-1px)}.compass-heading{font-family:"DM Serif Display",serif;font-size:2.6rem;font-weight:400;line-height:1;margin-bottom:2px;color:var(--text);font-variant-numeric:tabular-nums;transition:color .3s}.compass-heading.at-zero{color:var(--compass-glow)}.compass-deg{font-family:system-ui,sans-serif;font-size:1.6rem;font-weight:200}.compass-dir{font-size:1rem;color:var(--sub);font-weight:500;transition:color .3s;margin-bottom:8px}.compass-dir.at-zero{color:var(--compass-glow)}.compass-nav-row{display:flex;align-items:center;justify-content:center;gap:5px}.compass-nav-label{font-size:12px;color:var(--mute);font-weight:500;margin-right:2px}.compass-nav-select{width:48px;padding:6px 2px;text-align:center;text-align-last:center;font-family:system-ui,sans-serif;font-size:13px;font-weight:500;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s,opacity .2s}.compass-nav-select:focus{border-color:var(--accent);outline:0}.compass-nav-select:disabled{opacity:.3;cursor:default}.compass-nav-arrow{color:var(--mute);font-size:10px}.compass-nav-result{font-size:11px;color:var(--sub);margin-top:4px;min-height:1.1em}.compass-block{background:var(--bg);border-radius:16px;margin-top:12px;border:1px solid var(--line);overflow:hidden}.compass-block-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.compass-block-title{font-size:13px;color:var(--sub);font-weight:600;letter-spacing:.04em}.compass-block-chevron{width:14px;height:14px;stroke:var(--mute);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .25s;flex-shrink:0}.compass-block.closed .compass-block-chevron{transform:rotate(-90deg)}.compass-block-body{overflow:hidden;transition:max-height .3s,padding .3s;max-height:300px;padding:0 16px 14px}.compass-block.closed .compass-block-body{max-height:0;padding:0 16px}.compass-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compass-grid-item{display:flex;flex-direction:column;align-items:center;background:var(--card);padding:10px 8px;border-radius:12px;border:1px solid var(--line)}.compass-grid-label{font-size:.6em;color:var(--sub);letter-spacing:.5px;margin-bottom:3px;font-weight:600}.compass-grid-value{font-size:1.1em;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;transition:color .3s}.compass-grid-value.at-zero{color:var(--compass-glow)}.compass-geo-note{font-size:12px;color:var(--mute);text-align:center;line-height:1.6;padding:4px 0}.compass-status{color:var(--sub);font-size:13px;margin-top:10px;min-height:1.4em}.compass-haptic-box{position:fixed;top:-200px;left:-200px;opacity:0;pointer-events:none}