.qbo{--font-display:var(--font-baloo),var(--font-nunito),ui-rounded,system-ui,sans-serif;--font-ui:var(--font-nunito),ui-rounded,-apple-system,"Segoe UI",sans-serif;--bg:#fffdf8;--surface:#ffffff;--sunken:#f4f1e8;--ink:#14211a;--ink-2:#4a5a50;--ink-3:#66756b;--green:#0b7a38;--green-hover:#0d8a41;--green-edge:#07602b;--green-bright:#12a150;--green-ink:#0a5c2e;--green-tint:#e8f7ec;--red-ink:#b93322;--line:rgba(20,33,26,0.1);--line-strong:rgba(20,33,26,0.16);--ring:rgba(11,122,56,0.16);--r-md:14px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--push:4px;--edge-primary:0 4px 0 var(--green-edge);--edge-pressed:0 0 0 rgba(0,0,0,0);--ease:cubic-bezier(0.2,0.7,0.2,1);--t-fast:90ms;position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:26px 32px 30px;background:var(--bg);color:var(--ink);font-family:var(--font-ui)}.qbo svg{display:block}.qbo .ob-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px}.qbo .mark{width:52px;height:52px;border-radius:17px;background:var(--green);display:grid;place-items:center;box-shadow:0 4px 0 var(--green-edge);flex:none}.qbo .mark svg{width:30px;height:30px}.qbo .dots{display:flex;align-items:center;gap:7px}.qbo .dots i{width:8px;height:8px;border-radius:999px;background:var(--sunken);box-shadow:inset 0 0 0 1.5px var(--line);flex:none;transition:width var(--t-fast) var(--ease)}.qbo .dots i.done{background:var(--green-bright);box-shadow:none}.qbo .dots i.now{width:32px;background:var(--green-bright);box-shadow:0 0 0 3px rgba(18,161,80,.2)}.qbo .later{background:none;border:0;padding:6px 2px;cursor:pointer;font:800 14px/1 var(--font-ui);color:var(--ink-3);text-decoration:none;border-radius:999px}.qbo .later:hover{color:var(--green-ink)}.qbo .pane{flex:1 1;display:flex;justify-content:center;padding-top:34px}.qbo .stack{width:560px;max-width:100%;display:flex;flex-direction:column;gap:16px}.qbo .grow{flex:1 1;min-height:30px}.qbo .head{font:800 34px/1.14 var(--font-display);letter-spacing:-.022em;margin:0;color:var(--ink)}.qbo .head b{display:block;font-weight:800;color:var(--ink-3)}.qbo .kick{font:800 12px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:6px 0 -4px}.qbo .help{font:600 15px/1.5 var(--font-ui);color:var(--ink-2);margin:0}.qbo .help.small{font-size:14px}.qbo .help a{color:var(--green-ink);font-weight:800;text-decoration:underline;text-underline-offset:2px}.qbo .help a:hover{color:var(--green)}.qbo .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font-family:var(--font-ui);font-weight:800;font-size:18px;letter-spacing:.005em;padding:17px 28px;border-radius:var(--r-xl);width:100%;background:var(--green);color:#fff;box-shadow:var(--edge-primary);transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) linear}.qbo .btn:hover:not([disabled]){background:var(--green-hover)}.qbo .btn.pressed,.qbo .btn:active:not([disabled]){transform:translateY(var(--push));box-shadow:var(--edge-pressed)}.qbo .btn[disabled]{background:var(--sunken);color:var(--ink-2);box-shadow:0 4px 0 rgba(20,33,26,.08);cursor:not-allowed}.qbo .btn.pressed[disabled]{background:var(--green);color:#fff;transform:translateY(var(--push));box-shadow:var(--edge-pressed);cursor:progress}.qbo .spin{width:20px;height:20px;border-radius:999px;flex:none;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;animation:qbo-sp .7s linear infinite}@keyframes qbo-sp{to{transform:rotate(1turn)}}.qbo .field{width:100%;background:var(--surface);border:0;outline:none;border-radius:var(--r-md);padding:17px;box-shadow:inset 0 0 0 2px var(--line-strong);font:800 19px/1 var(--font-ui);color:var(--ink)}.qbo .field::placeholder{color:var(--ink-3);font-weight:700}.qbo .field:focus{box-shadow:inset 0 0 0 2px var(--green),0 0 0 4px var(--ring)}.qbo .pf{display:flex;align-items:stretch;background:var(--surface);border-radius:var(--r-md);box-shadow:inset 0 0 0 2px var(--line-strong)}.qbo .pf:focus-within{box-shadow:inset 0 0 0 2px var(--green),0 0 0 4px var(--ring)}.qbo .cc{position:relative;display:flex;align-items:center;gap:7px;padding:0 13px 0 15px;font:800 15px/1 var(--font-ui);color:var(--ink-2);border-right:2px solid var(--line);flex:none;border-radius:var(--r-md) 0 0 var(--r-md)}.qbo .cc .flag{font-size:18px;line-height:1}.qbo .cc svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;color:var(--ink-3)}.qbo .cc select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.qbo .cc:focus-within{color:var(--green-ink);background:var(--green-tint)}.qbo .pf .num{flex:1 1;min-width:0;border:0;background:none;outline:none;padding:16px 18px;font:800 19px/1 var(--font-ui);color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.01em}.qbo .pf .num::placeholder{color:var(--ink-3);font-weight:700}.qbo .chips{display:flex;flex-wrap:wrap;gap:10px}.qbo .chip{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;background:var(--surface);border-radius:var(--r-pill);padding:9px 16px;font:800 15px/1 var(--font-ui);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line-strong),0 2px 0 var(--line);transition:background var(--t-fast) linear,box-shadow var(--t-fast) var(--ease)}.qbo .chip:hover{background:var(--green-tint);box-shadow:inset 0 0 0 2px rgba(11,122,56,.35),0 2px 0 var(--line)}.qbo .chip .dot{width:10px;height:10px;border-radius:999px;flex:none}.qbo .chip.on{background:var(--green-tint);color:var(--green-ink);box-shadow:inset 0 0 0 2px var(--green),0 2px 0 var(--line)}.qbo .chip.on .dot{background:var(--green)}.qbo .modes{gap:12px}.qbo .mode,.qbo .modes{display:flex;flex-direction:column}.qbo .mode{gap:6px;text-align:left;border:0;cursor:pointer;background:var(--surface);border-radius:var(--r-lg);padding:16px 18px;box-shadow:inset 0 0 0 2px var(--line-strong),0 2px 0 var(--line);transition:background var(--t-fast) linear,box-shadow var(--t-fast) var(--ease)}.qbo .mode:hover{background:var(--green-tint);box-shadow:inset 0 0 0 2px rgba(11,122,56,.35),0 2px 0 var(--line)}.qbo .mode.on{background:var(--green-tint);box-shadow:inset 0 0 0 2px var(--green),0 2px 0 var(--line)}.qbo .mode-name{font:800 17px/1.2 var(--font-ui);color:var(--ink)}.qbo .mode.on .mode-name{color:var(--green-ink)}.qbo .mode-what{font:600 14px/1.45 var(--font-ui);color:var(--ink-2)}.qbo .status{font:700 14px/1.4 var(--font-ui);color:var(--ink-3);text-align:center;margin:0;min-height:20px}.qbo .status.no{color:var(--red-ink);font-weight:800}.qbo .foot{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 0 0;font:700 11px/1 var(--font-ui);letter-spacing:.05em;color:var(--ink-3)}@media (max-width:520px){.qbo{padding:16px 16px 20px}.qbo .pane{padding-top:24px}.qbo .stack{width:100%}.qbo .head{font-size:27px}.qbo .m-long{display:none}.qbo .pane.top{flex:0 1 auto}.qbo .pane.top .grow{display:none}}.qbo .m-short{display:none}@media (max-width:520px){.qbo .m-short{display:inline}}@media (prefers-reduced-motion:reduce){.qbo .btn,.qbo .chip,.qbo .dots i,.qbo .mode{transition:none}.qbo .spin{animation:none}}