@font-face{font-family:Comic Neue;src:url(/fonts/ComicNeue-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Comic Neue;src:url(/fonts/ComicNeue-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{color-scheme:light;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive;color:#272526;background:#fffefb;--purple: #8055b8}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:5px}[hidden]{display:none!important}#app{position:relative;width:min(430px,100%);min-height:100svh;margin:auto}.screen{min-height:100svh}.entry{display:flex;align-items:center;justify-content:center;flex-direction:column}.taco-button{background:#fffefb;border:1.5px solid #e7dfd0;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;padding:0}.taco-button:hover{background:#fff6de;border-color:#d9c490}.taco-button:active{transform:scale(.97)}.taco-button span{font-size:59px;line-height:1}.entry h1{font:inherit;font-size:18px;margin:22px 0 0;font-weight:400}.permission{position:absolute;bottom:max(36px,env(safe-area-inset-bottom));width:100%;padding:0 20px;margin:0;text-align:center;color:#978e89;font-size:11px;line-height:1.8}.compass-screen{display:flex;flex-direction:column;padding:max(25px,env(safe-area-inset-top)) 28px max(30px,env(safe-area-inset-bottom));height:100svh;min-height:520px}.details{z-index:3}.details>summary{width:fit-content;min-height:44px;display:flex;align-items:center;font-size:13px;color:#8e8684;list-style:none;cursor:pointer}.details>summary::-webkit-details-marker{display:none}.details[open]>summary{color:var(--purple)}.details-panel{position:absolute;top:calc(70px + env(safe-area-inset-top));left:20px;right:20px;max-height:calc(100svh - 100px);overflow:auto;padding:22px;background:#fffefb;border:1px solid #e7dfd0;border-radius:15px;font-size:12px;line-height:1.7}.details-panel p{margin:10px 0}.controls{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px}.controls button,.recovery button{border:0;background:transparent;padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:var(--purple)}.middle{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0 28px}.compass{position:relative;width:100%;max-width:310px;aspect-ratio:1;flex-shrink:0}.dial{position:absolute;inset:0;border-radius:50%}.ticks{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#d7d1cb 0deg .65deg,transparent .65deg 6deg);mask:radial-gradient(transparent 65%,#000 65%,#000 68%,transparent 68%);-webkit-mask:radial-gradient(transparent 65%,#000 65%,#000 68%,transparent 68%)}.ticks:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#8c827e 0deg 1deg,transparent 1deg 90deg)}.letter{position:absolute;font-size:13px;color:#a39891;line-height:1}.north{top:27px;left:50%;transform:translate(-50%);color:var(--purple)}.east{right:28px;top:50%;transform:translateY(-50%)}.south{bottom:27px;left:50%;transform:translate(-50%)}.west{left:28px;top:50%;transform:translateY(-50%)}.needle{position:absolute;inset:0}.needle:before{content:"";position:absolute;top:50px;bottom:50%;left:calc(50% - 1px);width:2px;background:var(--purple)}.needle:after{content:"";position:absolute;top:43px;left:calc(50% - 6px);width:10px;height:10px;border-top:2px solid var(--purple);border-left:2px solid var(--purple);transform:rotate(45deg)}.needle.idle{opacity:.4}.taco-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;background:#fffefb;display:grid;place-items:center;font-size:53px;line-height:1}.notice{font-size:12px;color:#978e89;margin:21px 0 0;max-width:290px;text-align:center;line-height:1.7}.notice.error{color:#995b44}.recovery{display:flex;gap:20px;justify-content:center}.bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.metric{position:relative}.metric p{margin:0}.metric .value{display:block;font-size:32px;line-height:1.3;letter-spacing:-1.5px;white-space:nowrap}.metric .label{display:block;font-size:12px;color:#9c918a;margin-top:4px}.metric-hit{position:absolute;inset:-8px}.closing{text-align:right;background:transparent;padding:0;border:0;min-height:60px}.closing:disabled{cursor:default}.closing .value{font-size:25px;letter-spacing:-1px}.closing small{font-size:15px;letter-spacing:0}#hours{margin:18px 0}#hours summary{cursor:pointer}#hours table{width:100%;border-collapse:collapse;font-size:11px}#hours th,#hours td{padding:7px 0;border-bottom:1px solid #eee7df}#hours th{text-align:left;font-weight:400}#hours td{text-align:right}#hours .today{color:var(--purple)}#demo-controls input{width:100%;accent-color:var(--purple)}#snapshot-details,#snapshot-note,#hours-note{color:#978e89;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-height:650px){.compass{max-width:245px}.middle{padding-bottom:14px}.notice{margin-top:8px}}