/* Task-only reward page. Transaction simulations live outside the phone. */
.sidebar-intro,.workspace-subtitle{font-size:14px}.scene-button,.sidebar-reset{font-size:14px}.original-link{display:block;padding:13px;font-size:14px;color:#7955ab;margin-top:12px}.phone{min-height:0}.phone button{font-size:14px}.phone .app-header h3{font-size:16px}.app-header .icon-button{font-size:23px}.bonus-content{padding:0 18px 24px}.bonus-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0 22px}.bonus-heading h2{font:700 25px/1.25 Manrope,sans-serif;letter-spacing:-.8px;margin:0 0 8px}.bonus-heading p{font-size:14px;line-height:1.5;color:#b9a7cb;margin:0;max-width:222px}.bonus-heading img{width:66px;height:66px;flex:none}.claim-card{border:1px solid #9d798345;border-radius:18px;padding:18px 16px;background:linear-gradient(115deg,#302435,#251e32)}.claim-card.has-reward{border-color:#d4a77665;background:linear-gradient(115deg,#4a313c,#302239)}.claim-summary{display:flex;align-items:center;justify-content:space-between;gap:13px}.claim-summary h3{margin:0 0 8px;font-size:14px;color:#d9c0d1;font-weight:500}.claim-summary strong{display:flex;align-items:center;gap:9px;font:700 30px/1.1 Manrope,sans-serif;letter-spacing:-.8px;color:#ffe0aa}.coin-mark{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f5cd83;border:1px solid #fff0be;color:#805521;font-size:15px;font-style:italic;font-weight:800;line-height:1;flex:none}.claim-button{background:linear-gradient(110deg,#ffe2b1,#eec890);color:#4b2e37;padding:12px 17px;border-radius:24px;font-weight:700;min-height:43px;white-space:nowrap}.claim-button:disabled{background:#5b455654;color:#aa909f;cursor:default}.phone .expiry-detail{margin:17px 0 -2px;padding:11px 0 0;border-top:1px solid #d4b49624;width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#dfbcaa;background:transparent;text-align:left;font-size:12px}.expiry-detail svg{width:14px;height:14px}.empty-reward{color:#ab91aa;font-size:12px;margin:13px 0 0;line-height:1.5}.round-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 12px}.round-heading h3{font-size:17px;font-weight:600;margin:0}.round-heading>span{font-size:12px;color:#a48db8}.task-group{border:1px solid #80639740;border-radius:18px;background:linear-gradient(120deg,#29203b,#211a31);overflow:hidden}.group-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 15px;background:#b790d508;border-bottom:1px solid #b99aca10}.group-heading span{font-size:11px;letter-spacing:1.25px;color:#ae97c5}.group-heading h3{font-size:16px;font-weight:500;margin:7px 0 0;color:#d9c4ed}.group-heading b{color:#f2d6a8;font-size:18px}.tier-rule{color:#b39acb;background:none;padding:7px}.tier-rule svg{width:17px;height:17px}.generic-task{padding:19px 14px 13px;display:flex;align-items:center;gap:10px}.task-symbol{display:grid;place-items:center;width:37px;height:39px;flex:none;border-radius:12px;background:#b580e413;color:#c7a6eb}.wallet-symbol{color:#bea8ef;background:#a38ae810}.task-body{flex:1;min-width:0}.task-body h4{font-size:14px;font-weight:600;margin:0 0 6px;line-height:1.3}.task-body h4>span{font-size:11px;opacity:.65;margin-right:3px}.task-body p{font-size:12px;color:#b49bc8;line-height:1.5;margin:0}.phone .task-button{font-size:12px;color:#291737;background:#bc96e6;border-radius:20px;min-width:51px;min-height:33px;padding:8px 11px;flex:none;display:flex;align-items:center;justify-content:center;gap:4px}.task-button.completed{background:#ffffff06;color:#baa3cc;border:1px solid #84639750;min-width:0;padding:7px 8px}.task-button.completed svg{width:12px;height:12px;color:#acd1ba}.task-button:disabled{background:#483852;color:#9d83b1}.task-progress{margin:0 15px 16px 61px}.task-progress .progress-track{height:4px;margin:0 0 7px;background:#856e9c26}.task-progress i{display:block;height:100%;background:#c2a1e5;min-width:0;border-radius:10px}.task-progress>div:last-child{display:flex;justify-content:space-between;gap:8px;color:#ad96c1;font-size:11px;line-height:1.5}.second-task{border-top:1px solid #c79de719;padding-top:19px;padding-bottom:18px}.matched-rule{display:flex;align-items:center;justify-content:space-between;width:100%;background:#0d071822;color:#aa91bd;text-align:left;padding:11px 15px;font-size:11px!important;line-height:1.5;gap:8px}.matched-rule svg{width:13px;height:13px}.round-note{display:flex;justify-content:center;align-items:center;gap:9px;margin:16px 0;color:#947ea6}.round-note>span{font-size:21px;color:#af91c7}.round-note p{font-size:12px;line-height:1.7;margin:0}.last-round{display:flex;align-items:center;gap:9px;border-top:1px solid #a87ecc20;padding:15px 0;margin-top:22px}.last-check{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#bed2b010;color:#aed0b3}.last-check svg{width:16px;height:16px}.last-round>div{flex:1}.last-round h4{font-size:13px;margin:0 0 5px;color:#c1aacd;font-weight:500}.last-round p{font-size:11px;color:#8f789f;margin:0}.last-round>strong{font-size:16px;color:#ddc294;font-weight:500}.stage{gap:44px}.preview-meta #preview-title{font-size:12px}.demo-trigger{background:#eee8f7;color:#785194;padding:6px 9px;border-radius:8px;font-size:12px}.demo-menu summary{font-size:14px}.review-panel header p{font-size:12px}.bonus-backdrop{position:absolute;inset:0;background:#080412b3;backdrop-filter:blur(4px);z-index:10}.bonus-sheet{position:absolute;z-index:11;bottom:0;left:0;right:0;max-height:93%;overflow-y:auto;overscroll-behavior:contain;border-radius:27px 27px 0 0;background:linear-gradient(145deg,#2d203d,#1d162a);border:1px solid #a782c33b;padding:19px 19px 30px;box-shadow:0 -15px 80px #07030d55;animation:sheetIn .2s ease-out;scrollbar-width:thin;scrollbar-color:#715281 transparent}.bonus-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.bonus-sheet h2{font:700 21px/1.3 Manrope,sans-serif;letter-spacing:-.6px;margin:0}.bonus-sheet .icon-button{font-size:23px}.sheet-intro{font-size:14px;line-height:1.6;color:#c4aad6;margin:0 0 20px}.bonus-table{width:100%;border-collapse:collapse;font-size:14px}.bonus-table th{text-align:left;color:#b59bc9;font-size:11px;font-weight:500;padding:0 4px 10px}.bonus-table th:last-child,.bonus-table td:last-child{text-align:right}.bonus-table td{padding:10px 4px;border-top:1px solid #b285ce15}.bonus-table td:last-child{color:#e7c389}.bonus-table .highlight{background:#ad7dc51a}.rule-detail{margin-top:25px}.rule-detail h3{font-size:15px;margin:20px 0 8px}.rule-detail p{font-size:14px;color:#bfa4cc;line-height:1.65;margin:0}.pending-list{margin:8px 0 24px}.pending-reward{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:16px 0;border-bottom:1px solid #b68ccb20}.pending-reward b{font-size:15px;font-weight:500;color:#e5ceef}.pending-reward span{font-size:12px;color:#b69ac6;display:block;margin-top:7px}.pending-reward small{display:block;font-size:12px;color:#d9b48f;margin-top:8px}.pending-reward strong{color:#ffe0aa;font-size:21px}.full-width{width:100%}.claim-success-icon{width:55px;height:55px;background:#c9a57415;border:1px solid #d1af7866;border-radius:50%;color:#e3c59b;display:grid;place-items:center;margin:25px auto}.claim-success-icon svg{width:29px;height:29px}.claim-result{text-align:center}.claim-result>span{font-size:14px;color:#c4a9d3}.claim-result strong{font:700 41px/1.4 Manrope,sans-serif;letter-spacing:-1px;color:#ffdcaa;display:flex;align-items:center;justify-content:center;gap:10px;margin:9px 0 25px}.claim-result .coin-mark{width:30px;height:30px;font-size:20px}.claim-success-note{font-size:13px;line-height:1.6;color:#bba0cb;text-align:center;margin:0 0 26px}.simulation-panel{position:fixed;z-index:65;right:35px;top:138px;width:340px;padding:24px;border-radius:18px;background:#fff;border:1px solid #d8c8e8;box-shadow:0 18px 80px #4a2c5929;color:#493459}.simulation-panel[hidden]{display:none}.simulation-panel>header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:20px}.simulation-panel h2{font-size:18px;margin:0;line-height:1.5}.simulation-panel>header button{font-size:24px;color:#9377a7;background:none;line-height:1}.sim-description{font-size:14px;color:#9985a5;line-height:1.7;margin:0 0 20px}.sim-amounts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sim-amounts button{border:1px solid #dac9e8;background:#f5effb;border-radius:10px;padding:15px 8px;color:#795390;font-size:15px}.sim-state{font-size:14px;color:#9b83aa;line-height:1.9;margin:20px 0}.sim-link{width:100%;background:#f7f3fa;color:#865a9d;font-size:14px;line-height:1.6;border-radius:10px;padding:10px;margin-top:8px}.sim-scenarios{display:flex;flex-direction:column;gap:10px}.sim-scenarios button{text-align:left;background:#f6f1fa;padding:12px;border:1px solid #e2d6ed;border-radius:12px}.sim-scenarios b{display:block;font-size:15px;font-weight:500;margin-bottom:6px;color:#77508e}.sim-scenarios span{font-size:12px;color:#a18cae;line-height:1.6}.sim-time{margin:20px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sim-time b{font-size:13px;color:#947fa2;width:100%;font-weight:500}.sim-time button{padding:10px;border:1px solid #dfd0e8;border-radius:8px;background:white;color:#946fa5;font-size:13px}
@media(max-width:600px){.bonus-content{max-width:430px;margin:auto;padding:0 18px 24px}.bonus-heading{padding-top:13px;padding-bottom:21px}.bonus-heading h2{font-size:25px}.demo-trigger{margin-left:auto}.status-bar{background:#100d24}.phone{min-height:0}.preview-meta #preview-title{font-size:11px}.simulation-panel{top:auto;bottom:65px;right:13px;left:13px;width:auto;max-height:75dvh;overflow:auto}.task-body h4{font-size:14px}.task-body p{font-size:12px}}
@media(max-width:350px){.bonus-content{padding:0 12px 22px}.bonus-heading h2{font-size:22px}.bonus-heading p{font-size:13px}.bonus-heading img{width:57px;height:57px}.generic-task{gap:8px;padding-left:11px;padding-right:11px}.task-symbol{width:31px;height:35px}.task-body h4{font-size:12px}.task-body p{font-size:11px}.phone .task-button{padding:7px 9px;font-size:11px}.task-progress{margin-left:50px;margin-right:12px}.claim-summary strong{font-size:29px}.claim-button{padding:11px 14px}.matched-rule{font-size:11px!important}.round-note p{font-size:11px}}

.last-round>strong small{display:block;font-size:11px;font-weight:400;color:#9d81ab;text-align:right;margin-top:5px}