/* KPMG Trusted AI · Plateia. Guia de marca (mar/2022): KPMG Blue #00338D · Cobalt #1E49E2 · Dark Blue #0C233C · Pacific Blue #00B8F5 · Light Blue #ACEAFF · Purple #7213EA · Pink #FD349C (uso mínimo).
   Web/app: títulos em Open Sans Condensed, texto em Open Sans · frases em sentence case · texto alinhado à esquerda · degradês só como fundo (linear). */
@font-face{font-family:"Open Sans";src:url("/brand/fonts/OpenSans-Variable.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans Condensed";src:url("/brand/fonts/OpenSansCondensed-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--kb:#00338D;--cb:#1E49E2;--db:#0C233C;--pac:#00B8F5;--lb:#ACEAFF;--pur:#7213EA;--lpur:#B497FF;--pk:#FD349C;
--line:rgba(172,234,255,.3);--glass:rgba(255,255,255,.09);--glass2:rgba(255,255,255,.15);
--hf:"Open Sans Condensed","Arial Narrow",Arial,sans-serif;--bf:"Open Sans","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
--pad:clamp(16px,5vw,24px);--gap:clamp(12px,3.6vw,18px);--dock:84px;--ease:cubic-bezier(.2,.85,.25,1)}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{background:var(--kb);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100dvh;display:flex;flex-direction:column;background:var(--kb);color:#fff;font:400 16px/1.45 var(--bf);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit}
:focus-visible{outline:3px solid var(--lb);outline-offset:3px;border-radius:12px}
h1,h2,h3{font-family:var(--hf);font-weight:700;letter-spacing:0}
.ic{flex:none;display:block}.klogo{display:block;flex:none}
/* fundos por ato: sólidos da paleta (sem degradê radial) */
body.a1{background:var(--kb)}body.a2{background:var(--cb)}body.a3{background:var(--kb)}body.a4{background:var(--kb)}
html,body{transition:background-color .8s ease}
/* topo */
.top{position:sticky;top:0;z-index:30;padding:calc(env(safe-area-inset-top) + 12px) var(--pad) 10px;background:var(--kb);border-bottom:1px solid rgba(172,234,255,.2)}
body.a2 .top{background:var(--cb)}
.tr{display:flex;align-items:center;gap:10px;min-height:36px}.tr .sp{flex:1}
.brand{flex:none;display:flex;align-items:center;min-width:75px;min-height:30px}
.chip,.live{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:99px;font-size:12.5px;font-weight:700;white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.1)}
.chip{display:none;color:#fff}.chip.on{display:inline-flex;animation:pop .45s var(--ease)}
.live{color:#fff;border-color:rgba(0,184,245,.7)}.live i{width:8px;height:8px;border-radius:50%;background:var(--pac);animation:pul 1.8s ease-in-out infinite}
.live.off{border-color:var(--line)}.live.off i{background:var(--lpur);animation:none}
@keyframes pul{50%{opacity:.35}}
@keyframes pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.prog{margin-top:10px;height:3px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden}
.prog i{display:block;height:100%;width:0;border-radius:3px;background:var(--lb);transition:width 1s var(--ease)}
.actl{margin-top:7px;font-size:12.5px;color:var(--lb);display:flex;justify-content:space-between;gap:12px}
.actl span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actl span:last-child{text-align:right}
/* conteúdo */
main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:clamp(18px,5vw,28px) var(--pad) calc(var(--dock) + 28px + env(safe-area-inset-bottom))}
.view{display:flex;flex-direction:column;gap:var(--gap);min-height:calc(100dvh - 260px);transition:opacity .12s ease-in,transform .12s ease-in}
.view>*{min-width:0}
.view.out{opacity:0;transform:translateY(-8px)}
.view.in>*{animation:rise .55s var(--ease) both;animation-delay:calc(var(--i,0)*50ms)}
.view.soft>*{animation:fadein .25s ease both}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadein{from{opacity:0}to{opacity:1}}
.kick{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--lb);line-height:1.3}
.kick::before{content:"";flex:none;width:22px;height:3px;border-radius:3px;background:var(--pac)}
.ktag{display:inline-flex;align-items:center;gap:10px;min-width:0}.ktag .klogo{height:28px;width:69.8px}
.q{font:700 clamp(28px,8.4vw,40px)/1.07 var(--hf)}.q.sm{font-size:clamp(23px,6.6vw,30px);line-height:1.1}
.lead{font-size:clamp(15px,4.2vw,17px);color:var(--lb);line-height:1.45}.lead.w{color:#fff;font-weight:600}
.card{background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:16px 18px}
/* opções */
.opts{display:flex;flex-direction:column;gap:10px}
.opt{position:relative;overflow:hidden;display:flex;align-items:center;gap:13px;text-align:left;width:100%;min-height:58px;padding:13px 16px;border-radius:14px;background:var(--glass);border:1.5px solid var(--line);font-size:clamp(15px,4.2vw,16.5px);font-weight:600;line-height:1.3;transition:transform .15s var(--ease),border-color .25s,background .25s}
.opt:active{transform:scale(.985)}
.opt .mk{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid rgba(172,234,255,.6);display:flex;align-items:center;justify-content:center;color:transparent;transition:.25s var(--ease)}
.opt.sq .mk{border-radius:8px}
.opt.sel{border-color:var(--lb);background:var(--cb)}
.opt.sel .mk{background:var(--pac);border-color:var(--pac);color:var(--db);animation:pop .35s var(--ease)}
.opt[disabled]{cursor:default}
.opt .bar{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(0,184,245,.34);transition:width 1s var(--ease);z-index:0}
.opt>*:not(.bar){position:relative;z-index:1}.opt .tx{flex:1;min-width:0}
.opt .pc{font:700 clamp(19px,5.4vw,22px)/1 var(--hf);min-width:46px;text-align:right;opacity:0;transition:opacity .5s}.showres .opt .pc{opacity:1}
.opt.right{border-color:var(--pac);background:rgba(0,184,245,.22)}.opt.right .mk{background:var(--pac);border-color:var(--pac);color:var(--db)}
.opt.wrong{opacity:.55}.opt.wrong.sel{opacity:1;border-color:var(--pk)}.opt.wrong.sel .mk{background:var(--pk);border-color:var(--pk);color:#fff}
.grp{font-size:13px;font-weight:600;color:var(--lb);margin:8px 2px -2px}
/* sim / não */
.yn{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ynb{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;min-height:clamp(128px,38vw,168px);padding:16px 18px;border-radius:20px;border:2px solid transparent;text-align:left;transition:transform .15s var(--ease),opacity .3s,border-color .3s}
.ynb:active{transform:scale(.97)}
.ynb.s{background:var(--pac);color:var(--db)}.ynb.n{background:var(--cb);color:#fff;border-color:rgba(172,234,255,.5)}
.ynb b{font:700 clamp(38px,12vw,52px)/1 var(--hf)}
.ynb .ic{width:30px;height:30px}
.ynb.pick{border-color:#fff}.yn.voted .ynb:not(.pick){opacity:.4}
.ynb[disabled]{cursor:default}
/* botões */
.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 20px;border-radius:14px;background:var(--pac);color:var(--db);font-weight:700;font-size:clamp(15.5px,4.4vw,17px);text-decoration:none;transition:transform .15s var(--ease),filter .25s,opacity .25s}
.cta:active{transform:scale(.98)}.cta[disabled]{background:rgba(255,255,255,.16);color:rgba(172,234,255,.75)}
.cta.ghost{background:transparent;border:1.5px solid var(--line);color:#fff;font-weight:600}
.sticky{position:sticky;bottom:calc(var(--dock) + env(safe-area-inset-bottom) + 8px);z-index:5;margin:0 calc(var(--pad) * -1);padding:16px var(--pad) 10px;background:linear-gradient(0deg,var(--bgc,var(--kb)) 70%,transparent)}
body.a2{--bgc:var(--cb)}
/* estados */
.done{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:14px;background:rgba(0,184,245,.18);border:1px solid rgba(0,184,245,.65);font-weight:600;font-size:15px}
.done b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--pac);color:var(--db);display:flex;align-items:center;justify-content:center}
.wait{display:flex;align-items:center;gap:10px;color:var(--lb);font-size:14px}
.dots3 i{display:inline-block;width:6px;height:6px;margin:0 2px;border-radius:50%;background:var(--lb);animation:bnc 1.2s infinite}.dots3 i:nth-child(2){animation-delay:.15s}.dots3 i:nth-child(3){animation-delay:.3s}
@keyframes bnc{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}
.verdict{border-radius:18px;padding:18px}
.verdict.ok{background:rgba(0,184,245,.2);border:1.5px solid var(--pac)}.verdict.no{background:rgba(253,52,156,.14);border:1.5px solid var(--pk)}
.verdict h3{font-size:clamp(26px,7.4vw,32px);line-height:1.05;display:flex;align-items:center;gap:10px}
.verdict p{margin-top:8px;font-size:15px;line-height:1.45}.verdict p.ans{font-size:17px}.verdict p.ans b{font:700 22px var(--hf)}
.verdict small{display:block;margin-top:10px;font-size:13px;color:var(--lb);font-weight:600}
.rv{font:700 clamp(72px,24vw,100px)/.95 var(--hf)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:99px;background:linear-gradient(90deg,var(--pac) var(--f,50%),rgba(255,255,255,.22) var(--f,50%));outline:none;margin:20px 0 8px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:40px;height:40px;border-radius:50%;background:#fff;border:8px solid var(--cb)}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:8px solid var(--cb)}
.ticks{display:flex;justify-content:space-between;font-size:12px;color:var(--lb)}
.cmp3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cmp3 div{padding:12px 10px;border-radius:14px;background:var(--glass);border:1px solid var(--line)}
.cmp3 b{display:block;font:700 clamp(28px,8.4vw,36px)/1 var(--hf)}.cmp3 small{font-size:12px;color:var(--lb);font-weight:600;line-height:1.2;display:block;margin-top:8px}.cmp3 .t{border-color:var(--pac);background:rgba(0,184,245,.2)}
.field{width:100%;background:rgba(12,35,60,.55);border:1.5px solid var(--line);border-radius:14px;padding:15px 16px;font-size:17px;outline:none;resize:none}.field:focus{border-color:var(--lb)}
.sent{display:flex;flex-wrap:wrap;gap:8px}.sent span{padding:7px 14px;border-radius:99px;background:rgba(0,184,245,.2);border:1px solid rgba(0,184,245,.6);font-size:14px}
.meta{font-size:12.5px;color:var(--lb);display:flex;justify-content:space-between;gap:12px}
.dq{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--line)}
.dq .n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--cb);border:1px solid var(--lb);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.dq .t{flex:1;min-width:0;font-size:14px;line-height:1.35}
.sw{flex:none;display:flex;border-radius:99px;border:1px solid var(--line);overflow:hidden}
.sw button{padding:9px 13px;font-size:13px;font-weight:700;color:var(--lb);min-width:50px}.sw button.y.on{background:var(--pac);color:var(--db)}.sw button.n.on{background:#fff;color:var(--kb)}
.score{display:flex;align-items:center;gap:16px}.score b{font:700 clamp(46px,14vw,58px)/.9 var(--hf)}.score div{font-size:14px;color:var(--lb);line-height:1.35;min-width:0}.score div strong{display:block;color:#fff;font-size:17px}
.spk{display:flex;flex-direction:column}.spk div{display:flex;flex-direction:column;padding:11px 0;border-top:1px solid var(--line)}.spk div:first-child{border-top:0;padding-top:0}.spk strong{font:700 22px/1.1 var(--hf)}.spk span{font-size:13px;color:var(--lb);word-break:break-word}
/* abertura: janela (motivo gráfico da marca, proporção 7:10) com degradê Purple/Cobalt e logo */
.hero{display:flex;flex-direction:column;gap:14px;padding:4px 0}
.hero h1{font-size:clamp(34px,10vw,46px);line-height:1.04}
.win{width:min(58vw,236px);aspect-ratio:7/10;padding:clamp(16px,5vw,22px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,var(--pur),var(--cb));animation:float 6s ease-in-out infinite}
.win .wt{font:700 clamp(30px,9vw,38px)/1 var(--hf)}.win small{display:block;margin-top:6px;font:600 13px var(--bf);color:var(--lb)}
@keyframes float{50%{transform:translateY(-8px)}}
.rgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rbig{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;min-height:clamp(104px,30vw,128px);padding:14px 16px;border-radius:16px;background:var(--glass);border:1.5px solid var(--line);font-weight:600;font-size:14.5px;text-align:left;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .15s var(--ease)}
.rbig:active{transform:scale(.95)}
.mini{font-size:13px;color:var(--lb)}
/* reações */
.rx{--c1:var(--pac);--c2:var(--cb);display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(140deg,var(--c1),var(--c2))}
.rx.like{--c1:#4fd2ff;--c2:#1E49E2}.rx.interest{--c1:#B497FF;--c2:#7213EA}.rx.knew{--c1:#ACEAFF;--c2:#00338D}.rx.knew .ic{color:var(--db)}.rx.new{--c1:#FD349C;--c2:#7213EA}
.rbig .rx{width:48px;height:48px}
.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px var(--pad) calc(env(safe-area-inset-bottom) + 10px);background:var(--kb);border-top:1px solid rgba(172,234,255,.22)}
body.a2 .dock{background:var(--cb)}.dock.hide{display:none}
.drow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:560px;margin:0 auto}
.rbtn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 7px;border-radius:14px;background:var(--glass);border:1px solid var(--line);font-size:clamp(10px,2.9vw,11.5px);font-weight:600;color:#fff;line-height:1.15;text-align:center;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.rbtn .rx{width:34px;height:34px}.rbtn:active{transform:scale(.92);background:var(--glass2)}
.fly{position:fixed;z-index:80;pointer-events:none;width:44px;height:44px;margin:-22px 0 0 -22px;animation:fly 1.5s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes fly{0%{opacity:0;transform:translate(0,0) scale(.5)}12%{opacity:1;transform:translate(calc(var(--dx)*.2),-24px) scale(1.15)}100%{opacity:0;transform:translate(var(--dx),-230px) scale(.85)}}
/* ranking final */
.rk{display:flex;flex-direction:column;gap:10px}
.rkr{position:relative;overflow:hidden;display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--line)}
.rkr .f{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(0,184,245,.3);transition:width 1s var(--ease)}.rkr>*:not(.f){position:relative}
.rkr .no{font:700 22px/1 var(--hf);color:var(--lb)}.rkr .tt{min-width:0}.rkr .tt b{display:block;font-size:14.5px;font-weight:700;line-height:1.25}.rkr .tt span{display:block;font-size:12.5px;color:var(--lb);line-height:1.35;margin-top:2px}
.rkr .pc{font:700 clamp(24px,7vw,30px)/1 var(--hf)}.rkr.me{border-color:var(--lb);background:rgba(30,73,226,.55)}.rkr.me .tt em{font-style:normal;display:inline-block;margin-top:5px;padding:2px 9px;border-radius:99px;background:var(--pac);color:var(--db);font-size:11.5px;font-weight:700}
/* raio-x */
.sheet{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;background:var(--kb);transform:translateY(102%);transition:transform .5s var(--ease);visibility:hidden}
.sheet.open{transform:none;visibility:visible}
.sh-top{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 12px) var(--pad) 12px;border-bottom:1px solid rgba(172,234,255,.2)}
.sh-top h2{flex:1;min-width:0;font-size:22px;line-height:1.1}
.iconbtn{width:42px;height:42px;flex:none;border-radius:50%;background:var(--glass);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.sh-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:var(--pad) var(--pad) calc(env(safe-area-inset-bottom) + 32px)}
.res{display:flex;flex-direction:column;gap:var(--gap);max-width:560px;margin:0 auto}
.res>*{animation:rise .6s var(--ease) both;animation-delay:calc(var(--i,0)*60ms)}
.rhero{display:flex;align-items:center;gap:clamp(12px,4vw,18px);padding:clamp(14px,4vw,18px);border-radius:20px;background:linear-gradient(90deg,var(--pur),var(--cb));border:1px solid rgba(172,234,255,.3)}
.ring{position:relative;flex:none;width:clamp(104px,32vw,128px);aspect-ratio:1}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:9;stroke-linecap:round}
.ring .bg{stroke:rgba(255,255,255,.22)}.ring .fg{stroke:#fff;stroke-dasharray:364.4;stroke-dashoffset:364.4;transition:stroke-dashoffset 1.8s var(--ease) .25s}
.ring .num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 clamp(38px,12vw,46px)/1 var(--hf)}
.ring .num small{font:600 11px var(--bf);color:var(--lb);margin-top:7px}
.rh-t{flex:1;min-width:0}.rh-t .lv{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:700;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4)}
.rh-t h2{font-size:clamp(22px,6.6vw,26px);line-height:1.08;margin:10px 0 6px}.rh-t p{font-size:12.5px;color:var(--lb);line-height:1.4}
.sec{font:700 21px/1.15 var(--hf);display:flex;align-items:center;gap:10px}.sec .ic{color:var(--lb)}
.radar{width:100%;max-width:340px;margin:0 auto;display:block;overflow:visible}.radar .poly{transform-origin:150px 140px;animation:grow 1.2s var(--ease) both .3s}
@keyframes grow{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.axl{display:flex;flex-direction:column;gap:9px;margin-top:8px}
.ax{display:grid;grid-template-columns:minmax(86px,34%) 1fr 36px;align-items:center;gap:10px;font-size:13px}
.ax .tr2{height:8px;border-radius:8px;background:rgba(255,255,255,.18);overflow:hidden}.ax .tr2 i{display:block;height:100%;width:0;border-radius:8px;background:var(--lb);transition:width 1.4s var(--ease) .4s}
.ax b{text-align:right;font:700 16px var(--hf)}.ax.na{opacity:.5}
.step{display:flex;gap:14px;padding:14px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--line)}
.step .nb{flex:none;width:34px;height:34px;border-radius:50%;background:var(--cb);border:1px solid var(--lb);display:flex;align-items:center;justify-content:center;font:700 17px var(--hf)}
.step>div:last-child{min-width:0}.step h4{font:700 15.5px/1.25 var(--bf)}.step p{font-size:13.5px;line-height:1.45;margin-top:4px;color:#e8f6ff}
.tag{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700;border:1px solid var(--pac);color:var(--lb)}.tag.p{border-color:var(--lpur)}
.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;font-size:13px;font-weight:600;background:var(--glass);border:1px solid var(--line)}
.pill.ok{border-color:var(--pac);background:rgba(0,184,245,.18)}.pill.no{border-color:var(--pk)}.pill.ok .ic{color:var(--lb)}.pill.no .ic{color:var(--pk)}
.xcard{padding:16px;border-radius:16px;background:var(--glass);border:1px solid var(--line)}
.xcard h4{font:700 21px/1.1 var(--hf)}.xcard p{font-size:13.5px;line-height:1.5;color:#e8f6ff;margin:8px 0 10px}
.xcard .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.xcard .tags .tag{margin-top:0}
.xcard .go{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--lb);text-decoration:none}
.kv{display:flex;flex-direction:column}.kv div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px}.kv div:first-child{border-top:0}.kv span{color:var(--lb)}.kv b{text-align:right;font-weight:700;min-width:0}
.acts{display:grid;grid-template-columns:1fr;gap:10px}
.note{font-size:12px;line-height:1.5;color:var(--lb)}
.empty{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:26px 4px}.empty .rx{width:64px;height:64px}
.skel{height:132px;border-radius:20px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.2),rgba(255,255,255,.08));background-size:200% 100%;animation:sk 1.3s linear infinite}@keyframes sk{to{background-position:-200% 0}}
#toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 14px);transform:translate(-50%,-24px);background:#fff;color:var(--kb);font-weight:600;font-size:14px;padding:11px 18px;border-radius:99px;z-index:90;opacity:0;transition:.4s var(--ease);pointer-events:none;max-width:92vw;text-align:left}
#toast.show{opacity:1;transform:translate(-50%,0)}
@media (min-width:600px){main{padding-top:36px}.view{min-height:calc(100dvh - 280px)}}
@media (max-height:600px){.view{min-height:0}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}