.ui{--gk-primary:#075272;--gk-primary-tint:#07527224;--gk-accent:#ef692a;--gk-accent-tint:#ef692a24;--gk-success:#22c55e;--gk-success-tint:#22c55e1f;--gk-warning-tint:#c9a82d29;--gk-ink:#14212a;--gk-text-2:#5b6670;--gk-text-3:#9ca3a9;--gk-bg:#f4f6f5;--gk-border:#14212a14;color:var(--gk-ink);text-align:left;font-size:13px;line-height:1.4}.ui svg:not(.chart){width:1em;height:1em}.ui-card{border:1px solid var(--gk-border);background:#fff;border-radius:14px;padding:18px}.ui-title{margin:0;font-size:15px;font-weight:700}.ui-title--sm{margin-bottom:10px;font-size:14px}.ui-muted{color:var(--gk-text-2);margin:2px 0 0;font-size:12.5px}.ui-badge{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.ui-badge--success{background:var(--gk-success-tint);color:#1a7a41}.ui-badge--info{color:#2e7db0;background:#3aa0e829}.ui-badge--warning{background:var(--gk-warning-tint);color:#91680b}.ui-badge--danger{color:#b91c1c;background:#dc26261f}.ui-badge--neutral{background:var(--gk-bg);color:var(--gk-text-2);border:1px solid var(--gk-border)}.ui-badge{white-space:nowrap;align-items:center;gap:4px}.ui-btn{background:var(--gk-primary);color:#fff;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.ui-btn--secondary{color:var(--gk-ink);border:1px solid var(--gk-border);background:#fff}.tint-primary{background:var(--gk-primary-tint);color:var(--gk-primary)}.tint-accent{background:var(--gk-accent-tint);color:var(--gk-accent)}.tint-success{background:var(--gk-success-tint);color:var(--gk-success)}.tint-info{color:#2e7db0;background:#3aa0e829}.frame{background:var(--gk-bg);border:1px solid var(--line);opacity:0;border-radius:18px;max-width:1080px;margin:0 auto;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;transform:translateY(24px);box-shadow:0 40px 80px #0752722e}.frame.is-live{opacity:1;transform:none}.frame__bar{border-bottom:1px solid var(--gk-border);background:#fff;align-items:center;gap:6px;padding:12px 16px;display:flex}.frame__bar span{background:#e5e7eb;border-radius:50%;width:10px;height:10px}.frame__bar em{color:var(--gk-text-3);background:var(--gk-bg);border-radius:8px;margin-left:12px;padding:4px 12px;font-size:12px;font-style:normal}.ui-metrics{border:1px solid var(--gk-border);background:#fff;border-radius:14px;display:flex;overflow:hidden;box-shadow:0 1px 2px #14212a0a,0 10px 28px #14212a0d}.ui-metric{flex:1;align-items:center;gap:12px;min-width:0;padding:16px 18px;display:flex}.ui-metric+.ui-metric{border-left:1px solid var(--gk-border)}.ui-metric i{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.ui-metric b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;display:block}.ui-metric small{color:var(--gk-text-2);font-size:11.5px;font-weight:500;display:block}.goalbar{background:#0752721a;border-radius:999px;height:6px;overflow:hidden}.goalbar span{border-radius:inherit;background:linear-gradient(90deg, var(--gk-accent,#ef692a), #f59e5b);width:0;height:100%;transition:width .9s cubic-bezier(.2,.8,.2,1);display:block}.goalbar--lg{height:10px}.goalbar--thin{height:5px;margin:6px 0 4px}.toast{border:1px solid var(--gk-border);opacity:0;pointer-events:none;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;bottom:24px;right:24px;transform:translateY(12px);box-shadow:0 16px 36px #14212a29}.toast i{background:var(--gk-accent-tint);width:32px;height:32px;color:var(--gk-accent);border-radius:10px;place-items:center;font-size:16px;display:grid}.toast b,.toast small{display:block}.toast small{color:var(--gk-text-2)}.toast.is-shown{animation:2.8s cubic-bezier(.2,.8,.2,1) toast}@keyframes toast{0%{opacity:0;transform:translateY(12px)}12%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.frame,.goalbar span{transition:none}}@media (width>=900px){.ui{zoom:.8}.ui .ui{zoom:1}}@media (width>=900px) and (height<=860px){.ui{zoom:.7}}@media (width>=900px) and (height<=740px){.ui{zoom:.62}}