#view-rewards{--rw-accent:#d7f9b5;max-width:1150px;margin:0 auto;color:var(--studio-text,#eeeee7)}
#view-rewards *,#view-rewards *::before,#view-rewards *::after{box-sizing:border-box}
#view-rewards h1,#view-rewards h2,#view-rewards h3,#view-rewards h4,#view-rewards p{margin:0}
#view-rewards .rw-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}
#view-rewards h1{font-size:30px;line-height:1.2;letter-spacing:-.04em;font-weight:550;margin:6px 0 8px}
#view-rewards .rw-eyebrow{font-size:10px;letter-spacing:.11em;color:#9c9f9e;font-weight:500;text-transform:uppercase}
#view-rewards .rw-intro{color:#a9aaad;font-size:13px}
#view-rewards .rw-toolbar{display:flex;align-items:end;gap:24px;justify-content:space-between;margin-bottom:23px}
#view-rewards .rw-field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b3b5b5;min-width:0}
#view-rewards .rw-toolbar .rw-field{width:240px}
#view-rewards .rw-terms-link{font-size:12px;color:#d5d7d5;text-underline-offset:5px;padding:10px 0}
#view-rewards .rw-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #353735;border-bottom:1px solid #353735;padding:22px 0;margin-bottom:30px;gap:24px}
#view-rewards .rw-facts>div{display:flex;flex-direction:column;gap:3px}
#view-rewards .rw-facts strong{font-size:30px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
#view-rewards .rw-facts span{color:#a1a4a2;font-size:12px}
#view-rewards .rw-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start}
#view-rewards .rw-tracks{display:flex;flex-direction:column;position:relative;gap:4px}
#view-rewards .rw-tracks>h2{font-size:14px;font-weight:500;padding-bottom:12px}
#view-rewards .rw-count{position:absolute;right:5px;top:0;color:#939693;font-size:12px}
#view-rewards .rw-track{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid transparent;background:transparent;color:inherit;border-radius:3px;padding:13px 9px;cursor:pointer}
#view-rewards .rw-track[aria-pressed=true]{background:#1d201c;border-color:#3a4434}
#view-rewards .rw-track:hover{background:#202320}
#view-rewards .rw-art{display:grid;place-items:center;flex:none;width:36px;height:36px;background:#292d28;border:1px solid #41463c;font-size:10px;letter-spacing:.05em;color:#a8b59f}
#view-rewards .rw-art img{width:100%;height:100%;object-fit:cover}
#view-rewards .rw-track-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
#view-rewards .rw-track-copy strong{font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
#view-rewards .rw-track-copy span{font-size:10px;color:#9da29b}
#view-rewards .rw-track-copy small{font-size:10px;color:#bfc7b9}
#view-rewards .rw-result{min-width:0;border-left:1px solid #303430;padding-left:30px}
#view-rewards .rw-track-head{display:flex;align-items:start;gap:20px;justify-content:space-between;margin:0 0 20px}
#view-rewards .rw-track-head h2{font-size:20px;letter-spacing:-.025em;font-weight:500;line-height:1.35;margin-top:5px;overflow-wrap:anywhere}
#view-rewards .rw-text-button{background:transparent;color:#c5c9c1;border:0;font-size:11px;cursor:pointer;padding:4px 0;white-space:nowrap}
#view-rewards .rw-note{color:#a3a8a0;font-size:12px;line-height:1.6;margin:8px 0}
#view-rewards .rw-error,#view-rewards .rw-feedback[role=alert]{color:#ffc8b9}
#view-rewards .rw-offer{border-left:2px solid #79816e;padding:1px 14px;margin-bottom:24px}
#view-rewards .rw-accepted{color:#c4d5b9;font-size:11px}
#view-rewards .rw-score{padding:15px 0 25px;display:flex;flex-direction:column;gap:7px}
#view-rewards .rw-score-label{font-size:11px;color:#a2a79e}
#view-rewards .rw-score-value{font-size:clamp(28px,3.4vw,43px);line-height:1.2;letter-spacing:-.045em;font-weight:500;font-variant-numeric:tabular-nums}
#view-rewards .rw-score-next{color:var(--rw-accent);font-size:12px}
#view-rewards .rw-levels{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#view-rewards .rw-level{display:flex;flex-direction:column;gap:5px;padding:13px 10px 0;background:#191c18;min-width:0;border:1px solid #32372e;border-bottom:0}
#view-rewards .rw-level-index{color:#8a9382;font-size:10px;letter-spacing:.08em}
#view-rewards .rw-level strong{font-size:23px;font-weight:500;letter-spacing:-.035em;line-height:1.3}
#view-rewards .rw-threshold{font-size:12px;font-variant-numeric:tabular-nums}
#view-rewards .rw-level-status{font-size:9px;line-height:1.5;color:#a3ac9a;min-height:27px}
#view-rewards .rw-level[data-state=paid],#view-rewards .rw-level[data-state=confirmed]{background:#21291b;border-color:#607648}
#view-rewards .rw-meter{display:block;height:3px;background:#414a39;margin:4px -10px 0;overflow:hidden}
#view-rewards .rw-meter>span{display:block;background:var(--rw-accent);height:100%;transform-origin:left;transform:scaleX(var(--progress));transition:transform .6s ease-out}
#view-rewards .rw-window{font-size:10px;color:#969d91;margin:17px 0;line-height:1.7}
#view-rewards .rw-chart{padding-top:22px;margin-top:22px;border-top:1px solid #30362b}
#view-rewards .rw-chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#view-rewards h3{font-size:13px;font-weight:500}
#view-rewards .rw-chart-head>span{font-size:10px;color:#a1a59b}
#view-rewards .rw-chart-empty{position:relative;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#b5bcb0;padding:20px}
#view-rewards .rw-chart-empty>strong{font-size:13px;font-weight:500;position:relative;background:#101112;padding:3px 7px}
#view-rewards .rw-chart-empty>p{font-size:11px;max-width:280px;position:relative;background:#101112;padding:3px 7px;line-height:1.6}
#view-rewards .rw-chart-lines{position:absolute;inset:18px 0;pointer-events:none;background:repeating-linear-gradient(to top,transparent,transparent 44px,#242921 45px,transparent 46px)}
#view-rewards .rw-bars{display:flex;gap:5px;height:195px;align-items:end;overflow-x:auto;padding:15px 3px 2px;margin:10px 0}
#view-rewards .rw-bar-column{flex:1 0 20px;min-width:20px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:10px;height:100%}
#view-rewards .rw-bar{display:block;background:#c5dfaa;min-height:1px;width:100%;max-width:64px;align-self:center;max-height:150px;animation:rw-grow .55s ease-out;transform-origin:bottom}
#view-rewards .rw-bar[data-pending=true]{background:repeating-linear-gradient(135deg,#9b9f92,#9b9f92 2px,#42473d 2px,#42473d 5px)}
#view-rewards .rw-bar[data-negative=true]{background:#d6aa96}
#view-rewards .rw-bar-label{font-size:8px;text-align:center;color:#a7ae9f;white-space:nowrap}
#view-rewards .rw-history{margin-top:10px;overflow:auto}
#view-rewards summary{cursor:pointer;font-size:12px;padding:14px 0;color:#ccd1c7;min-height:44px}
#view-rewards table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap;margin:8px 0}
#view-rewards th,#view-rewards td{padding:10px 12px;text-align:right;border-bottom:1px solid #2d3328;font-variant-numeric:tabular-nums}
#view-rewards th:first-child,#view-rewards td:first-child{text-align:left}
#view-rewards th{font-weight:500;color:#a5ad9d}
#view-rewards .rw-terms{margin-top:30px;border-top:1px solid #343a2f;scroll-margin-top:24px}
#view-rewards .rw-terms dl{display:grid;grid-template-columns:170px 1fr;gap:20px 30px;padding:16px 0;font-size:12px;line-height:1.8}
#view-rewards .rw-terms dt{font-weight:500;color:#d9ddd4}
#view-rewards .rw-terms dd{color:#aeb5a7;margin:0}
#view-rewards .rw-admin{border-top:1px solid #32392c;margin-top:25px}
#view-rewards .rw-form{display:flex;flex-direction:column;gap:14px;margin:8px 0 25px;max-width:560px}
#view-rewards .rw-form>.button{align-self:start}
#view-rewards input,#view-rewards select{max-width:100%;background:#191c18;border:1px solid #434a3d;color:#e5eade;border-radius:3px;min-height:40px;padding:9px 12px;font-size:12px}
#view-rewards .rw-check{display:flex;gap:10px;align-items:start;font-size:12px;line-height:1.6;color:#b4bdac}
#view-rewards .rw-check input{min-height:16px;width:16px;height:16px;margin:3px 0 0;flex:none;accent-color:#d7f9b5}
#view-rewards .rw-feedback{font-size:12px;line-height:1.5}
#view-rewards .rw-feedback:empty{display:none}
#view-rewards .rw-awards{border-top:1px solid #30362b;margin-top:20px;padding-top:20px;font-size:12px;line-height:2}
#view-rewards .rw-empty{padding:35px 0;min-height:200px}
#view-rewards :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--rw-accent);outline-offset:4px}
@keyframes rw-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:1100px){#view-rewards .rw-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}#view-rewards .rw-result{padding-left:20px}#view-rewards .rw-level{padding-left:7px;padding-right:7px}#view-rewards .rw-meter{margin-left:-7px;margin-right:-7px}#view-rewards .rw-level strong{font-size:20px}}
@media(max-width:820px){#view-rewards .rw-layout{grid-template-columns:1fr;gap:26px}#view-rewards .rw-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#view-rewards .rw-tracks>h2{grid-column:1/-1}#view-rewards .rw-track{align-items:start;padding:10px;flex-direction:column}#view-rewards .rw-track-copy small{line-height:1.5}#view-rewards .rw-result{padding-left:0;border-left:0}#view-rewards .rw-level-status{font-size:10px}#view-rewards .rw-terms dl{grid-template-columns:1fr;gap:5px}#view-rewards .rw-terms dd{margin-bottom:14px}}
@media(max-width:480px){#view-rewards h1{font-size:25px}#view-rewards .rw-heading{align-items:start;gap:12px}#view-rewards .rw-heading>.button{font-size:10px;padding:8px}#view-rewards .rw-facts{gap:12px;padding:17px 0;margin-bottom:22px}#view-rewards .rw-facts strong{font-size:25px}#view-rewards .rw-facts span{font-size:10px;line-height:1.5}#view-rewards .rw-track-copy strong{font-size:11px}#view-rewards .rw-track-head{gap:8px}#view-rewards .rw-track-head h2{font-size:18px}#view-rewards .rw-levels{gap:5px}#view-rewards .rw-level{padding:9px 6px 0}#view-rewards .rw-level strong{font-size:19px}#view-rewards .rw-threshold{font-size:10px}#view-rewards .rw-level-status{font-size:9px}#view-rewards .rw-toolbar{align-items:start;gap:14px}#view-rewards .rw-toolbar .rw-field{width:160px}#view-rewards .rw-score-value{font-size:34px}}
@media(prefers-reduced-motion:reduce){#view-rewards *,#view-rewards *::before,#view-rewards *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}