.appui{--hair:#e8e0d3;--axis:#7a7368;--at-risk:#b45309;color:var(--ink);font-family:var(--sans);text-align:left;min-width:0;font-size:16px;line-height:1.5}:where(.appui).app{background:var(--cream);border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--hair), var(--shadow-lg);padding:16px;position:relative}:where(.appui) .stack{gap:10px;display:grid}:where(.appui) .appc{background:var(--card);box-shadow:0 0 0 1px var(--hair);border-radius:16px;min-width:0;padding:12px 14px}:where(.appui) .ae{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:700}:where(.appui) .at{font-size:15px;font-weight:700;line-height:1.3}:where(.appui) .atitle{letter-spacing:-.01em;font-size:17px;font-weight:600}:where(.appui) .afig{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;font-weight:700}:where(.appui) .asub{color:var(--ink-3);font-size:12px}:where(.appui) .abtn{background:var(--teal);color:#fff;border-radius:999px;align-items:center;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}:where(.appui) .abtn.ghost{color:var(--teal-deep);background:0 0;box-shadow:inset 0 0 0 1.5px #cbbfa8}:where(.appui) .row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}:where(.appui) .chip{white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}:where(.appui) .chip.good{background:var(--good-bg);color:var(--good)}:where(.appui) .chip.warn{background:var(--warn-bg);color:var(--warn)}:where(.appui) .chip.bad{background:var(--bad-bg);color:var(--bad)}:where(.appui) .chip.plain{background:var(--line-soft);color:var(--ink-2)}:where(.appui) .chip.dot:before{content:"";opacity:.75;background:currentColor;border-radius:50%;width:7px;height:7px}:where(.appui) .bar-t{background:#efe7d9;border-radius:99px;height:7px;position:relative}:where(.appui) .bar-t>b{border-radius:99px;position:absolute;inset:0 auto 0 0}:where(.appui) .bar-t>u{border-left:2px dashed var(--gold);width:0;position:absolute;top:-3px;bottom:-3px}:where(.appui) .tabs{background:#f1ebe0;border-radius:999px;gap:2px;padding:2px;display:inline-flex}:where(.appui) .tabs span{color:var(--ink-3);white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:600}:where(.appui) .tabs span.on{background:var(--card);color:var(--teal-deep);box-shadow:0 1px 3px #7a5a382e}:where(.appui) .ff{color:var(--teal-deep);white-space:nowrap;background:#1f6f5c1f;border:1px solid #1f6f5c66;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}:where(.appui) .ff svg{width:13px;height:13px}:where(.appui) .chk{color:#fff;background:var(--teal);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:10px;display:grid}:where(.appui) .chk.o{background:var(--card);box-shadow:inset 0 0 0 2px #cbbfa8}:where(.appui) .prog{background:var(--line-soft);border-radius:99px;height:4px;margin-top:6px;overflow:hidden}:where(.appui) .prog b{background:var(--teal);height:100%;display:block}:where(.appui) .sw{border-radius:3px;flex:none;width:9px;height:9px;display:inline-block}:where(.appui) .key{align-items:center;gap:6px;display:flex}:where(.appui) .find{border-top:1px solid #efe7d9;grid-template-columns:auto 1fr;align-items:start;gap:4px 10px;padding:9px 0;font-size:13px;display:grid}:where(.appui) .lb{letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:2px 7px;font-size:9.5px;font-weight:800}:where(.appui) .lb.hi{background:var(--teal-tint);color:var(--teal-deep)}:where(.appui) .lb.co{background:var(--warn-bg);color:var(--warn)}:where(.appui) .lb.mv{color:var(--coral-deep);background:#fbe3dc}:where(.appui) .statband{background:var(--hair);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}:where(.appui) .statband.two{grid-template-columns:1fr 1fr}:where(.appui) .statband>div{background:var(--card);gap:2px;min-width:0;padding:10px 12px;display:grid}:where(.appui) .statband>div:first-child{border-radius:14px 0 0 14px}:where(.appui) .statband>div:last-child{border-radius:0 14px 14px 0}:where(.appui) .statband .afig{font-size:17px}:where(.appui) .receipt{background:#fbf6ea;border:1px dashed #d8c8a8;border-radius:14px;gap:6px;padding:12px;font-size:12px;display:grid}:where(.appui) .receipt .ln{border-top:1px dotted #d8c8a8;justify-content:space-between;gap:8px;padding-top:6px;display:flex}@media (width<=560px){:where(.appui) .statband:not(.two){grid-template-columns:repeat(2,minmax(0,1fr))}:where(.appui) .statband:not(.two)>div{border-radius:0}}:where(.appui) .pr{position:relative}:where(.appui) .pin{background:var(--coral);color:#fff;width:24px;height:24px;box-shadow:0 0 0 3px var(--card), 0 6px 14px -4px #bd463099;z-index:5;border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:800;line-height:1;display:grid;position:absolute;top:-11px;left:-11px}
