:root{font-family:Arial,Helvetica,sans-serif;color:#202227;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:white}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:#e2e3e8;border-radius:8px;font-size:14px;font-weight:600;min-height:40px}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #335fff;outline-offset:3px}.skip{position:fixed;top:-100px}.skip:focus{top:4px;z-index:10;background:#335fff;color:#fff;padding:8px}header{height:40px;background:#f7f7f8;display:flex;align-items:center;gap:20px;padding:0 20px;position:relative;z-index:3}header .logo{display:flex;align-items:center;width:135px;flex-shrink:0}header nav{display:flex;justify-content:space-around;width:640px;flex-shrink:1;font-size:16px}header form{display:flex;align-items:center;gap:8px;border:1px solid #d5d7dd;border-radius:6px;height:28px;background:#eeeff1;max-width:476px;flex:1;padding:0 8px}input{border:0;background:none;min-width:0;width:100%;outline:none}header .header-account{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.avatar{width:28px;height:28px;border-radius:50%}.balance-small{display:flex;align-items:center;font-size:14px}#menu{display:none}#sidebar{position:absolute;top:40px;left:0;width:289px;min-height:1160px;border-right:1px solid #e6e7eb;padding:12px 16px;font-size:16px;font-weight:600}#sidebar a,.account{display:flex;align-items:center;gap:16px;min-height:40px;margin-bottom:8px;padding:0 12px;border-radius:8px}.account img{width:24px;height:24px;border-radius:50%}.admin{font-size:12px;background:#335fff;color:#fff;padding:5px 10px;border-radius:20px;margin-left:0}#sidebar a:hover{background:#f7f7f8;text-decoration:none}#sidebar .subscribe{display:block;padding:12px;background:#f7f7f8;border:1px solid #dfe1e7;font-size:14px;font-weight:400;line-height:20px;margin-top:12px}.subscribe p{margin:12px 0}.workspace{margin-left:289px;position:relative;min-height:2028px;padding-top:73px}.background{position:absolute;top:0;left:0;right:0;height:570px;background:url(assets/b3a15.png) center -269px / 1017px 572px no-repeat;pointer-events:none}.wallet{position:absolute;right:max(24px,9%);top:16px;border-radius:40px;background:#f7f7f8;padding:12px 20px;display:flex;align-items:center;gap:4px;font-size:24px}.wallet button{margin-left:12px;display:flex;gap:4px;align-items:center;min-height:32px;padding:0 8px;font-size:12px}main{position:relative;max-width:792px;margin:auto;padding:40px 20px 0}h1{font-size:56px;letter-spacing:-.56px;line-height:1.1;text-align:center;margin:24px 0 64px;font-weight:750}section{margin-bottom:40px}h2{font-size:28px;letter-spacing:-.28px;line-height:34px;margin:0 0 12px;font-weight:700}.bonus{background:#f7f7f8;border-radius:16px;overflow:hidden}.bonus-banner{height:112px;background:#121215;position:relative;display:flex;align-items:center;gap:16px;color:#f7f7f8;padding:16px 20px;overflow:hidden;font-size:16px}.banner-art{position:absolute;width:113.3%;height:427.9%;left:-6.65%;top:-144.28%;opacity:.4}.scrim{position:absolute;inset:0;background:linear-gradient(90deg,#121215,transparent)}.bonus-item,.bonus-banner>div:not(.scrim),.info{position:relative}.bonus-banner p{margin:5px 0 0;color:#d5d7dd}.info{background:none;min-height:24px;width:24px;padding:4px}.info img{filter:brightness(0) invert(1)}.rows{padding:20px;display:flex;flex-direction:column;gap:20px}.package{display:flex;align-items:center;gap:16px;min-height:40px}.figures{display:flex;align-items:center;gap:8px;width:230px;flex-shrink:0}.figures strong{font-size:28px;letter-spacing:-.28px;display:flex;align-items:center;gap:4px;white-space:nowrap}.figures del{display:flex;gap:4px;align-items:center;font-size:20px;color:#6a6f81;font-weight:700;white-space:nowrap}.icon{display:inline-block;background:currentColor;mask:var(--icon) center/contain no-repeat;flex-shrink:0}.badges{display:flex;gap:8px;align-items:center;flex:1;white-space:nowrap}.badges>span{background:rgba(27,37,75,.08);padding:5px 10px;font-size:12px;font-weight:600;border-radius:30px;display:flex;align-items:center;gap:4px}.price{width:200px;flex-shrink:0;background:rgba(27,37,75,.12)}.primary{background:#335fff;color:white}.outlined{border:1px solid rgba(27,37,75,.12);border-radius:16px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{display:flex;align-items:center;gap:12px}.section-heading a{font-size:14px;text-decoration:underline}.carousel{position:relative}#plans{display:flex;gap:12px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory}#plans::-webkit-scrollbar{display:none}.plan{border:1px solid rgba(27,37,75,.12);border-radius:16px;padding:12px;flex:0 0 calc((100% - 24px)/3);min-width:0;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start}.plan-title{display:flex;justify-content:space-between;gap:8px;font-size:14px;white-space:nowrap}.plan-title span{font-size:16px;font-weight:600}.plan-title del{color:#6a6f81;margin-right:4px}.plan ul{list-style:none;margin:24px 0 16px;padding:0;display:flex;flex-direction:column;gap:12px}.plan li{display:flex;align-items:center;gap:16px;color:#494d5a;font-size:14px;line-height:20px}.plan li .icon{color:#202227}.plan button{width:100%;margin-top:auto}#next{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:40px;height:40px;min-height:0;border-radius:50%;background:#202227;color:#fff;display:grid;place-items:center}details{border:1px solid rgba(27,37,75,.12);border-radius:8px;margin-bottom:16px;padding:8px 12px;color:#494d5a;font-size:14px}summary{list-style:none;display:flex;min-height:40px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700}summary::-webkit-details-marker{display:none}details[open] summary .icon{transform:rotate(180deg)}details p{line-height:1.5;margin:8px 0 12px}footer{max-width:1070px;margin:24px auto 0;padding-bottom:22px;color:#494d5a;font-size:16px}footer nav{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:8px 12px 32px}footer button{background:none;font-size:16px;font-weight:400;min-height:24px;padding:0;display:flex;align-items:center}.footer-bottom{border-top:1px solid #d5d7dd;padding:24px 8px 0;display:flex;align-items:center;gap:32px}select{height:40px;border:1px solid #e1e2e8;border-radius:8px;padding:0 12px;background:white;color:#494d5a;width:262px;flex-shrink:0;font-size:12px}small{font-size:10px;line-height:15px}dialog{border:1px solid #d5d7dd;border-radius:16px;padding:32px;max-width:440px;width:calc(100% - 32px)}dialog::backdrop{background:#12121580}dialog p{line-height:1.5}#close{float:right;width:32px;min-height:32px;font-size:24px}#selection{padding-right:25px}
@media(max-width:1450px){header{gap:12px}header nav{width:450px}.header-account .balance-small{display:none}#sidebar{width:240px;padding:12px 10px}.workspace{margin-left:240px}.figures{width:230px}footer{padding:0 24px 22px}}
@media(max-width:1100px){#sidebar{display:none;position:fixed;z-index:5;top:48px;width:289px;background:#fff;height:calc(100dvh - 48px);min-height:0;overflow:auto;box-shadow:8px 0 20px #0001}#sidebar.open{display:block}.workspace{margin-left:0}header{height:48px}#menu{display:block;background:none;font-size:20px;min-height:40px}header nav{width:auto;gap:24px}header form{max-width:300px}.header-account{display:none!important}.wallet{right:24px;top:12px}footer{max-width:900px}}
@media(max-width:700px){header{gap:10px;padding:0 12px}header .logo{width:auto}header nav{display:none}header form{margin-left:auto;max-width:180px}.workspace{padding-top:65px}.wallet{font-size:18px;padding:8px 12px;right:16px}.wallet button{margin-left:8px}main{padding:24px 16px 0}h1{font-size:38px;letter-spacing:-.4px;margin:24px 0 64px}h2{font-size:24px;line-height:30px}.rows{padding:16px;gap:20px}.package{gap:8px;display:grid;grid-template-columns:1fr 108px;position:relative;min-height:62px}.figures{width:auto;gap:6px;align-self:start}.figures strong{font-size:23px}.figures strong .icon{width:24px!important;height:24px!important}.figures del{font-size:16px}.figures del .icon{width:18px!important;height:18px!important}.badges{grid-column:1;grid-row:2;margin-top:-18px}.badges>span{font-size:10px;padding:4px 7px}.price{grid-column:2;grid-row:1/3;width:108px;min-height:44px}.bonus-banner{padding:16px;gap:12px}.bonus-banner b{font-size:14px}.bonus-item{width:64px;height:64px}.info{margin-left:auto}.plan{flex-basis:242px;min-height:280px}.section-heading h2{gap:8px}.section-heading a{font-size:12px}#next{right:-8px}footer{padding:0 16px 24px;font-size:14px}footer nav{gap:16px;padding:0 0 24px}footer button{font-size:14px}.footer-bottom{flex-direction:column;align-items:start;gap:20px}section{margin-bottom:32px}small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Send Robux sheet from Figma frame 259:1832. */
#send-dialog{position:fixed;inset:0;margin:auto;padding:0;width:480px;max-width:calc(100vw - 32px);height:448px;max-height:calc(100dvh - 32px);border:1px solid rgba(27,37,75,.08);border-radius:16px;background:#f7f7f8;color:#202227;overflow:hidden;box-shadow:0 2px 4px -.5px #00000014,0 10px 20px -.75px #00000014,0 16px 32px -1px #00000014,0 48px 56px -1.5px #00000014}
#send-dialog::backdrop{background:rgba(0,0,0,.5)}
body:has(#send-dialog[open]){overflow:hidden}
.send-header{height:61px;padding:11px 8px 8px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.send-header h2{margin:0;display:flex;align-items:center;gap:4px;font-size:20px;line-height:24px;letter-spacing:-.2px;white-space:nowrap}
.send-actions{display:flex;align-items:center;gap:2px}.send-balance{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;white-space:nowrap}
#send-close{width:40px;height:40px;min-height:40px;padding:8px;background:transparent;display:grid;place-items:center}
.send-search-row{height:59px;padding:4px 20px 15px}.send-search{height:40px;border:1px solid rgba(27,37,75,.16);border-radius:9999px;display:flex;align-items:center;gap:8px;padding:0 12px}.send-search:focus-within{outline:2px solid #335fff;outline-offset:2px}.send-search input{font-size:14px;line-height:23px;color:#202227}.send-search input::placeholder{color:#494d5a;opacity:1}.send-search input:focus-visible{outline:none}
.send-people{height:calc(100% - 120px);overflow-y:auto;padding:0 20px}.send-people h3{position:sticky;top:0;background:#f7f7f8;height:28px;margin:0;font-size:16px;line-height:22px;font-weight:700}.send-person{display:flex;align-items:center;gap:12px;padding:10px 0;border-radius:8px;font-size:14px;line-height:20px}.send-person>img{border-radius:50%;background:rgba(27,37,75,.08)}.send-person[hidden]{display:none}#people-empty{font-size:14px;color:#494d5a}
@media(max-width:380px){.send-header{padding-left:16px;gap:4px}.send-header h2{font-size:18px}.send-balance{font-size:12px}.send-search-row,.send-people{padding-left:16px;padding-right:16px}}
#friends-dialog{padding:0;width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:#f7f7f8;position:fixed;inset:0;margin:auto;overflow:auto}#friends-dialog::backdrop{background:#00000080}body:has(#friends-dialog[open]){overflow:hidden}#friends-close{display:grid;place-items:center;width:40px;height:40px;background:none;padding:8px}#friend-form{padding:4px 20px 20px;display:flex;flex-direction:column;gap:12px}#avatar-paste{min-height:148px;display:flex;align-items:center;justify-content:center;text-align:center;background:#edeef1;border:1px dashed #a8adba;border-radius:12px;line-height:24px;color:#494d5a;cursor:pointer}#avatar-paste img{border-radius:50%;object-fit:cover}#avatar-paste [hidden]{display:none}#friend-form label{font-size:14px;font-weight:600}#friend-nickname{border:1px solid #bfc2cb;border-radius:8px;background:transparent;padding:10px 12px;font-size:14px;min-height:42px;width:100%}.session-note{font-size:13px;color:#494d5a;line-height:20px;margin:0}#friend-status{font-size:14px;line-height:20px;margin:0;color:#a12622}#friend-status:empty{display:none}.send-person b{overflow-wrap:anywhere;min-width:0}.send-person>img{object-fit:cover;flex-shrink:0}
#send-dialog [hidden]{display:none!important}.send-person{width:100%;text-align:left;background:transparent;min-height:68px;font-weight:400}.send-person:hover{background:#e9eaee}.send-person:focus-visible{outline-offset:-2px}#send-amount-step{padding:0 20px 20px;height:calc(100% - 61px);overflow:auto}#send-back{background:transparent;min-height:32px;padding:0 8px;margin-left:-8px;color:#494d5a}.recipient-summary{display:flex;align-items:center;gap:12px;margin:12px 0 24px}.recipient-summary>img{border-radius:50%;object-fit:cover;background:#e8e9ed;flex-shrink:0}.recipient-summary>div{display:flex;flex-direction:column;gap:5px;min-width:0}.recipient-summary span{font-size:12px;color:#494d5a}.recipient-summary b{font-size:16px;overflow-wrap:anywhere}#send-amount-form{display:flex;flex-direction:column;gap:12px}#send-amount-form label{font-size:14px;font-weight:600}.amount-input{display:flex;align-items:center;gap:10px;border:1px solid #bfc2cb;border-radius:8px;padding:10px 12px;height:48px}.amount-input:focus-within{outline:2px solid #335fff;outline-offset:2px}#send-amount{font-size:20px;font-weight:600}#send-amount:focus-visible{outline:none}#amount-error{font-size:13px;color:#a12622;margin:0;line-height:18px}#amount-error:empty{display:none}#send-dialog .transfer-note{font-size:12px;line-height:18px;color:#6a6f81;margin:0}#send-success{padding:24px 20px 20px;text-align:center}.success-mark{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;background:#e0e7ff;color:#335fff;font-size:32px}#send-success h3{font-size:24px;line-height:30px;margin:0 0 12px;letter-spacing:-.24px}#send-success>p{font-size:16px;line-height:24px;margin:0 0 20px;overflow-wrap:anywhere}#send-success .transfer-note{margin:0 0 24px}#send-done{width:100%}
