:root{--c-panel: rgba(20, 24, 28, .62);--c-panel-strong: rgba(20, 24, 28, .82);--c-line: rgba(255, 255, 255, .14);--c-text: #f4f2ee;--c-dim: rgba(244, 242, 238, .7);--c-accent: #f0a63c;--c-radius: 14px;--c-gutter: 16px;--c-font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Hebrew", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#cfd8de;color:var(--c-text);font:14px/1.4 var(--c-font);-webkit-tap-highlight-color:transparent}#c{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.c-title{position:absolute;top:calc(var(--c-gutter) + env(safe-area-inset-top));inset-inline-start:var(--c-gutter);padding:8px 14px;border-radius:999px;background:var(--c-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-weight:600;letter-spacing:.01em;pointer-events:none}.c-loading{position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .4s;pointer-events:none}.c-loading.on{opacity:1}.c-loading span{display:block;height:100%;background:var(--c-accent);transform-origin:0 50%;transition:transform .3s}.c-compass{position:absolute;top:calc(var(--c-gutter) + env(safe-area-inset-top));inset-inline-end:var(--c-gutter);width:46px;height:46px;border:1px solid var(--c-line);border-radius:50%;background:var(--c-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;padding:0}.c-needle{position:absolute;inset:5px;display:block;border-radius:50%}.c-needle:before,.c-needle:after{content:"";position:absolute;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;margin-left:-5px}.c-needle:before{top:9px;border-bottom:13px solid #e8513f}.c-needle:after{bottom:9px;border-top:13px solid rgba(255,255,255,.75)}.c-needle b{position:absolute;top:-3px;left:0;right:0;text-align:center;font-size:9px;line-height:1;color:var(--c-text)}.c-modes{position:absolute;left:50%;bottom:calc(40px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--c-panel);border:1px solid var(--c-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-width:calc(100vw - 2 * var(--c-gutter))}.c-mode{display:flex;align-items:center;gap:7px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--c-dim);font:500 14px/1 var(--c-font);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.c-mode:hover{color:var(--c-text)}.c-mode.on{background:var(--c-text);color:#1b1f23}.c-mode:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}.c-mode svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.c-hint{position:absolute;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,6px);max-width:min(560px,calc(100vw - 2 * var(--c-gutter)));padding:8px 14px;border-radius:10px;background:var(--c-panel);color:var(--c-text);text-align:center;font-size:13px;opacity:0;transition:opacity .5s,transform .5s;pointer-events:none}.c-hint.show{opacity:1;transform:translate(-50%)}.c-card{position:absolute;top:calc(var(--c-gutter) + 52px + env(safe-area-inset-top));inset-inline-start:var(--c-gutter);width:264px;max-width:calc(100vw - 2 * var(--c-gutter));padding:14px 16px 12px;border-radius:var(--c-radius);background:var(--c-panel-strong);border:1px solid var(--c-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.c-card[hidden]{display:none}.c-card-head{display:flex;align-items:flex-start;gap:8px}.c-card-name{flex:1;font-size:16px;font-weight:650;line-height:1.25}.c-card-kind{margin-top:2px;color:var(--c-dim);font-size:12px}.c-card-close{flex:none;width:26px;height:26px;margin:-4px -6px 0 0;border:0;border-radius:50%;background:transparent;color:var(--c-dim);font-size:20px;line-height:1;cursor:pointer}[dir=rtl] .c-card-close{margin:-4px 0 0 -6px}.c-card-close:hover{background:#ffffff1a;color:var(--c-text)}.c-card dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:12px 0 0}.c-card dt{color:var(--c-dim)}.c-card dd{margin:0;font-variant-numeric:tabular-nums}.c-attribution{position:absolute;left:0;bottom:0;max-width:100vw;padding:4px 10px calc(4px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));border-top-right-radius:8px;background:#ffffffb8;color:#2a2e33;font-size:11px;line-height:1.3;direction:ltr;text-align:left;pointer-events:none}.c-stick{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.c-stick[hidden]{display:none}.c-stick:before,.c-stick span{content:"";position:absolute;border-radius:50%}.c-stick:before{left:-60px;top:-60px;width:120px;height:120px;border:2px solid rgba(255,255,255,.55);background:#14181c40}.c-stick span{left:-24px;top:-24px;width:48px;height:48px;background:#fffc}.c-fail{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 2 * var(--c-gutter));padding:16px 20px;border-radius:var(--c-radius);background:var(--c-panel-strong);text-align:center}@media(max-width:560px){.c-mode span{display:none}.c-mode{padding:10px 13px}.c-modes{bottom:calc(34px + env(safe-area-inset-bottom))}.c-hint{bottom:calc(88px + env(safe-area-inset-bottom))}.c-card{top:auto;bottom:calc(92px + env(safe-area-inset-bottom));left:var(--c-gutter);right:var(--c-gutter);width:auto}.c-attribution{font-size:10px}}@media(prefers-reduced-motion:reduce){.c-hint,.c-loading,.c-loading span,.c-mode{transition:none}}