/* Isolated revision: original routes and styles remain intact. */
.original-link{display:block;padding:15px 12px;font-size:14px;color:#7955ab;margin-top:20px}
.compact-heading{padding:17px 0 22px}
.compact-heading h2{font-family:Manrope,sans-serif;font-size:27px;line-height:1.25;letter-spacing:-.8px;margin:0 0 9px}
.compact-heading p{font-size:14px;line-height:1.45;color:#b4a4c6;margin:0}
.compact-streak{--accent:#ffdaad;--accent-muted:#725357;--surface:#322333;padding:12px 12px 10px;margin:0 0 14px;border-color:#74536866;border-radius:18px;background:linear-gradient(135deg,#352437,#251c32)}
.compact-streak.charge{--accent:#d6baff;--accent-muted:#615079;--surface:#29203e;background:linear-gradient(135deg,#2d2446,#221c34);border-color:#7c62a65c}
.compact-card-head{display:flex;align-items:center;gap:10px}
.compact-card-head h3{font-size:17px;line-height:1.2;font-weight:700;letter-spacing:-.3px;margin:0 0 3px}
.compact-card-head p{font-size:14px;color:#bdacc9;line-height:1.25;margin:0}
.compact-card-head .streak-symbol{height:37px;width:34px;flex:none;color:var(--accent)}
.compact-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin:10px 0 8px;padding:0 5px}
.compact-track:before{content:'';position:absolute;top:40px;height:2px;background:linear-gradient(90deg,var(--accent-muted) 50%,#75627a66 50%);left:17%;right:16%}
.compact-track.has-past:before{background:linear-gradient(90deg,var(--accent) 50%,#75627a66 50%)}
.compact-track.has-today.has-past:before{background:linear-gradient(90deg,var(--accent) 50%,var(--accent-muted) 50%)}
.track-stop{z-index:1;display:flex;align-items:center;flex-direction:column;gap:9px}
.track-stop>span{font-size:14px;line-height:18px;color:#b3a0bf}
.track-stop.today>span{color:var(--accent);font-weight:700}
.track-stop.tomorrow>span{color:#e4cfef}
.track-node{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px dashed #7b658c;background:var(--surface);color:#9f87ad}
.track-node.complete{border:1px solid var(--accent-muted);background:var(--accent-muted);color:#fff1dc}
.track-node.current{border:2px solid var(--surface);outline:1px solid var(--accent);background:var(--accent);color:#533947;box-shadow:0 0 0 4px #e9b7eb10}
.future-box{height:33px;width:37px;position:relative;background:var(--surface)}
.future-box>img{width:47px;height:47px;position:absolute;top:-8px;left:-4px}
.future-box i{position:absolute;bottom:-3px;right:-7px;background:#41304f;border:1px solid #b296c3;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;color:#e8d3f4}
.track-continue{position:absolute;right:-1px;top:26px;font-size:26px;color:var(--accent-muted)}
.compact-reward{display:flex;align-items:center;gap:8px;border-radius:11px;background:#130e244f;padding:7px 8px;margin-top:8px}
.compact-reward-art{width:34px;height:37px;flex:none;display:grid;place-items:center}
.compact-reward-art img{width:39px;height:39px;object-fit:contain}
.compact-reward-copy{flex:1;min-width:0}
.compact-reward-copy h4{font-size:14px;font-weight:600;line-height:1.25;margin:0 0 4px;letter-spacing:-.2px}
.compact-reward-copy p{font-size:13px;line-height:1.3;margin:0;color:#b8a3c8}
.compact-reward .pill-button{font-size:13px;line-height:1.25;min-width:64px;min-height:35px;padding:8px 11px;white-space:nowrap;background:var(--accent);color:#4c3158;box-shadow:none;flex:none}
.compact-reward .pill-button.done{background:#46324f;color:#c9b6d1}
.compact-rules{display:flex;align-items:center;justify-content:center;gap:5px;background:none;color:#b6a1c7;font-size:14px;padding:10px;width:100%}
.box-popup{padding:33px 20px 21px;background:radial-gradient(ellipse at 50% 37%,#79449055,transparent 68%),linear-gradient(150deg,#332342,#21172e)}
.box-popup h2,.reward-popup h2{font-size:24px;line-height:1.2;margin:0 10px 8px;letter-spacing:-.5px}
.box-popup>p,.reward-popup>p{font-size:14px;line-height:1.4;color:#c8b4d7;margin:0}
.box-popup .modal-close{width:32px;height:32px;right:8px;top:8px}
.box-popup .box-art-stage{height:136px;display:grid;place-items:center;margin:8px 0 5px}
.box-popup .box-art-stage>img{width:148px;height:148px}
.box-popup .reward-pool{gap:15px;margin:8px 0 19px}
.box-popup .reward-pool>div{flex:1;max-width:75px}
.box-popup .reward-pool>div>div{width:58px;height:58px;margin:auto;background:#ffffff08;border-radius:14px}
.box-popup .reward-pool img{width:55px;height:55px}
.box-popup .reward-pool span{display:block;font-size:13px;line-height:1.3;margin-top:7px;color:#c7aed8}
.box-popup>p.box-expiry{font-size:14px;line-height:1.4;color:#d5badf;margin:0 0 13px}
.box-popup .primary-button,.reward-popup .primary-button{margin:0;min-height:44px;font-size:15px}
.box-popup .modal-secondary{font-size:14px;padding:15px 8px 0}
.box-popup .revealed-reward{height:165px;margin:13px 0 0}
.box-popup .revealed-reward>img{width:176px;height:176px}
.box-popup .rarity-badge{font-size:13px;margin:4px 0 24px;letter-spacing:.5px}
.box-popup .expired-art>img{width:120px;margin:4px 0 16px}
.box-popup .expired-art~.primary-button{margin-top:25px}
.reward-rules-content{padding:5px 22px 24px}
.reward-rules-content h4{font-size:16px;line-height:1.3;margin:18px 0 6px}
.reward-rules-content p{font-size:14px;line-height:1.5;margin:0;color:#c6b1d3}
.phone .app-header h3{font-size:17px}
.phone{min-height:0}
@media(max-width:600px){.compact-heading{padding:16px 0 21px}.task-content{padding:0 17px}.compact-streak{padding:12px 12px 10px}.compact-reward-copy h4{font-size:14px}.compact-card-head h3{font-size:17px}.original-link{display:none}}
@media(max-width:350px){.task-content{padding:0 12px}.compact-streak{padding:12px 9px 10px}.compact-reward{gap:6px;padding:9px 6px}.compact-reward-art{display:none}.compact-reward .pill-button{padding:8px;min-width:59px}.track-stop>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.box-art-stage,.box-art-stage>img,.popup{animation:none!important}}
