@font-face{font-family:Outfit;src:url(outfit.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{color-scheme:light;--brand: #0f5691;--brand-text: #0f5691;--pale: #e7f0f8;--line: #d6dde5;--muted: #51606e;--ink: #131b22;--surface: #fff;--paper: #f1f4f7;--ok: #1f7a4a;--ok-pale: #e3f1e6;--warn: #7a5100;--warn-pale: #fdf3e0;color:var(--ink);background:var(--paper);font-family:Outfit,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;font-size:18px;line-height:1.4}.q-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:24px 16px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.q-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--muted)}.q-mine{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 20px}.q-mine.now{background:var(--ok-pale);border-color:var(--ok)}.q-mine.passed{background:var(--warn-pale);border-color:var(--warn)}.q-label{margin:0;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.q-number{margin:4px 0 8px;font-size:clamp(4.5rem,22vw,8rem);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--brand-text);font-variant-numeric:tabular-nums;word-break:break-all}.q-mine.now .q-number{color:var(--ok)}.q-serving{margin:0;font-size:1.1rem;color:var(--muted)}.q-serving strong{color:var(--ink);font-size:1.6rem;font-variant-numeric:tabular-nums}.q-where{margin:10px 0 0;font-size:1.35rem;font-weight:700}.q-mine.now .q-where{color:var(--ok);font-size:1.8rem}.q-board{width:100%}.q-counters{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.q-counters li{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px 16px}.q-counters .q-name{display:block;font-size:1.1rem;font-weight:700;color:var(--muted);overflow-wrap:anywhere}.q-counters .q-big{display:block;font-size:clamp(4rem,16vw,7rem);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--brand-text);font-variant-numeric:tabular-nums}.q-counters .q-big.q-soon{font-size:1.6rem;font-weight:700;color:var(--muted);padding:18px 0}.q-counters .q-next{display:block;margin-top:6px;color:var(--muted)}.q-out{margin:12px 0 0}.q-out a{color:var(--brand-text, inherit);font-weight:600}.q-note{margin:8px 0 0;color:var(--muted);max-width:34ch}.q-note.problem{color:var(--warn)}.q-updated{margin:0;font-size:.85rem;color:var(--muted)}.q-made{margin:18px 0 0;font-size:.9rem}.q-made a{color:var(--brand-text);min-height:44px;display:inline-flex;align-items:center}.q-foot{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:center;padding:12px 16px 20px;font-size:.9rem;color:var(--muted)}.q-foot a{color:var(--brand-text);min-height:44px;display:inline-flex;align-items:center}.q-lang select{font:inherit;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}@media(prefers-reduced-motion:no-preference){.q-mine{transition:background .24s ease,border-color .24s ease}}.lang-menu{position:relative;display:inline-block}.lang-menu-btn{position:relative;min-height:44px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.lang-menu-btn:after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg)}.lang-menu-btn[aria-expanded=true]:after{transform:translateY(-25%) rotate(225deg)}.lang-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:100%;padding:6px;display:grid;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #131b2229}.lang-menu-list[hidden]{display:none}.lang-menu-list button{min-height:44px;padding:0 14px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;text-align:left;white-space:nowrap;cursor:pointer}.lang-menu-list button:hover,.lang-menu-list button:focus-visible{background:var(--pale)}.lang-menu-list [aria-selected=true]{color:var(--brand-text);font-weight:700}@media(prefers-reduced-motion:no-preference){.lang-menu-list:not([hidden]){animation:lang-menu-in .14s ease-out}@keyframes lang-menu-in{0%{opacity:0;transform:translateY(-4px)}}}.q-lang .lang-menu-list{top:auto;bottom:calc(100% + 6px)}
