.welcome-dialog,.request-dialog{inset:0;margin:auto;max-height:calc(100dvh - 40px)}
.welcome-dialog{height:fit-content;padding:36px;width:min(440px,calc(100% - 32px))}
.welcome-dialog::backdrop,.request-dialog::backdrop{background:rgb(2 3 7/.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.welcome-dialog h1{font-size:28px}.welcome-dialog p{margin:12px 0 29px}.welcome-emblem{margin-bottom:23px}
.request-button{--primary:#a5b4fc;--neutral-1:#272735;--neutral-2:#12121a;--radius:16px;position:fixed;top:34px;right:7vw;z-index:10;min-width:230px;height:68px;padding:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;border-radius:var(--radius);color:#e6e7f2;background:#111119;box-shadow:0 0 .5px 1px rgb(165 180 252/.24),0 10px 25px rgb(0 0 0/.3);font:600 16px 'Segoe UI',sans-serif;transition:transform .3s,box-shadow .3s}
.request-button:hover{transform:scale(1.02);box-shadow:0 0 1px 2px rgb(165 180 252/.25),0 15px 30px rgb(0 0 0/.4)}.request-button:active{transform:scale(.98)}
.request-button::after{content:'';position:absolute;inset:0;border-radius:var(--radius);border:2px solid transparent;background:linear-gradient(var(--neutral-1),var(--neutral-2)) padding-box,linear-gradient(to bottom,rgb(165 180 252/.28),rgb(0 0 0/.6)) border-box;z-index:0;transition:transform .4s}
.request-button:hover::after{transform:scale(1.035,1.07)}.request-button::before{content:'';inset:7px 6px 6px;position:absolute;border-radius:12px;background:linear-gradient(to top,#17171f,#262632);z-index:2}
.request-button .outline{position:absolute;inset:-2px -3px;border-radius:inherit;overflow:hidden;z-index:1;opacity:0;transition:opacity .4s}.request-button .outline::before{content:'';position:absolute;inset:-100%;background:conic-gradient(from 180deg,transparent 60%,#a5b4fc 80%,transparent 100%);animation:request-spin 2s linear infinite paused}.request-button:hover .outline{opacity:1}.request-button:hover .outline::before{animation-play-state:running}
.request-button .state{position:relative;z-index:3;display:flex;align-items:center;gap:13px}.request-button .icon{display:grid;place-items:center;font-size:24px;color:#b6bcea;transition:transform .3s}.request-button .icon svg{width:1em;height:1em;overflow:visible;filter:drop-shadow(0 1px 1px #000)}.request-button .state p{display:flex;margin:0;line-height:1.5}.request-button .state p span{display:block}.request-button:hover .state p span{animation:request-wave .5s ease both calc(var(--i) * .025s)}.request-button:hover .state--default .icon{transform:rotate(35deg) scale(1.12)}
.request-button .state--sent{display:none}.request-button.is-sent .state--default{display:none}.request-button.is-sent .state--sent{display:flex}.request-button.is-sent .state--sent .icon{animation:request-check .5s ease both}
.request-dialog{position:fixed;width:min(440px,calc(100% - 32px));height:fit-content;padding:32px;border-radius:24px;border:1px solid rgb(165 180 252/.18);background:linear-gradient(145deg,#24242e,#101015 72%);color:#eeeef4;box-shadow:0 30px 100px rgb(0 0 0/.6),inset 0 1px rgb(255 255 255/.04);font-family:'Segoe UI',sans-serif;overflow:auto}
.request-dialog[open]{animation:request-open .3s ease both}.request-dialog h2{font-size:24px;line-height:1.25;font-weight:500;margin:0 32px 9px 0}.request-intro{font-size:13px;color:#94949f;line-height:1.6;margin:0 0 25px}.request-close{position:absolute;right:17px;top:17px;width:32px;height:32px;border:0;border-radius:50%;background:rgb(255 255 255/.035);color:#aaaab7;cursor:pointer;display:grid;place-items:center}.request-close:hover{background:rgb(255 255 255/.08);color:white}.request-close svg{width:15px;height:15px}
.request-field{display:block;margin-top:17px;font-size:12px;font-weight:500;letter-spacing:.25px;color:#b8b8c5}.request-field input,.request-field textarea{display:block;width:100%;margin-top:8px;border:1px solid rgb(255 255 255/.075);background:rgb(255 255 255/.04);border-radius:14px;padding:13px 15px;color:#f1f1f6;font:14px/1.5 'Segoe UI',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.request-field input{border-radius:30px}.request-field textarea{resize:vertical;min-height:112px;max-height:240px}.request-field input::placeholder,.request-field textarea::placeholder{color:#686873}.request-field input:focus,.request-field textarea:focus{border-color:rgb(165 180 252/.45);box-shadow:0 0 0 3px rgb(99 102 241/.08)}
.request-submit{width:100%;height:49px;margin-top:24px;border:1px solid rgb(165 180 252/.28);border-radius:30px;background:linear-gradient(130deg,#34334c,#29283f 50%,#242838);color:#e7e7f6;font:600 14px 'Segoe UI',sans-serif;cursor:pointer;transition:background .2s,transform .2s}.request-submit:hover:not(:disabled){background:linear-gradient(130deg,#464362,#373453 50%,#313749)}.request-submit:active:not(:disabled){transform:scale(.985)}.request-submit:disabled{opacity:.65;cursor:default}.request-status{min-height:18px;font-size:12px;line-height:1.5;margin:12px 0 0;color:#c2c6e3}.draft-note{font-size:10px;line-height:1.5;color:#71717f;margin:10px 0 0;text-align:center}
.request-button:focus-visible,.request-close:focus-visible,.request-submit:focus-visible{outline:2px solid #a5b4fc;outline-offset:4px}
@keyframes request-spin{to{transform:rotate(360deg)}}@keyframes request-wave{35%{transform:translateY(3px)}65%{transform:translateY(-3px);color:var(--primary)}}@keyframes request-check{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes request-open{from{transform:translateY(14px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@media(max-width:600px){.welcome-dialog{inset:0;margin:auto;padding:28px}.discord-profile,.request-button{top:max(18px,env(safe-area-inset-top));width:calc((100% - 48px)/2);min-width:0;height:62px}.discord-profile{left:18px;padding:9px;gap:8px}.discord-icon{width:28px;height:34px}.discord-icon svg{width:23px;height:23px}.discord-title{font-size:13px}.discord-handle{font-size:10px;letter-spacing:0}.discord-arrow{display:none}.request-button{right:18px;padding:10px;font-size:13px}.request-button .state{gap:8px}.request-button .icon{font-size:20px}.request-dialog{padding:25px 22px}.request-dialog h2{font-size:22px}.request-intro{margin-bottom:18px}.request-field{margin-top:13px}}
@media(max-height:650px){.request-dialog{padding-top:22px;padding-bottom:18px}.request-intro{margin-bottom:10px}.request-field{margin-top:11px}.request-field textarea{min-height:80px}.request-submit{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.request-button,.request-button::after,.request-button .outline,.request-button .icon,.request-field input,.request-field textarea,.request-submit{transition:none}.request-button:hover .state p span,.request-button .outline::before,.request-button.is-sent .state--sent .icon,.request-dialog[open]{animation:none}}


:is(.discord-profile,.request-button,.welcome-dialog,.request-dialog,.welcome-continue,.request-submit,.request-close,.discord-icon,.request-field input,.request-field textarea){
  background:none!important;
  box-shadow:none!important;
  color:#c6c6c6;
  border:1px solid rgb(190 190 190/.4);
}
:is(.discord-profile,.request-button,.welcome-dialog,.request-dialog){
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  filter:url('#ui-grain');
}
:is(.discord-profile,.request-button,.welcome-continue,.request-submit,.request-close):hover{
  background:none!important;
  box-shadow:none!important;
  border-color:rgb(225 225 225/.75);
  color:#e4e4e4;
}
.discord-profile::before,.discord-profile::after,.request-button::before,.request-button::after,.request-button .outline{display:none}
.discord-icon{border-color:rgb(180 180 180/.2)}
.discord-icon svg,.discord-profile:hover .discord-icon svg,.discord-arrow,.request-button .icon,.welcome-emblem{color:#bdbdbd;filter:none}
.discord-handle,.discord-profile:hover .discord-handle,.welcome-dialog p,.request-intro,.request-status{color:#a4a4a4}
.discord-title,.welcome-dialog h1,.request-dialog h2{color:#cecece}
.request-button{--primary:#e0e0e0}
.request-field{color:#b5b5b5}
.request-field input,.request-field textarea{color:#d1d1d1;border-color:rgb(180 180 180/.32)}
.request-field input::placeholder,.request-field textarea::placeholder,.draft-note{color:#858585}
.request-field input:focus,.request-field textarea:focus{border-color:rgb(220 220 220/.72);box-shadow:none}
.welcome-dialog::backdrop,.request-dialog::backdrop{background:rgb(0 0 0/.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
:is(.discord-profile,.request-button,.welcome-continue,.request-submit,.request-close):focus-visible{outline:1px solid #c6c6c6;outline-offset:5px}


dialog.request-dialog{background:#171717!important;filter:none;color:#c6c6c6}
.request-dialog::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.request-dialog>*{position:relative}.request-dialog .request-close{position:absolute;z-index:2}
.welcome-dialog{width:min(300px,calc(100% - 36px));padding:19px 22px}
.welcome-emblem{width:17px;height:17px;margin:0 auto 10px}
.welcome-dialog h1{font-size:20px}.welcome-dialog p{font-size:12px;margin:7px 0 16px}
.welcome-continue{min-height:38px;font-size:12px;border-radius:10px}
.request-button{min-width:280px}.request-button .state p{display:block;max-width:230px;line-height:1.3;font-size:14px}
.request-cooldown{font-size:12px;color:#a8a8a8;line-height:1.5;margin:12px 0 0;text-align:center}
.discord-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:grayscale(1)}
.discord-title,.discord-handle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:600px){.welcome-dialog{padding:19px 22px}.request-button{min-width:0}.request-button .state{gap:7px}.request-button .state p{font-size:11px;max-width:108px}.request-button .icon{font-size:17px;flex-shrink:0}.discord-icon{flex-shrink:0}}


.experience{position:fixed;z-index:9;left:8vw;top:145px;width:300px;max-height:calc(100dvh - 260px);overflow:auto;color:#c3c3c3;font:13px/1.55 'Segoe UI',sans-serif;scrollbar-width:thin;scrollbar-color:#555 transparent;text-shadow:0 2px 10px #000}
.experience summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:0 0 16px;border-bottom:1px solid #ffffff29;color:#dedede;font-size:16px;letter-spacing:.3px;filter:url('#ui-grain')}
.experience summary::-webkit-details-marker{display:none}.experience summary:focus-visible{outline:1px solid #bbb;outline-offset:4px}
.experience-chevron{font-size:20px;font-weight:300;transition:transform .2s}.experience[open] .experience-chevron{transform:rotate(45deg)}
.experience-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:13px}
.experience-list li{position:relative;padding-left:16px;font-weight:400}
.experience-list li::before{content:'';position:absolute;left:0;top:.66em;width:4px;height:4px;border:1px solid #aaa;transform:rotate(45deg)}

dialog.request-dialog{width:min(500px,calc(100% - 32px));padding:32px;border-radius:22px;border-color:#ffffff30;background:#171717!important;box-shadow:0 30px 100px #0009!important}
.request-eyebrow{margin:0 40px 10px 0;font-size:9px;font-weight:600;letter-spacing:2.5px;color:#8f8f8f}
.request-dialog h2{font-size:27px;letter-spacing:-.7px;color:#e0e0e0;margin-bottom:10px}
.request-intro{max-width:350px;font-size:13px;line-height:1.65;margin-bottom:22px;color:#929292}
.request-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.request-row .request-field{margin-top:0}
.request-field{font-size:12px;letter-spacing:.15px;margin-top:18px;color:#bfbfbf}
.request-dialog .request-field input,.request-dialog .request-field textarea,.request-field select{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px 14px;border:1px solid #ffffff24;border-radius:10px;background:#202020!important;color:#ddd;font:14px/1.5 'Segoe UI',sans-serif;outline:none;transition:border-color .2s}
.request-field select{appearance:none;padding-right:42px;cursor:pointer;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23aaa' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important}
.request-field select:invalid{color:#858585}.request-field select option{background:#202020;color:#ddd}.request-field select option:disabled{color:#858585}
.request-dialog .request-field :is(input,textarea,select):focus{border-color:#a5a5a5;box-shadow:0 0 0 2px #ffffff08!important}
.request-dialog .request-field textarea{min-height:110px;max-height:180px;resize:vertical}
.request-dialog .request-submit{margin-top:22px;border-radius:10px;height:47px;letter-spacing:.2px;background:#d0d0d0!important;color:#151515;border-color:#d0d0d0;font-weight:600}
.request-dialog .request-submit:hover:not(:disabled){background:#ebebeb!important;color:#111;border-color:#ebebeb}
.request-dialog .request-submit:disabled{background:#303030!important;border-color:#444;color:#a0a0a0;opacity:1}
.request-status:empty{display:none}.request-status{text-align:center}.draft-note{margin-top:12px;color:#828282}
.request-dialog .request-close{top:18px;right:18px;border-color:#ffffff24}
@media(max-width:1200px){.experience{left:5vw;width:260px}.discord-profile{left:5vw;width:280px}.request-button{right:5vw}}
@media(max-width:999px){.experience{top:125px;left:5vw;width:min(280px,40vw);max-height:calc(100dvh - 245px)}.experience[open]{padding:15px;border:1px solid #ffffff25;border-radius:14px;background:#141414;box-shadow:0 12px 36px #0007}.experience summary{font-size:14px}.experience-list{gap:10px;font-size:12px}}
@media(max-width:600px){.discord-profile{left:18px;width:calc((100% - 48px)/2)}.request-button{right:18px}.experience{top:103px;left:18px;width:calc(100% - 36px);max-height:calc(100dvh - 230px)}.experience summary{padding-bottom:12px;font-size:13px}.experience-list{grid-template-columns:1fr 1fr;gap:13px 18px}.experience-list li{padding-left:13px;font-size:11px}.request-dialog{max-height:calc(100dvh - 24px)}dialog.request-dialog{padding:26px 22px;border-radius:18px}.request-dialog h2{font-size:24px}.request-intro{font-size:12px;margin-bottom:20px}.request-row{gap:10px}.request-dialog .request-field input,.request-dialog .request-field textarea,.request-field select{font-size:16px;padding:11px}.request-field select{padding-right:35px}.request-field{margin-top:15px;font-size:11px}}
@media(max-height:650px){dialog.request-dialog{padding:23px}.request-intro{margin-bottom:14px}.request-field{margin-top:12px}.request-dialog .request-field textarea{min-height:78px}.experience{top:118px;max-height:calc(100dvh - 205px)}}
@media(prefers-reduced-motion:reduce){.experience-chevron,.request-field select{transition:none}}
@media(max-width:420px){.request-row{grid-template-columns:1fr;gap:14px}}


.experience.card,.experience.card[open]{box-sizing:border-box;width:320px;height:auto;padding:22px;background:transparent;border:1px solid rgb(210 210 210/.42);box-shadow:12px 17px 51px rgb(0 0 0/.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:17px;color:#c8c8c8;transform-origin:center;transition:transform .5s,border-color .5s,box-shadow .5s}
.experience.card summary{font-weight:600;letter-spacing:.2px}
.experience.card:not([open]) summary{padding-bottom:0;border-bottom:0}
.experience.card .experience-list{gap:14px;margin-top:20px}
@media(hover:hover) and (pointer:fine){.experience.card:hover{border-color:rgb(240 240 240/.8);transform:scale(1.05);box-shadow:12px 20px 55px rgb(0 0 0/.3)}}
.experience.card:active{transform:scale(.95) rotateZ(1.7deg)}
@media(max-width:1200px){.experience.card,.experience.card[open]{width:280px;padding:19px}}
@media(max-width:999px){.experience.card,.experience.card[open]{width:min(300px,42vw);padding:18px}}
@media(max-width:600px){.experience.card,.experience.card[open]{width:calc(100% - 36px);padding:17px}.experience.card .experience-list{gap:14px 18px;margin-top:17px}}
@media(prefers-reduced-motion:reduce){.experience.card,.experience.card[open]{transition:none}.experience.card:hover,.experience.card:active{transform:none}}

:root{--profile-left:8vw;--profile-width:320px}
.discord-profile,.experience.card,.experience.card[open]{left:var(--profile-left);width:var(--profile-width)}
.experience.card .experience-list{grid-template-columns:minmax(0,1fr)}
@media(max-width:1200px){:root{--profile-left:5vw;--profile-width:280px}}
@media(max-width:600px){:root{--profile-left:18px;--profile-width:calc((100% - 48px)/2)}.experience.card,.experience.card[open]{padding:12px}.experience.card summary{font-size:12px;gap:6px}.experience.card .experience-list{gap:13px}.experience.card .experience-list li{overflow-wrap:anywhere}}
.experience-stack{position:fixed;z-index:9;left:var(--profile-left);width:var(--profile-width);top:137px;font-family:'Segoe UI',sans-serif}
.experience-stack h2{display:block;width:fit-content;max-width:100%;margin:0 0 18px;padding:0 2px;color:#d4d4d4;font-size:22px;font-weight:800;line-height:1.35;letter-spacing:-.3px;text-shadow:0 2px 14px #000;filter:url('#ui-grain');transform-origin:50% 80%;animation:experience-sway 8s ease-in-out infinite}
.experience-stack .experience.card{position:relative;left:auto;top:auto;width:100%;margin:0;max-height:calc(100dvh - 285px)}
.experience-stack .experience-list{margin:0}
@keyframes experience-sway{0%,100%{transform:translateX(-2px) rotate(-1.2deg)}50%{transform:translateX(2px) rotate(1.2deg)}}
@media(max-width:600px){.experience-stack{top:105px}.experience-stack h2{font-size:15px;letter-spacing:0;margin-bottom:13px}.experience-stack .experience.card{max-height:calc(100dvh - 265px)}}
@media(max-height:650px){.experience-stack{top:118px}.experience-stack .experience.card{max-height:calc(100dvh - 225px)}}
@media(prefers-reduced-motion:reduce){.experience-stack h2{animation:none;transform:none}}

/* 3D tower loader adapted from csozi (www.csozi.hu), in monochrome. */
.request-loading{min-height:365px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 0}
.loader-space{height:150px;display:grid;place-items:center;padding-top:15px;width:100%}
.request-loading .loader{scale:3;height:50px;width:40px}
.request-loading .box{position:relative;opacity:0;left:10px}
.request-loading .side-left{position:absolute;background:#666;width:19px;height:5px;transform:skew(0deg,-25deg);top:14px;left:10px}
.request-loading .side-right{position:absolute;background:#959595;width:19px;height:5px;transform:skew(0deg,25deg);top:14px;left:-9px}
.request-loading .side-top{position:absolute;background:#d0d0d0;width:20px;height:20px;rotate:45deg;transform:skew(-20deg,-20deg)}
.request-loading .box-1{animation:tower-from-left 4s infinite}.request-loading .box-2{animation:tower-from-right 4s infinite;animation-delay:1s}.request-loading .box-3{animation:tower-from-left 4s infinite;animation-delay:2s}.request-loading .box-4{animation:tower-from-right 4s infinite;animation-delay:3s}
@keyframes tower-from-left{0%{z-index:20;opacity:0;translate:-20px -6px}20%{z-index:10;opacity:1;translate:0 0}40%{z-index:9;translate:0 4px}60%{z-index:8;translate:0 8px}80%{z-index:7;opacity:1;translate:0 12px}100%{z-index:5;translate:0 30px;opacity:0}}
@keyframes tower-from-right{0%{z-index:20;opacity:0;translate:20px -6px}20%{z-index:10;opacity:1;translate:0 0}40%{z-index:9;translate:0 4px}60%{z-index:8;translate:0 8px}80%{z-index:7;opacity:1;translate:0 12px}100%{z-index:5;translate:0 30px;opacity:0}}
.request-loading h3{font-size:20px;font-weight:600;letter-spacing:-.3px;margin:22px 0 10px;color:#ddd}.request-loading p{font-size:12px;color:#999;margin:0;line-height:1.6}
.request-confirmation{padding-top:17px}.receipt-slot{height:7px;background:#080808;border:1px solid #ffffff14;border-radius:8px;margin:0 5px -3px;position:relative;z-index:2;box-shadow:0 2px 8px #000}
.receipt{position:relative;width:100%;margin:0 auto;padding:27px 25px 30px;background:#d3d3cf;color:#252525;box-shadow:0 12px 32px #0005;font-family:'Courier New',monospace;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),98% 100%,96% calc(100% - 8px),94% 100%,92% calc(100% - 8px),90% 100%,88% calc(100% - 8px),86% 100%,84% calc(100% - 8px),82% 100%,80% calc(100% - 8px),78% 100%,76% calc(100% - 8px),74% 100%,72% calc(100% - 8px),70% 100%,68% calc(100% - 8px),66% 100%,64% calc(100% - 8px),62% 100%,60% calc(100% - 8px),58% 100%,56% calc(100% - 8px),54% 100%,52% calc(100% - 8px),50% 100%,48% calc(100% - 8px),46% 100%,44% calc(100% - 8px),42% 100%,40% calc(100% - 8px),38% 100%,36% calc(100% - 8px),34% 100%,32% calc(100% - 8px),30% 100%,28% calc(100% - 8px),26% 100%,24% calc(100% - 8px),22% 100%,20% calc(100% - 8px),18% 100%,16% calc(100% - 8px),14% 100%,12% calc(100% - 8px),10% 100%,8% calc(100% - 8px),6% 100%,4% calc(100% - 8px),2% 100%,0 calc(100% - 8px))}
.receipt::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.receipt-kicker{text-align:center;font-size:10px;letter-spacing:2px;margin:0 0 15px;color:#5b5b58}.receipt-check{width:32px;height:32px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px}.receipt-check svg{width:22px;height:22px;stroke-dasharray:26;stroke-dashoffset:0}
.receipt h3{font-family:'Segoe UI',sans-serif;font-size:24px;letter-spacing:-.7px;font-weight:700;margin:0;text-align:center;outline-offset:4px}.receipt-subtitle{font-size:11px;text-align:center;margin:9px 0 22px;color:#535350;line-height:1.5}
.receipt-meta{border-top:1px dashed #777;border-bottom:1px dashed #777;padding:14px 0;display:flex;flex-direction:column;gap:7px;text-align:center;font-size:11px}.receipt-meta strong{font-size:11px;font-weight:600;overflow-wrap:anywhere;letter-spacing:.3px}.receipt-meta time{font-size:12px}.receipt-time-note{font-size:9px;color:#666}
.receipt-fields{margin:18px 0;font-size:12px;line-height:1.6}.receipt-fields>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;padding:7px 0;border-bottom:1px solid #3332}.receipt-fields dt{color:#62625e}.receipt-fields dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}
.receipt-description h4{font-size:11px;font-weight:400;color:#62625e;margin:0 0 9px}.receipt-description p{font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 19px}
.receipt-total{display:flex;justify-content:space-between;gap:12px;border-top:1px dashed #777;border-bottom:1px dashed #777;padding:14px 0;font-size:13px}.receipt-thanks{font-size:10px;text-align:center;line-height:1.7;margin:17px 0 15px;color:#555550}
.receipt-barcode{height:25px;width:145px;margin:0 auto;background:repeating-linear-gradient(90deg,#343434 0 2px,transparent 2px 4px,#343434 4px 5px,transparent 5px 8px,#343434 8px 11px,transparent 11px 13px,#343434 13px 14px,transparent 14px 18px)}
.receipt-back,.receipt-text-button{display:block;border:0;background:none;color:#b6b6b6;font:12px 'Segoe UI',sans-serif;text-align:center;cursor:pointer;margin:17px auto 0;padding:8px;transition:color .2s}.receipt-back:hover,.receipt-text-button:hover{color:#eee}.receipt-back:focus-visible,.receipt-text-button:focus-visible{outline:1px solid #aaa;outline-offset:3px}
.request-confirmation.is-entering .receipt{transform-origin:50% 0;animation:receipt-print .85s cubic-bezier(.2,.7,.25,1) both}.request-confirmation.is-entering .receipt-check svg{animation:receipt-tick .45s ease .65s both}
@keyframes receipt-print{from{opacity:0;transform:translateY(-35px) scaleY(.85)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes receipt-tick{from{stroke-dashoffset:26}to{stroke-dashoffset:0}}
@media(max-width:420px){.receipt{padding:23px 16px 28px}.receipt h3{font-size:22px}.receipt-fields>div{grid-template-columns:55px minmax(0,1fr);gap:8px}.receipt-fields,.receipt-description p{font-size:11px}.receipt-meta strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.request-loading .box{animation:none;opacity:1}.request-loading .box-1{translate:0 0}.request-loading .box-2{translate:0 7px}.request-loading .box-3{translate:0 14px}.request-loading .box-4{translate:0 21px}.request-confirmation.is-entering .receipt,.request-confirmation.is-entering .receipt-check svg{animation:none}}

.hosting-stack{position:fixed;z-index:9;top:137px;right:7vw;width:280px;max-height:calc(100dvh - 161px);display:flex;flex-direction:column;font-family:'Segoe UI',sans-serif}
.hosting-stack h2{flex:none;margin:0 0 18px;padding:0 2px;color:#d4d4d4;font-size:22px;font-weight:800;line-height:1.35;letter-spacing:-.3px;text-shadow:0 2px 14px #000;filter:url('#ui-grain')}
.hosting-card{min-height:0;overflow:auto;padding:22px;border:1px solid rgb(210 210 210/.42);border-radius:17px;background:transparent;box-shadow:12px 17px 51px rgb(0 0 0/.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#c8c8c8;font-size:13px;line-height:1.65;text-shadow:0 2px 10px #000;scrollbar-width:thin;scrollbar-color:#777 transparent;overscroll-behavior:contain}
.hosting-card p{margin:0}.hosting-card p+p{margin-top:18px;padding-top:18px;border-top:1px solid rgb(210 210 210/.16)}
.hosting-card:focus-visible{outline:1px solid #d4d4d4;outline-offset:4px}
@media(max-height:650px){.hosting-stack{top:118px;max-height:calc(100dvh - 142px)}}
@media(max-width:600px){.hosting-stack{top:105px;right:18px;width:calc((100% - 48px)/2);max-height:calc(100dvh - 125px)}.hosting-stack h2{font-size:15px;letter-spacing:0;margin-bottom:13px}.hosting-card{padding:12px;font-size:12px;line-height:1.6}.hosting-card p+p{margin-top:14px;padding-top:14px}}