.rfield::placeholder { color: var(--rfield-ph-c, inherit); font-size: var(--rfield-ph-s, inherit); font-weight: var(--rfield-ph-w, inherit); opacity: 1; }
.rfield:focus { box-shadow: var(--rfield-focus, none); }
.rfield-box:focus-within { box-shadow: var(--rfield-focus, none); }
.rfield:disabled { color: var(--textMuted, rgba(0,0,0,0.38)); }
.rfield-err { box-shadow: var(--rfield-error, inset 0 0 0 1px var(--error, #B3261E)) !important; }
[data-reeel-label] { top: 24px; font-size: var(--text-bodyLarge-size, 16px); line-height: 24px; color: var(--textMuted, #6B7280); }
.rfield-lab:focus ~ [data-reeel-label], .rfield-lab:not(:placeholder-shown) ~ [data-reeel-label], [data-reeel-label][style*="--rfield-lab-up"] { top: 8px; font-size: 12px; line-height: 16px; }
.rfield-lab:not(:focus)::placeholder { color: transparent; }
.ra { display: grid; isolation: isolate; overflow: visible; place-items: flex-start flex-start; position: relative }
.rb { align-items: stretch; display: flex; flex-direction: column }
.rc { background: var(--backgroundSurface); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); min-height: 64px; padding: 10px 24px; width: 100% }
.rd { align-items: center; display: flex; justify-content: center }
.re { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 1200px; width: 100% }
.rf { align-items: center; display: flex; flex-direction: row; gap: 12px }
.rg { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) }
.rh { align-items: center; display: flex; flex-direction: row; gap: 8px }
.ri { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 20px; place-items: stretch; width: 20px }
.rj { display: grid; height: 100%; isolation: isolate; overflow: visible; place-items: flex-start flex-start; position: relative; width: 100% }
.rk { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 2px; position: absolute; top: 0px; width: 3.5px; z-index: 0 }
.rl { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 6px; position: absolute; top: 0px; width: 3.5px; z-index: 1 }
.rm { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 10px; position: absolute; top: 0px; width: 3.5px; z-index: 2 }
.rn { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 14px; position: absolute; top: 0px; width: 3.5px; z-index: 3 }
.ro { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 2px; position: absolute; top: 4px; width: 3.5px; z-index: 4 }
.rp { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 2px; position: absolute; top: 8px; width: 3.5px; z-index: 5 }
.rq { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 6px; position: absolute; top: 8px; width: 3.5px; z-index: 6 }
.rr { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 10px; position: absolute; top: 8px; width: 3.5px; z-index: 7 }
.rs { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 2px; position: absolute; top: 12px; width: 3.5px; z-index: 8 }
.rt { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 2px; position: absolute; top: 16px; width: 3.5px; z-index: 9 }
.ru { color: var(--textMuted); font-size: 19px; font-weight: 800; letter-spacing: -0.2px; white-space: nowrap }
.rv { display: grid }
.rw { grid-area: 1 / 1; height: 0px; min-width: 0; width: 0px }
.rx { align-content: flex-start; align-items: center; column-gap: 4px; flex-direction: row; flex-wrap: wrap; grid-area: 1 / 1; justify-content: flex-end; min-width: 0; row-gap: 4px }
.ry { background: #00000000; border-radius: 8px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 10px 12px }
.rz { color: var(--textMuted); font-size: 15px; font-weight: 500 }
.raa { background: var(--primarySoft); border-radius: 8px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 10px 12px }
.rab { color: var(--textStrong); font-size: 15px; font-weight: 700 }
.rac { align-items: center; background: var(--backgroundElevated); border-radius: 10px; display: flex; height: 40px; justify-content: center; width: 40px }
.rad { color: var(--textMuted); font-size: 20px; height: 20px; width: 20px }
.rae { align-items: center; display: flex; flex-direction: column }
.raf { background: var(--textStrong); border-radius: 2px; height: 2px; width: 20px }
.rag { background: var(--border); height: 1.5px; width: 100% }
.rah { align-items: stretch; display: flex; flex-direction: column; width: 100% }
.rai { background: var(--backgroundPage); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 48px 24px; width: 100% }
.raj { color: var(--textMuted); font-size: 14px }
.rak { align-items: stretch; display: flex; flex-direction: column; gap: 12px; width: 100% }
.ral { color: var(--textStrong); font-size: 38px; font-weight: 800; letter-spacing: -0.4px; line-height: 1.15; width: 100% }
.ram { container-type: inline-size; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); width: 100% }
.ran { background: #15171c; border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc((100cqi * 16) / 9); overflow: hidden; width: 100cqi }
.rao { display: grid; height: 100%; isolation: isolate; overflow: hidden; place-items: stretch stretch; position: relative; width: 100% }
.rap { align-self: stretch; box-sizing: border-box; container-type: size; grid-area: 1 / 1; height: 100%; justify-self: stretch; position: relative; width: 100%; z-index: 0 }
.raq { box-sizing: border-box; inset: 0; position: absolute }
.rar { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21960, 0) - 0.2) / 0.3), 1); position: absolute }
.ras { box-sizing: border-box; color: #4fb0d8; font-family: "JetBrains Mono"; font-size: calc(80 / 1280 * 100cqw); font-weight: 700; left: 50%; line-height: 1.2; position: absolute; top: 23.6111%; transform: translateX(-50%); white-space: pre }
.rat { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21960, 0) - 0.6) / 0.3), 1); position: absolute }
.rau { box-sizing: border-box; color: #ffffff; font-family: "Inter"; font-size: calc(46 / 1280 * 100cqw); font-weight: 700; left: 50%; line-height: 1.2; position: absolute; top: 41.6667%; transform: translateX(-50%); white-space: pre }
.rav { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21960, 0) - 1.4) / 0.3), 1); position: absolute }
.raw { box-sizing: border-box; color: #b8bcc6; font-family: "Inter"; font-size: calc(24 / 1280 * 100cqw); left: 50%; line-height: 1.2; position: absolute; top: 51.3889%; transform: translateX(-50%); white-space: pre }
.rax { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21960, 0) - 1.1) / 0.3), 1); position: absolute }
.ray { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21960, 0) - 1.6) / 0.3), 1); position: absolute }
.raz { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21960, 0) - 2.1) / 0.3), 1); position: absolute }
.rba { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21960, 0) - 2.6) / 0.3), 1); position: absolute }
.rbb { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21960, 0) - 3.1) / 0.3), 1); position: absolute }
.rbc { background: #1e1f24; border-radius: calc(14 / 1280 * 100cqw); box-sizing: border-box; height: 41.6667%; left: 3.125%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 9.7222%; width: 93.75% }
.rbd { background: #2a2c33; border-radius: calc(14 / 1280 * 100cqw); box-sizing: border-box; height: 5%; left: 3.125%; position: absolute; top: 9.7222%; width: 93.75% }
.rbe { background: #2a2c33; box-sizing: border-box; height: 1.9444%; left: 3.125%; position: absolute; top: 12.7778%; width: 93.75% }
.rbf { background: #ff5f57; border-radius: calc(6 / 1280 * 100cqw); box-sizing: border-box; height: 1.6667%; left: 4.2188%; position: absolute; top: 11.3889%; width: 0.9375% }
.rbg { background: #febc2e; border-radius: calc(6 / 1280 * 100cqw); box-sizing: border-box; height: 1.6667%; left: 5.7813%; position: absolute; top: 11.3889%; width: 0.9375% }
.rbh { background: #28c840; border-radius: calc(6 / 1280 * 100cqw); box-sizing: border-box; height: 1.6667%; left: 7.3438%; position: absolute; top: 11.3889%; width: 0.9375% }
.rbi { box-sizing: border-box; color: #b8bcc6; font-family: "Inter"; font-size: calc(15 / 1280 * 100cqw); left: 50%; line-height: 1.2; position: absolute; top: 10.9722%; transform: translateX(-50%); white-space: pre }
.rbj { box-sizing: border-box; color: #9fe6a0; font-family: "JetBrains Mono"; font-size: calc(19 / 1280 * 100cqw); left: 5.4688%; line-height: 1.2; position: absolute; text-align: left; top: 18.0556%; white-space: pre-wrap; width: 390.625% }
.rbk { box-sizing: border-box; color: #c9cdd4; font-family: "JetBrains Mono"; font-size: calc(16 / 1280 * 100cqw); left: 5.4688%; line-height: 1.2; position: absolute; text-align: left; top: 23.75%; white-space: pre-wrap; width: 390.625% }
.rbl { box-sizing: border-box; color: #c9cdd4; font-family: "JetBrains Mono"; font-size: calc(16 / 1280 * 100cqw); left: 5.4688%; line-height: 1.2; position: absolute; text-align: left; top: 27.5%; white-space: pre-wrap; width: 390.625% }
.rbm { background: #1e1f24; border-radius: calc(10 / 1280 * 100cqw); box-sizing: border-box; height: 7.2222%; left: 3.125%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 11.1111%; width: 93.75% }
.rbn { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 1280 * 100cqw); left: 4.6875%; line-height: 1.2; position: absolute; top: 13.0556%; white-space: pre }
.rbo { background: #1e1f24; border-radius: calc(10 / 1280 * 100cqw); box-sizing: border-box; height: 7.2222%; left: 3.125%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 20%; width: 93.75% }
.rbp { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 1280 * 100cqw); left: 4.6875%; line-height: 1.2; position: absolute; top: 21.9444%; white-space: pre }
.rbq { background: #1e1f24; border-radius: calc(10 / 1280 * 100cqw); box-sizing: border-box; height: 7.2222%; left: 3.125%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 28.8889%; width: 93.75% }
.rbr { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 1280 * 100cqw); left: 4.6875%; line-height: 1.2; position: absolute; top: 30.8333%; white-space: pre }
.rbs { background: #1e1f24; border-radius: calc(10 / 1280 * 100cqw); box-sizing: border-box; height: 7.2222%; left: 3.125%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 37.7778%; width: 93.75% }
.rbt { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 1280 * 100cqw); left: 4.6875%; line-height: 1.2; position: absolute; top: 39.7222%; white-space: pre }
.rbu { background: #1e1f24; border-radius: calc(10 / 1280 * 100cqw); box-sizing: border-box; height: 7.2222%; left: 3.125%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 46.6667%; width: 93.75% }
.rbv { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 1280 * 100cqw); left: 4.6875%; line-height: 1.2; position: absolute; top: 48.6111%; white-space: pre }
.rbw { background: #1e1f24; border-radius: calc(10 / 1280 * 100cqw); box-sizing: border-box; height: 7.2222%; left: 3.125%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 55.5556%; width: 93.75% }
.rbx { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 1280 * 100cqw); left: 4.6875%; line-height: 1.2; position: absolute; top: 57.5%; white-space: pre }
.rby { background: #1e1f24; border-radius: calc(14 / 1280 * 100cqw); box-sizing: border-box; height: 50%; left: 3.125%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 9.7222%; width: 93.75% }
.rbz { box-sizing: border-box; color: #9fe6a0; font-family: "JetBrains Mono"; font-size: calc(19 / 1280 * 100cqw); left: 5.4688%; line-height: 1.2; position: absolute; text-align: left; top: 22.3611%; white-space: pre-wrap; width: 390.625% }
.rca { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21960, 0) - 99) / 0.3), 1); position: absolute }
.rcb { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21962, 0) - 0.2) / 0.3), 1); position: absolute }
.rcc { box-sizing: border-box; color: #4fb0d8; font-family: "JetBrains Mono"; font-size: calc(80 / 720 * 100cqw); font-weight: 700; left: 88.8889%; line-height: 1.2; position: absolute; top: 13.2813%; transform: translateX(-50%); white-space: pre }
.rcd { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21962, 0) - 0.6) / 0.3), 1); position: absolute }
.rce { box-sizing: border-box; color: #ffffff; font-family: "Inter"; font-size: calc(46 / 720 * 100cqw); font-weight: 700; left: 88.8889%; line-height: 1.2; position: absolute; top: 23.4375%; transform: translateX(-50%); white-space: pre }
.rcf { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21962, 0) - 1.4) / 0.3), 1); position: absolute }
.rcg { box-sizing: border-box; color: #b8bcc6; font-family: "Inter"; font-size: calc(24 / 720 * 100cqw); left: 88.8889%; line-height: 1.2; position: absolute; top: 28.9063%; transform: translateX(-50%); white-space: pre }
.rch { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21962, 0) - 1.1) / 0.3), 1); position: absolute }
.rci { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21962, 0) - 1.6) / 0.3), 1); position: absolute }
.rcj { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21962, 0) - 2.1) / 0.3), 1); position: absolute }
.rck { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21962, 0) - 2.6) / 0.3), 1); position: absolute }
.rcl { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21962, 0) - 3.1) / 0.3), 1); position: absolute }
.rcm { background: #1e1f24; border-radius: calc(14 / 720 * 100cqw); box-sizing: border-box; height: 23.4375%; left: 5.5556%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 5.4688%; width: 166.6667% }
.rcn { background: #2a2c33; border-radius: calc(14 / 720 * 100cqw); box-sizing: border-box; height: 2.8125%; left: 5.5556%; position: absolute; top: 5.4688%; width: 166.6667% }
.rco { background: #2a2c33; box-sizing: border-box; height: 1.0938%; left: 5.5556%; position: absolute; top: 7.1875%; width: 166.6667% }
.rcp { background: #ff5f57; border-radius: calc(6 / 720 * 100cqw); box-sizing: border-box; height: 0.9375%; left: 7.5%; position: absolute; top: 6.4062%; width: 1.6667% }
.rcq { background: #febc2e; border-radius: calc(6 / 720 * 100cqw); box-sizing: border-box; height: 0.9375%; left: 10.2778%; position: absolute; top: 6.4062%; width: 1.6667% }
.rcr { background: #28c840; border-radius: calc(6 / 720 * 100cqw); box-sizing: border-box; height: 0.9375%; left: 13.0556%; position: absolute; top: 6.4062%; width: 1.6667% }
.rcs { box-sizing: border-box; color: #b8bcc6; font-family: "Inter"; font-size: calc(15 / 720 * 100cqw); left: 88.8889%; line-height: 1.2; position: absolute; top: 6.1719%; transform: translateX(-50%); white-space: pre }
.rct { box-sizing: border-box; color: #9fe6a0; font-family: "JetBrains Mono"; font-size: calc(19 / 720 * 100cqw); left: 9.7222%; line-height: 1.2; position: absolute; text-align: left; top: 10.1563%; white-space: pre-wrap; width: 694.4444% }
.rcu { box-sizing: border-box; color: #c9cdd4; font-family: "JetBrains Mono"; font-size: calc(16 / 720 * 100cqw); left: 9.7222%; line-height: 1.2; position: absolute; text-align: left; top: 13.3594%; white-space: pre-wrap; width: 694.4444% }
.rcv { box-sizing: border-box; color: #c9cdd4; font-family: "JetBrains Mono"; font-size: calc(16 / 720 * 100cqw); left: 9.7222%; line-height: 1.2; position: absolute; text-align: left; top: 15.4688%; white-space: pre-wrap; width: 694.4444% }
.rcw { background: #1e1f24; border-radius: calc(10 / 720 * 100cqw); box-sizing: border-box; height: 4.0625%; left: 5.5556%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 6.25%; width: 166.6667% }
.rcx { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 720 * 100cqw); left: 8.3333%; line-height: 1.2; position: absolute; top: 7.3438%; white-space: pre }
.rcy { background: #1e1f24; border-radius: calc(10 / 720 * 100cqw); box-sizing: border-box; height: 4.0625%; left: 5.5556%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 11.25%; width: 166.6667% }
.rcz { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 720 * 100cqw); left: 8.3333%; line-height: 1.2; position: absolute; top: 12.3438%; white-space: pre }
.rda { background: #1e1f24; border-radius: calc(10 / 720 * 100cqw); box-sizing: border-box; height: 4.0625%; left: 5.5556%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 16.25%; width: 166.6667% }
.rdb { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 720 * 100cqw); left: 8.3333%; line-height: 1.2; position: absolute; top: 17.3438%; white-space: pre }
.rdc { background: #1e1f24; border-radius: calc(10 / 720 * 100cqw); box-sizing: border-box; height: 4.0625%; left: 5.5556%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 21.25%; width: 166.6667% }
.rdd { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 720 * 100cqw); left: 8.3333%; line-height: 1.2; position: absolute; top: 22.3438%; white-space: pre }
.rde { background: #1e1f24; border-radius: calc(10 / 720 * 100cqw); box-sizing: border-box; height: 4.0625%; left: 5.5556%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 26.25%; width: 166.6667% }
.rdf { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 720 * 100cqw); left: 8.3333%; line-height: 1.2; position: absolute; top: 27.3438%; white-space: pre }
.rdg { background: #1e1f24; border-radius: calc(10 / 720 * 100cqw); box-sizing: border-box; height: 4.0625%; left: 5.5556%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 31.25%; width: 166.6667% }
.rdh { box-sizing: border-box; color: #e4e6eb; font-family: "Inter"; font-size: calc(20 / 720 * 100cqw); left: 8.3333%; line-height: 1.2; position: absolute; top: 32.3438%; white-space: pre }
.rdi { background: #1e1f24; border-radius: calc(14 / 720 * 100cqw); box-sizing: border-box; height: 28.125%; left: 5.5556%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 5.4688%; width: 166.6667% }
.rdj { box-sizing: border-box; color: #9fe6a0; font-family: "JetBrains Mono"; font-size: calc(19 / 720 * 100cqw); left: 9.7222%; line-height: 1.2; position: absolute; text-align: left; top: 12.5781%; white-space: pre-wrap; width: 694.4444% }
.rdk { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_21962, 0) - 99) / 0.3), 1); position: absolute }
.rdl { --s0: 24px; --s1: 24px; --s2: 24px; background: linear-gradient(180deg, #00000000 0%, #00000000 35%, #00000073 100%); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: var(--s2, 24px) var(--s1, 24px) 100px var(--s0, 24px) }
.rdm { align-items: center; display: flex; flex-direction: column; justify-content: flex-end }
.rdn { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 640px; min-width: 640px; width: fit-content }
.rdo { -webkit-backdrop-filter: blur(24px) saturate(1.4); backdrop-filter: blur(24px) saturate(1.4); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) }
.rdp { background: var(--glass); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1.5px solid var(--guideBorder); outline-offset: -1.5px; padding: 20px }
.rdq { align-items: stretch; display: flex; flex-direction: column; gap: 12px }
.rdr { align-items: center; display: flex; flex-direction: row; gap: 8px; width: 100% }
.rds { color: var(--courseInk); font-size: 18px; height: 18px; width: 18px }
.rdt { color: var(--courseInk); font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase }
.rdu { flex: 1 1 0% }
.rdv { color: var(--textStrong); font-size: 18px; font-weight: 700; line-height: 1.3; white-space: pre-wrap; width: 100% }
.rdw { align-items: flex-start; display: flex; flex-direction: column; grid-area: 1 / 1; z-index: 0 }
.rdx { background: var(--backgroundElevated); border-radius: 12px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 12px 16px }
.rdy { align-items: flex-start; display: flex; flex-direction: column; gap: 2px }
.rdz { color: var(--textStrong); font-size: 16px; font-weight: 700 }
.rea { bottom: -1px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: -1px; pointer-events: none; position: absolute; right: -1px; top: -1px; z-index: 1 }
.reb { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); pointer-events: none }
.rec { border-radius: 13px; outline: 2px solid var(--guideAccent); outline-offset: -2px }
.red { color: var(--textMuted); font-size: 13px }
.ree { color: var(--textMuted); font-size: 13px; white-space: pre-wrap }
.ref { align-items: center; display: flex; flex-direction: row; gap: 10px; width: 100% }
.reg { background: var(--backgroundElevated); border-radius: 10px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 11px 16px }
.reh { color: var(--textStrong); font-size: 15px; font-weight: 600 }
.rei { border-radius: 11px; outline: 2px solid var(--guideAccent); outline-offset: -2px }
.rej { color: var(--textStrong); font-size: 18px; font-weight: 700; line-height: 1.3; width: 100% }
.rek { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: 250px }
.rel { align-items: stretch; display: flex; flex-direction: column; gap: 4px }
.rem { color: var(--textMuted); font-size: 13px; width: 100% }
.ren { --rfield-error: inset 0 -1px 0 0 var(--border, rgba(0,0,0,0.42)); --rfield-focus: inset 0 -1px 0 0 var(--border, rgba(0,0,0,0.42)); background: var(--backgroundElevated); border: none; border-radius: 0; box-shadow: inset 0 -1px 0 0 var(--border, rgba(0,0,0,0.42)); box-sizing: border-box; color: var(--textStrong); font-family: inherit; font-size: 15px; line-height: 1.5; margin: 0; min-height: 48px; outline: none; padding: 12px 16px; width: 100% }
.reo { background: var(--action); border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 7px 12px }
.rep { color: var(--onPrimary); font-size: 14px; font-weight: 600 }
.req { border-radius: 17px; outline: 2px solid var(--guideAccent); outline-offset: -2px }
.rer { color: var(--textStrong); font-size: 15px; line-height: 1.5; width: 100% }
.res { background: #1e1f24; border-radius: 10px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 12px }
.ret { display: grid; isolation: isolate; overflow: hidden; place-items: flex-start flex-start; position: relative }
.reu { align-items: flex-start; display: none; flex-direction: column; gap: 10px; grid-area: 1 / 1; z-index: 0 }
.rev { -webkit-box-orient: vertical; -webkit-line-clamp: 6; color: #e4e6eb; display: -webkit-box; font-family: 'JetBrains Mono', sans-serif; font-size: 11px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap }
.rew { background: #2a2c33; border-radius: 8px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 6px 10px }
.rex { color: #e4e6eb; font-size: 13px }
.rey { border-radius: 9px; outline: 2px solid var(--guideAccent); outline-offset: -2px }
.rez { align-items: flex-start; display: flex; flex-direction: row; gap: 10px; grid-area: 1 / 1; justify-self: stretch; z-index: 1 }
.rfa { -webkit-box-orient: vertical; -webkit-line-clamp: 6; color: #e4e6eb; display: -webkit-box; flex: 1 1 0%; font-family: 'JetBrains Mono', sans-serif; font-size: 13px; line-height: 1.5; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap }
.rfb { background: var(--action); border-radius: 10px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 11px 18px }
.rfc { color: var(--onPrimary); font-size: 15px; font-weight: 600; white-space: pre-wrap }
.rfd { align-items: stretch; display: flex; flex-direction: column; gap: 8px; width: 100% }
.rfe { color: var(--textStrong); font-size: 15px; line-height: 1.5; white-space: pre-wrap; width: 100% }
.rff { -webkit-box-orient: vertical; -webkit-line-clamp: 8; color: #e4e6eb; display: -webkit-box; font-family: 'JetBrains Mono', sans-serif; font-size: 11px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap }
.rfg { -webkit-box-orient: vertical; -webkit-line-clamp: 8; color: #e4e6eb; display: -webkit-box; flex: 1 1 0%; font-family: 'JetBrains Mono', sans-serif; font-size: 13px; line-height: 1.5; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap }
.rfh { background: var(--backgroundElevated); border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 7px 12px }
.rfi { color: var(--textMuted); font-size: 14px; font-weight: 600 }
.rfj { background: var(--glass); border-radius: 18px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1.5px solid var(--guideBorder); outline-offset: -1.5px; padding: 24px }
.rfk { align-items: stretch; display: flex; flex-direction: column; gap: 14px }
.rfl { color: var(--textFaint); font-size: 22px; height: 22px; width: 22px }
.rfm { color: var(--textFaint); font-size: 13px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase }
.rfn { align-content: flex-start; align-items: center; column-gap: 12px; display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 12px; width: 100% }
.rfo { background: var(--action); border-radius: 10px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 12px 20px }
.rfp { --s0: 24px; --s1: 24px; background: linear-gradient(180deg, #00000000 0%, #00000000 35%, #00000073 100%); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 10px var(--s1, 24px) 100px var(--s0, 24px) }
.rfq { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); opacity: calc(1 + -0.65 * var(--b-adPending_21941, 0)) }
.rfr { align-items: center; display: flex; flex-direction: row }
.rfs { display: contents }
.rft { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); pointer-events: auto }
.rfu { color: #ffffff; font-size: 26px; height: 26px; width: 26px }
.rfv { bottom: 62px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: -90px; pointer-events: none; position: absolute; right: -90px; z-index: 1 }
.rfw { background: #000000e6; border-radius: 6px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 4px 8px }
.rfx { color: #ffffff; font-size: 12px; font-weight: 600; white-space: pre }
.rfy { color: #ffffff; font-size: 22px; height: 22px; width: 22px }
.rfz { color: #ffffff; font-size: 12px; font-weight: 600; white-space: nowrap }
.rga { bottom: 62px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); pointer-events: none; position: absolute; right: 0px; width: 260px; z-index: 1 }
.rgb { align-items: flex-end; display: flex; flex-direction: column }
.rgc { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); min-height: 70px }
.rgd { margin: 3px 0 }
.rge { text-decoration: underline }
.rgf { background: rgba(128,128,128,.18); border-radius: 4px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.92em; padding: 1px 5px }
.rgg { list-style: decimal; padding-left: 22px }
.rgh { list-style: inherit; margin: 2px 0 }
.rgi { font-size: 1.6em; font-weight: 700; margin: 12px 0 4px; scroll-margin-top: 88px }
.rgj { list-style: disc; padding-left: 22px }
.rgk { margin: 6px 0; position: relative }
.rgl { background: rgba(128,128,128,.12); border-radius: 8px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; margin: 0; overflow-x: auto; padding: 10px; padding-top: 40px }
.rgm { display: flex; gap: 6px; position: absolute; right: 6px; top: 6px }
.rgn { background: rgba(128,128,128,.18); border-radius: 6px; color: inherit; cursor: pointer; font: 12px/1 system-ui, sans-serif; outline: 1px solid rgba(128,128,128,.4); outline-offset: -1px; padding: 5px 8px }
.rgo { list-style: inherit; margin: 2px 0; margin-left: 16px }
.rgp { outline: 1px solid rgba(128,128,128,.35); outline-offset: -1px; padding: 5px 8px; text-align: left }
.rgq { background: var(--backgroundSurface); display: grid; flex-shrink: 0; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 36px 24px; width: 100% }
.rgr { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 4px 0px }
.rgs { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); min-height: 64px; padding: 10px 24px; width: 100% }
.rgt { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 12px 24px; width: 100% }
.rgu { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 14px 0px; width: 100% }
.rgv { color: var(--textMuted); font-size: 22px; font-weight: 500 }
[data-reeel-switch="0"] > [data-reeel-case] { display: none; }
[data-reeel-switch="0"] > [data-reeel-case="wide"] { display: flex; }
@media (max-width: 767.98px) {
  [data-reeel-switch="0"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="0"] > [data-reeel-case="compact"] { display: block; }
}
@media (min-width: 768px) and (max-width: 899.98px) {
  [data-reeel-switch="0"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="0"] > [data-reeel-case="compact"] { display: block; }
}
@media (min-width: 900px) and (max-width: 1199.98px) {
  [data-reeel-switch="0"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="0"] > [data-reeel-case="expanded"] { display: flex; }
}
[data-reeel-switch="1"] > [data-reeel-case] { display: none; }
[data-reeel-switch="1"] > [data-reeel-case="wide"] { display: block; }
@media (max-width: 767.98px) {
  [data-reeel-switch="1"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="1"] > [data-reeel-case="compact"] { display: flex; }
}
@media (min-width: 768px) and (max-width: 899.98px) {
  [data-reeel-switch="1"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="1"] > [data-reeel-case="compact"] { display: flex; }
}
@media (min-width: 900px) and (max-width: 1199.98px) {
  [data-reeel-switch="1"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="1"] > [data-reeel-case="expanded"] { display: block; }
}
@container (max-width: 639.98px) { #r468 { display: none; } }
@container (max-width: 479.98px) { #r470 { display: flex; } }
@container (max-width: 479.98px) { #r471 { display: none; } }
@container (max-width: 479.98px) { #r472 { display: flex; } }
@container (max-width: 479.98px) { #r473 { display: none; } }
@container (max-width: 479.98px) { #r474 { display: flex; } }
@container (max-width: 479.98px) { #r475 { display: none; } }
@container (max-width: 479.98px) { #r476 { display: flex; } }
@container (max-width: 479.98px) { #r477 { display: none; } }
@container (max-width: 479.98px) { #r478 { display: flex; } }
@container (max-width: 479.98px) { #r479 { display: none; } }
@container (max-width: 479.98px) { #r480 { display: flex; } }
@container (max-width: 479.98px) { #r481 { display: none; } }
@container (max-width: 639.98px) { #r469 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; --s2: 10px; } }
@container (max-width: 639.98px) { #r482 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; } }
@container (max-width: 519.98px) { #r483 { min-height: 116px; } }
@container (min-width: 640px) { #r467 { height: calc((100cqi * 9) / 16); } }
@container (max-width: 639.98px) { #r469 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; --s2: 10px; } }
@container (max-width: 639.98px) { #r469 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; --s2: 10px; } }
@container (max-width: 639.98px) { #r469 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; --s2: 10px; } }
@container (max-width: 639.98px) { #r482 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; } }
@container (max-width: 639.98px) { #r482 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; } }
@container (max-width: 519.98px) { #r483 { min-height: 116px; } }
@property --v-time_21960 { syntax: "*"; inherits: false; }
@property --v-time_21962 { syntax: "*"; inherits: false; }
@property --v-value_21965 { syntax: "*"; inherits: false; }
@property --v-value_21967 { syntax: "*"; inherits: false; }
@property --v-value_21969 { syntax: "*"; inherits: false; }
@property --v-value_21971 { syntax: "*"; inherits: false; }
@property --v-value_21973 { syntax: "*"; inherits: false; }
@property --v-value_21975 { syntax: "*"; inherits: false; }
@property --v-value_21977 { syntax: "*"; inherits: false; }
@property --v-value_21979 { syntax: "*"; inherits: false; }
@property --v-value_21981 { syntax: "*"; inherits: false; }
@property --v-value_21983 { syntax: "*"; inherits: false; }
@property --v-value_21987 { syntax: "*"; inherits: false; }
@property --v-value_21989 { syntax: "*"; inherits: false; }
@property --v-value_21991 { syntax: "*"; inherits: false; }
@property --v-value_21993 { syntax: "*"; inherits: false; }
@property --v-value_21995 { syntax: "*"; inherits: false; }
@property --v-value_21997 { syntax: "*"; inherits: false; }
@property --v-value_22001 { syntax: "*"; inherits: false; }
@property --v-value_22004 { syntax: "*"; inherits: false; }
@property --v-value_22008 { syntax: "*"; inherits: false; }
@property --v-value_22011 { syntax: "*"; inherits: false; }
@property --v-value_22015 { syntax: "*"; inherits: false; }
@property --v-value_22018 { syntax: "*"; inherits: false; }
@property --v-value_22020 { syntax: "*"; inherits: false; }
@property --v-value_22022 { syntax: "*"; inherits: false; }
@property --v-value_22026 { syntax: "*"; inherits: false; }
@property --v-value_22029 { syntax: "*"; inherits: false; }
@property --v-value_22031 { syntax: "*"; inherits: false; }
@property --v-value_22033 { syntax: "*"; inherits: false; }
@property --v-value_22035 { syntax: "*"; inherits: false; }
@property --v-value_22037 { syntax: "*"; inherits: false; }
@property --v-value_22039 { syntax: "*"; inherits: false; }
@property --v-value_22041 { syntax: "*"; inherits: false; }
@property --v-value_22045 { syntax: "*"; inherits: false; }
@property --v-value_22048 { syntax: "*"; inherits: false; }
@property --v-value_22050 { syntax: "*"; inherits: false; }
@property --v-value_22052 { syntax: "*"; inherits: false; }
@property --v-value_22054 { syntax: "*"; inherits: false; }
@property --v-value_22056 { syntax: "*"; inherits: false; }
@property --v-value_22060 { syntax: "*"; inherits: false; }
@property --v-value_22063 { syntax: "*"; inherits: false; }
@property --v-value_22067 { syntax: "*"; inherits: false; }
@property --v-value_22069 { syntax: "*"; inherits: false; }
@property --v-value_22073 { syntax: "*"; inherits: false; }
@property --v-value_22075 { syntax: "*"; inherits: false; }
@property --v-value_22077 { syntax: "*"; inherits: false; }
@property --v-value_22079 { syntax: "*"; inherits: false; }
@property --v-value_22083 { syntax: "*"; inherits: false; }
@property --v-value_22096 { syntax: "*"; inherits: false; }
@property --b-hovered_21929 { syntax: "*"; inherits: false; }
@property --b-adPending_21941 { syntax: "*"; inherits: false; }
@property --b-hovered_22088 { syntax: "*"; inherits: false; }
@property --b-hovered_22089 { syntax: "*"; inherits: false; }
@property --b-hovered_22090 { syntax: "*"; inherits: false; }
@property --b-hovered_22091 { syntax: "*"; inherits: false; }
@property --b-hovered_22092 { syntax: "*"; inherits: false; }
@property --b-hovered_22095 { syntax: "*"; inherits: false; }
@property --b-hovered_22097 { syntax: "*"; inherits: false; }
@property --s0 { syntax: "*"; inherits: false; }
@property --s1 { syntax: "*"; inherits: false; }
@property --s2 { syntax: "*"; inherits: false; }
@media (max-width: 767.98px) { #r464 { font-size: 16px; } }
@media (max-width: 767.98px) { #r463 { gap: 6px; } }
@media (max-width: 767.98px) { #r462 { padding: 10px 16px; } }
@media (max-width: 767.98px) { #r466 { font-size: 28px; } }
@media (max-width: 767.98px) { #r465 { padding: 32px 16px; } }
@media (max-width: 767.98px) { #r485 { font-size: 16px; } }
@media (max-width: 767.98px) { #r484 { padding: 36px 16px; } }
@media (max-width: 767.98px) { #r487 { font-size: 16px; } }
@media (max-width: 767.98px) { #r486 { padding: 10px 16px; } }
@media (max-width: 767.98px) { #r488 { padding: 12px 16px; } }