:root{--bg:#fff;--ink:#000;--bar-radius:2px;--button-tracking:.02em}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}main{background:var(--bg);position:fixed;inset:0}.track{border:1px solid var(--ink);border-radius:var(--bar-radius);width:min(320px,78vw);height:16px;padding:2px;position:fixed;top:40vh;left:50%;transform:translate(-50%,-50%)}.fill{height:100%;width:calc(var(--fill,0) * 100%);background:var(--ink);border-radius:1px;transition:width .6s}.fill.still{transition:none}.fill.surge{transition:width var(--surge-ms,.4s) ease}.fill.drain{transition:width var(--drain-ms,2.6s) linear}.tier.fade-out{animation:tier-out var(--fade-ms,.8s) ease forwards}@keyframes tier-out{to{opacity:0}}.tier.fade-in{opacity:0;animation:tier-in var(--fade-ms,.8s) ease forwards}@keyframes tier-in{to{opacity:1}}.tier{text-align:center;letter-spacing:.08em;-webkit-user-select:none;user-select:none;width:100%;font-family:Georgia,Times New Roman,serif;font-size:14px;position:absolute;bottom:calc(100% + 40px);left:0}.raise{letter-spacing:var(--button-tracking);color:var(--ink);border:1px solid var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;padding:9px 20px;font-family:inherit;font-size:13px;position:absolute;top:calc(100% + 44px);left:50%;transform:translate(-50%)}.raise:hover{background:var(--ink);color:var(--bg)}.raise:active{transform:translate(-50%)translateY(1px)}