@font-face{font-family:"Oldschool Condensed";src:url(../fonts/OldschoolGroteskCondensed_W-Bold.woff2) format("woff2");font-weight:700}
@font-face{font-family:"Oldschool";src:url(../fonts/OldschoolGrotesk_W-Medium.woff2) format("woff2");font-weight:500}
@font-face{font-family:"Feature Display";src:url(../fonts/FeatureDisplay-Regular.woff2) format("woff2");font-weight:400}
@font-face{font-family:"Feature Display";src:url(../fonts/FeatureDisplay-Bold.woff2) format("woff2");font-weight:700}
:root{--magenta:#ce0f68;--yellow:#ffed00;--cream:#fcf7e0;--pink-light:#ffc0c7}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{display:flex;flex-direction:column;background:#e9e4d3;color:var(--magenta);font:400 15px/1.35 "Oldschool",system-ui,sans-serif}
.bar{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;background:var(--magenta);color:var(--cream);padding:10px 18px;border-bottom:4px solid var(--yellow)}
.bar__back{color:var(--cream);text-decoration:none;font:700 15px "Feature Display",serif}
.bar__sel{font:400 15px "Feature Display",serif}
.bar__sel select{margin-left:6px;height:34px;border-radius:999px;border:0;padding:0 12px;background:var(--cream);color:var(--magenta);font:500 14px "Oldschool",sans-serif}
.bar__status{flex:1;font:400 14px "Feature Display",serif;opacity:.92}
.bar__btn{display:inline-flex;align-items:center;height:40px;padding:0 22px;border-radius:999px;background:var(--yellow);color:var(--magenta);font:700 17px "Feature Display",serif;text-decoration:none}
.bar__btn.is-off{opacity:.5;pointer-events:none}
.stage{flex:1 1 auto;min-height:0;position:relative}
#pdf{position:absolute;inset:0;width:100%;height:100%;border:0;background:#525659}
.progress-card{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px));background:var(--cream);border-radius:22px;padding:26px 26px 22px;box-shadow:0 12px 40px rgba(120,0,50,.2)}
.progress-card p{font:400 17px/1.35 "Feature Display",serif;margin:14px 0 14px}
.bubble{position:relative;display:inline-block;background:var(--yellow);color:var(--magenta);font:700 22px/1 "Feature Display",serif;padding:.3em .6em .34em .55em;border-radius:0 .7em .7em .7em;filter:drop-shadow(.12em .12em .12em rgba(206,15,104,.3))}
.bubble::before{content:"";position:absolute;left:-.34em;top:0;width:.36em;height:.36em;background:radial-gradient(circle at 0 100%,transparent .34em,var(--yellow) calc(.34em + .5px))}
.pbar{height:12px;border-radius:999px;background:rgba(206,15,104,.12);overflow:hidden}
.pbar i{display:block;height:100%;width:3%;background:var(--magenta);border-radius:999px;transition:width .3s ease}
.progress-card.is-err .bubble{background:var(--magenta);color:var(--cream)}
.progress-card.is-err .bubble::before{background:radial-gradient(circle at 0 100%,transparent .34em,var(--magenta) calc(.34em + .5px))}