@font-face{font-family:RequestCometOswald;src:url('oswald.ttf') format('truetype');font-weight:200 700;font-style:normal;font-display:swap}
.request-comet{--title:RequestCometOswald,Arial,sans-serif;position:absolute;left:0;top:0;right:auto;bottom:auto;display:block;width:350px;height:78px;margin:0;z-index:28;perspective:850px;transform:translate3d(calc(50vw - 175px),calc(100svh - 160px),0);will-change:transform;visibility:visible}
.request-comet .comet-shell{position:relative;width:100%;height:100%;padding:9px 10px 9px 14px;display:flex;align-items:center;gap:10px;background:linear-gradient(125deg,#344247f5,#151c1ff2);border:1px solid #ffffff80;border-radius:44px;box-shadow:0 12px 34px #14232740,inset 0 1px 0 #fff3,0 0 0 5px #ffffff0a;transform-style:preserve-3d;will-change:transform}
.request-comet .comet-shell:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#fff2,transparent 40%,#ffffff08);border-top:1px solid #ffffff7a}
.request-comet .comet-handle{display:flex;align-items:center;gap:12px;flex:1;min-width:0;height:100%;cursor:grab;touch-action:pan-y;user-select:none;border-radius:35px}
.request-comet .comet-handle:active{cursor:grabbing}
.request-comet .comet-handle{touch-action:none}
.request-comet .comet-orb{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#fff 0 2%,#ff8795 7%,#ff1830 36%,#a00620 100%);box-shadow:0 0 17px #ff173752,inset 0 1px 2px #fff9;color:#fff;font-size:24px;text-shadow:0 0 10px #fff}
.request-comet .comet-copy{font:500 18px/1.12 var(--title);text-transform:uppercase;color:white;letter-spacing:.2px}
.request-comet .comet-button{position:relative;z-index:2;flex-shrink:0;min-height:54px;padding:12px 18px;display:flex;align-items:center;gap:13px;border:1px solid #ff7082;background:linear-gradient(140deg,#ff2940,#f80927);border-radius:30px;color:white;font:600 19px/1 var(--title);text-transform:uppercase;box-shadow:0 3px 15px #ff001d30,inset 0 1px 0 #fff4}
.request-comet .comet-button:hover{background:linear-gradient(140deg,#ff4054,#ff1830);box-shadow:0 0 25px #ff001d55}
.request-comet .comet-button>span{font:22px/1 Arial,sans-serif}
.request-comet .comet-wake{position:absolute;right:80%;top:50%;width:180px;height:55px;transform:translateY(-50%);pointer-events:none;opacity:.65;filter:drop-shadow(0 0 7px #ffc0ca80)}
.request-comet .comet-wake:before{content:'';position:absolute;inset:9px 0;background:linear-gradient(90deg,transparent,#ffffff12 45%,#ff8b9d85 87%,#fff9);clip-path:polygon(0 50%,100% 0,100% 100%);border-radius:50%}
.request-comet .comet-wake i{position:absolute;right:8px;width:90%;height:1px;top:50%;background:linear-gradient(90deg,transparent,#fff8);transform-origin:right}
.request-comet .comet-wake i:first-child{transform:rotate(7deg);width:75%}
.request-comet .comet-wake i:last-child{transform:rotate(-7deg);width:82%}
.request-comet.is-held .comet-shell{border-color:#fff;box-shadow:0 12px 34px #14232740,0 0 22px #ff17374d}
.request-comet,.request-comet *{box-sizing:border-box}.request-comet button{cursor:pointer}.request-comet :focus-visible{outline:3px solid #ff8d9d;outline-offset:4px}
.request-comet.is-compact{height:69px}.request-comet.is-compact .comet-shell{padding:7px 8px 7px 11px;gap:7px}.request-comet.is-compact .comet-handle{gap:9px}.request-comet.is-compact .comet-orb{width:30px;height:30px;font-size:21px}.request-comet.is-compact .comet-copy{font-size:16px}.request-comet.is-compact .comet-button{font-size:17px;min-height:49px;padding:11px 16px;gap:10px}.request-comet.is-compact .comet-wake{width:100px;opacity:.45}
.request-comet.is-narrow .comet-copy{font-size:14px}.request-comet.is-narrow .comet-orb{width:25px;height:25px;font-size:18px}.request-comet.is-narrow .comet-button{font-size:15px;min-height:46px;padding:10px 14px}.request-comet.is-narrow .comet-handle{gap:7px}
@media(prefers-reduced-motion:reduce){.request-comet,.request-comet *{will-change:auto!important;transition:none!important}}