:root{--petrol:#003c43;--petrol-hover:#0b5660;--petrol-raised:#12707c;--lime:#c4ff00;--lime-hover:#d6ff4d;--paper:#f6f8f4;--white:#fff;--stage-dark:#07060a;--gap:16px;--font:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--petrol);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:600;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--lime);outline-offset:2px;box-shadow:0 0 0 7px var(--petrol)}.viewer{position:fixed;inset:0}.result{z-index:2;background:var(--petrol);width:max-content;min-width:220px;max-width:320px;color:var(--white);border-radius:16px;padding:12px 16px;position:fixed;top:0;left:0;box-shadow:0 8px 24px #003c432e}.result.is-placed{transition:transform .12s ease-out}.result[data-side=hidden]{visibility:hidden}.result[data-arrow=true]:after{content:"";top:var(--arrow-y,50%);border-block:10px solid #0000;border-left:10px solid var(--petrol);margin-top:-10px;position:absolute;right:-9px}.result__title{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin:0 0 6px;font-size:13px;font-weight:600}.result__rows{gap:2px;margin:0;display:grid}.result__row{border-radius:8px;grid-template-columns:4.2em 1fr;align-items:center;column-gap:10px;margin-inline:-8px;padding:2px 8px;display:grid}.result__ring{color:#ffffffb8;font-size:15px}.result__value{min-height:1.6em;color:var(--white);align-items:center;gap:8px;margin:0;font-size:18px;line-height:1.3;display:flex}.result__row.is-latest{background:#c4ff0024}.result__row.is-latest .result__value{color:var(--lime)}.result__chip{border:2px solid var(--white);border-radius:50%;flex:none;width:18px;height:18px}.result__value.is-new{animation:.2s ease-out result-in}@keyframes result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pill{background:var(--petrol);min-height:44px;color:var(--white);font:inherit;white-space:nowrap;cursor:pointer;border:2px solid #0000;border-radius:999px;flex:none;padding:10px 18px;font-size:16px;line-height:1.2;transition:background-color .12s,color .12s,border-color .12s}.pill:hover:not(:disabled){background:var(--petrol-hover)}.pill--primary{background:var(--lime);color:var(--petrol)}.pill--primary:hover:not(:disabled){background:var(--lime-hover)}.pill[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.pill:disabled{opacity:.45;cursor:not-allowed}.dock{left:var(--gap);bottom:max(var(--gap), env(safe-area-inset-bottom));z-index:3;align-items:center;gap:10px;display:flex;position:fixed}.menu-button{background:var(--petrol);width:52px;height:52px;color:var(--white);cursor:pointer;border:2px solid #0000;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .12s,border-color .12s;display:grid;box-shadow:0 6px 18px #003c4333}.menu-button:hover{background:var(--petrol-hover)}.menu-button[aria-expanded=true]{border-color:var(--lime);color:var(--lime)}.menu-button svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round}.menu-button__close,.menu-button[aria-expanded=true] .menu-button__bars{display:none}.menu-button[aria-expanded=true] .menu-button__close{display:inline}.dock>.pill--primary{min-height:52px;padding-inline:22px;box-shadow:0 6px 18px #003c4333}.menu{width:300px;max-height:calc(100vh - 2 * var(--gap) - 62px);max-height:calc(100dvh - 2 * var(--gap) - 62px);overscroll-behavior:contain;background:var(--petrol);color:var(--white);border-radius:18px;gap:12px;padding:14px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;overflow:hidden auto;box-shadow:0 12px 32px #00000047}.menu:focus{outline:none;box-shadow:0 12px 32px #00000047}.menu__group{gap:6px;display:grid}.menu__title,.menu__credits-title{letter-spacing:.08em;text-transform:uppercase;color:#ffffffa8;margin:0;font-size:12px;font-weight:600}.menu .pill{background:var(--petrol-hover);border-color:#ffffff29;padding:10px 12px}.menu .pill:hover:not(:disabled){background:var(--petrol-raised)}.menu .pill[aria-pressed=true]{border-color:var(--lime)}.menu__rings,.menu__row{gap:6px;display:grid}.menu__rings{grid-template-columns:repeat(4,minmax(0,1fr))}.menu__rings .pill{padding-inline:4px}.menu__row{grid-template-columns:repeat(2,minmax(0,1fr))}.menu__wide{width:100%}.light{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;display:grid}.switch{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;grid-column:1/-1;justify-self:start;align-items:center;gap:10px;padding:0 4px;font-size:15px;display:inline-flex}.switch:disabled{opacity:.45;cursor:not-allowed}.switch__track{background:#ffffff3d;border-radius:999px;width:44px;height:26px;transition:background-color .12s;position:relative}.switch__thumb{background:var(--white);border-radius:50%;width:20px;height:20px;transition:transform .12s;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch__track{background:var(--lime)}.switch[aria-checked=true] .switch__thumb{background:var(--petrol);transform:translate(18px)}.light__label,.light__value{font-size:15px}.light__range{width:100%;min-width:0;height:44px;accent-color:var(--lime);cursor:pointer;margin:0}.light__range:disabled{opacity:.4;cursor:not-allowed}.light__value{font-variant-numeric:tabular-nums;text-align:right;min-width:3.4em}.menu__credits{color:#ffffffc7;border-top:1px solid #ffffff29;padding-top:10px;font-size:12px;line-height:1.5}.menu__credits p{margin:2px 0 0}.menu__credits a{color:var(--white);text-underline-offset:2px}.menu__credits a:hover{color:var(--lime)}.brand{right:var(--gap);bottom:max(var(--gap), env(safe-area-inset-bottom));z-index:2;align-items:center;gap:12px;display:flex;position:fixed}.brand__partner{background:var(--white);border-radius:10px;flex:none;padding:6px 10px;box-shadow:0 4px 14px #003c431f}.brand__partner-logo{width:auto;height:46px;display:block}.brand__separator{background:#003c4347;flex:none;align-self:stretch;width:1px;margin-block:4px}.brand__donik{color:var(--petrol);border-radius:10px;flex:none;justify-items:start;gap:6px;padding:4px;text-decoration:none;display:grid}.brand__caption{letter-spacing:.02em;white-space:nowrap;padding-left:6px;font-size:11px}.brand__logo{width:150px;height:auto;display:block}.brand__logo--dark,.is-stage .brand__logo--light{display:none}.is-stage .brand__logo--dark{display:block}.is-stage .brand__separator{background:#ffffff52}.is-stage .brand__donik{color:var(--paper)}body.is-stage{background:var(--stage-dark)}.hint{left:12px;right:12px;top:max(12px, env(safe-area-inset-top));z-index:3;background:var(--petrol);color:var(--white);border-radius:14px;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex;position:fixed;box-shadow:0 8px 24px #003c432e}.hint p{flex:1;margin:0;font-size:16px}.hint__close{border:2px solid var(--lime);min-height:44px;color:var(--lime);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:8px 14px;font-size:16px}.loader{z-index:10;background:var(--paper);color:var(--petrol);place-content:center;justify-items:center;gap:16px;transition:opacity .3s;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;pointer-events:none}.loader__art{width:min(220px,50vw);height:auto}.loader__ring{stroke-dasharray:420 133;animation:1.6s linear infinite loader-spin}@keyframes loader-spin{to{stroke-dashoffset:-553px}}.loader__text{font-variant-numeric:tabular-nums;margin:0;font-size:20px}.fallback{z-index:5;background:var(--paper);text-align:center;place-content:center;justify-items:center;gap:16px;padding:24px;display:grid;position:fixed;inset:0}.fallback__image{object-fit:contain;width:auto;max-width:min(90vw,520px);max-height:65vh}.fallback__message{max-width:32em;margin:0;font-size:16px}.is-fallback .result,.is-fallback .dock{display:none}@media (max-width:640px){.result{width:calc(100vw - 24px);min-width:0;max-width:420px;padding:10px 14px}.result__title,.result__ring{font-size:16px}.result__title{margin-bottom:2px}.dock{left:12px;bottom:max(12px, env(safe-area-inset-bottom));gap:8px}.dock>.pill--primary{padding-inline:18px}.menu{width:calc(100vw - 24px);max-width:340px;max-height:calc(100vh - 86px);max-height:calc(100dvh - 86px)}.brand{right:12px;bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:6px}.brand__partner{border-radius:8px;padding:4px 8px}.brand__partner-logo{height:34px}.brand__separator{align-self:stretch;width:auto;height:1px;margin:0}.brand__donik{justify-items:end;padding:0}.brand__caption{text-align:right;white-space:normal;max-width:108px;padding:0 5px 0 0;font-size:10px;line-height:1.25}.brand__logo{width:108px}}@media (max-width:359px){.brand__partner-logo{height:28px}.brand__caption{max-width:96px}.brand__logo{width:96px}.dock>.pill--primary{padding-inline:14px}}@media (max-height:480px) and (min-width:641px){.dock{left:10px;bottom:max(10px, env(safe-area-inset-bottom))}.menu{max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px)}.result__title{display:none}.brand{gap:10px;bottom:10px;right:10px}.brand__partner-logo{height:34px}.brand__logo{width:120px}}@media (prefers-reduced-motion:reduce){.result__value.is-new,.loader__ring{animation:none}.result.is-placed,.loader,.pill,.menu-button,.switch__track,.switch__thumb{transition:none}}