*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #121212;--surface: #1e1e1e;--surface2: #2a2a2a;--border: #333;--text: #e8e8e8;--text-muted: #888;--accent: #4caf82;--accent-dark: #1a3a2a;--red: #e63946;--radius: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,Hiragino Sans,Yu Gothic,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overflow:hidden}#app{display:flex;flex-direction:column;height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}#peak-header{background:var(--accent-dark);padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.search-wrapper{position:relative}#search-input{width:100%;padding:10px 14px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:16px;outline:none;-webkit-appearance:none}#search-input:focus{border-color:var(--accent)}#search-input::placeholder{color:var(--text-muted)}#search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);list-style:none;max-height:240px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #00000080}#search-results:empty{display:none}#search-results li{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}#search-results li:last-child{border-bottom:none}#search-results li:hover,#search-results li:focus{background:var(--surface2)}.result-name{font-size:15px;font-weight:600}.result-meta{font-size:12px;color:var(--text-muted);text-align:right;flex-shrink:0;margin-left:8px}#selected-peak{margin-top:8px;display:flex;align-items:baseline;gap:8px}#peak-name{font-size:15px;font-weight:600;color:var(--accent)}#peak-meta{font-size:12px;color:var(--text-muted)}#main-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}#gps-prompt,#gps-denied{width:100%;max-width:360px}.prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;text-align:center}.prompt-icon{font-size:48px;margin-bottom:16px}.prompt-card h2{font-size:18px;font-weight:700;margin-bottom:12px;line-height:1.4}.prompt-card p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:24px}#gps-allow-btn{background:var(--accent);color:#000;border:none;border-radius:var(--radius);padding:12px 28px;font-size:16px;font-weight:700;cursor:pointer;-webkit-appearance:none;width:100%}#gps-allow-btn:active{opacity:.8}#compass-display{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:20px}.compass-wrap{width:min(280px,80vw);aspect-ratio:1}#compass{width:100%;height:100%}.compass-ring{fill:var(--surface);stroke:var(--border);stroke-width:2}.compass-label{fill:var(--text-muted);font-size:13px;font-weight:600;text-anchor:middle;dominant-baseline:middle}.needle-tip{fill:var(--red)}.needle-tail{fill:#555}.needle-cap{fill:var(--surface2);stroke:var(--border);stroke-width:1.5}.needle-center{fill:var(--text)}#compass-needle{transform-origin:100px 100px;transition:transform .4s ease-out}.direction-info{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.direction-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.direction-row:last-child{border-bottom:none}.direction-label{font-size:13px;color:var(--text-muted)}.direction-value{font-size:18px;font-weight:700;color:var(--accent)}#status-bar{background:var(--surface);border-top:1px solid var(--border);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:12px}.status-item{color:var(--text-muted)}.badge{background:#5a3800;color:#ffb347;padding:2px 8px;border-radius:99px;font-weight:600}.hidden{display:none!important}