:root{--detail-cta-reserved-height: 132px;--detail-hero-height: clamp(190px, 34svh, 274px);--app-header-height: 52px;--color-ink: #180f3d;--color-muted: #74717e;--color-soft: #f7f5f8;--color-line: #ece7ef;--color-accent: #ff2f63;--color-accent-soft: #ffd1dc;--color-action: #1d1049;--color-reward: #a87918;--color-note: #f8f6f1;--shadow-soft: 0 12px 30px rgba(24, 15, 61, .08);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Sora,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-ink);background:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--color-ink);background:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}.app-frame{width:100%;min-height:100svh;margin:0 auto;background:#fff}.app-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:var(--app-header-height);padding:max(8px,env(safe-area-inset-top,0px)) 20px 4px;background:#fff}.app-header--overlay{position:sticky;top:0;z-index:5;margin-bottom:calc(var(--app-header-height) * -1);background:linear-gradient(180deg,rgba(29,16,73,.86),transparent);color:#fff}.app-header__title{margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;letter-spacing:0}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;border:0;border-radius:999px;color:currentColor;background:transparent;text-decoration:none}.icon-button:focus-visible,.primary-button:focus-visible,.help-card:focus-visible,.compact-card:focus-visible,.feature-card__button:focus-visible,.info-sheet__terms:focus-visible{outline:3px solid rgba(255,47,99,.35);outline-offset:2px}.page-content{padding:16px 20px calc(24px + var(--safe-bottom))}.help-card{display:grid;width:100%;grid-template-columns:40px 1fr 28px;gap:12px;align-items:center;min-height:52px;padding:12px 14px;border:0;border-radius:8px;color:var(--color-ink);background:var(--color-accent-soft);text-align:left}.help-card__icon{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#fff;background:var(--color-accent)}.help-card__title{font-size:16px;font-weight:800}.section-tabs{position:relative;margin:18px -20px;padding:6px 20px 17px;text-align:center;font-weight:800}.section-tabs:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--color-accent);content:""}.section-title{margin:0 0 14px;font-size:16px;font-weight:800}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 18px;margin-bottom:20px}.compact-card{display:block;min-width:0;color:inherit;text-decoration:none}.compact-card__image{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--color-soft)}.compact-card__title{margin:7px 0 2px;overflow:hidden;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2}.compact-card__reward{margin:0;font-size:13px;font-weight:800;line-height:1.2}.feature-list{display:grid;gap:18px}.feature-card{display:block;color:inherit;text-decoration:none}.feature-card__image{display:block;width:100%;aspect-ratio:2.05;object-fit:cover;border-radius:8px;background:var(--color-soft)}.feature-card__title{margin:10px 0 2px;overflow-wrap:anywhere;font-size:14px;font-weight:900;line-height:1.2;text-transform:uppercase}.feature-card__meta{margin:0 0 10px;color:var(--color-muted);font-size:13px}.reward-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin-bottom:14px;color:var(--color-muted);font-size:12px}.reward-row__total{text-align:right}.reward-value{color:var(--color-reward);font-weight:900}.feature-card__button,.primary-button{display:inline-flex;width:100%;min-height:56px;align-items:center;justify-content:center;border:0;border-radius:20px;color:#fff;background:var(--color-accent);font-size:14px;font-weight:600;text-align:center;text-decoration:none}.primary-button{background:var(--color-action)}.primary-button[disabled]{cursor:wait;opacity:.75}.state-view{display:grid;min-height:calc(100svh - 52px);grid-template-rows:1fr auto;padding:0 20px calc(34px + var(--safe-bottom))}.state-view__body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:480px;text-align:center}.state-icon{position:relative;display:grid;width:92px;height:92px;place-items:center;margin-bottom:22px;color:var(--color-action)}.state-icon:before{position:absolute;width:62px;height:62px;border-radius:20px;background:var(--color-accent-soft);content:"";transform:rotate(-34deg)}.state-icon>svg{position:relative;z-index:1;width:62px;height:62px;stroke-width:2.6}.state-icon--success{color:#1f7a4d}.state-icon--success:before{background:#d9f2e6}.state-view__title{margin:0 0 10px;font-size:15px;font-weight:900}.state-view__copy{max-width:320px;margin:0;color:var(--color-muted);font-size:13px;line-height:1.45}.detail-hero{position:relative;min-height:var(--detail-hero-height);overflow:hidden;background:var(--color-action)}.detail-hero__image{display:block;width:100%;height:var(--detail-hero-height);object-fit:cover}.detail-hero:after{position:absolute;inset:0;background:linear-gradient(180deg,#0000005c,#00000005 55%);content:""}.detail-content{padding:28px 20px calc(var(--detail-cta-reserved-height) + 32px + var(--safe-bottom))}.detail-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;margin-bottom:14px}.detail-summary__title{margin:0;font-size:17px;font-weight:900}.detail-summary__reward{font-size:17px;font-weight:900;white-space:nowrap}.task-list{margin:0 0 18px;padding:6px 20px;border-radius:8px;background:#fbfafb;box-shadow:var(--shadow-soft)}.task-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--color-line)}.task-row:last-child{border-bottom:0}.task-row__name{margin:0;color:#5d5967;font-size:13px;line-height:1.35}.task-row__reward{font-size:14px;font-weight:900;white-space:nowrap}.requirements-section{margin-bottom:18px}.detail-section-title{margin:0 0 10px;font-size:15px;font-weight:800}.requirements-list{display:grid;gap:10px;margin:0;padding:16px 20px 16px 38px;border-radius:8px;background:#fbfafb;color:#5d5967;font-size:13px;line-height:1.35;box-shadow:var(--shadow-soft)}.requirements-list li::marker{color:var(--color-accent)}.detail-note{margin:0;padding:20px;border-radius:4px;background:var(--color-note);color:var(--color-ink);font-size:14px;line-height:1.3}.detail-cta{position:fixed;right:0;bottom:0;left:0;z-index:4;min-height:calc(var(--detail-cta-reserved-height) + var(--safe-bottom));padding:14px 20px max(14px,var(--safe-bottom));background:linear-gradient(180deg,#fff0,#fffffff5 38%,#fff)}.detail-cta__error{min-height:0;margin:0;color:#b42318;font-size:12px;text-align:center}.detail-cta__error:not(:empty){min-height:16px;margin-bottom:8px}@media(max-height:700px){:root{--detail-cta-reserved-height: 112px;--detail-hero-height: clamp(156px, 30svh, 210px)}.detail-content{padding-top:22px}.detail-cta{padding-top:10px}.detail-cta__error:not(:empty){min-height:10px;margin-bottom:6px}}.info-sheet{width:100%;max-width:430px;margin:auto auto 0;padding:0;border:0;background:transparent}.info-sheet::backdrop{background:#000000a8}.info-sheet__panel{padding:18px 20px calc(28px + var(--safe-bottom));border-radius:20px 20px 0 0;background:#fff}.info-sheet__handle{display:block;width:48px;height:5px;margin:2px auto 22px;border-radius:999px;background:#eceaed}.info-sheet__title{margin:0 0 24px;text-align:center;font-size:16px;font-weight:600}.info-step{display:grid;grid-template-columns:22px 1fr;gap:10px;margin-bottom:18px}.info-step__number{display:grid;width:22px;height:22px;place-items:center;border-radius:999px;color:#fff;background:var(--color-accent);font-size:12px;font-weight:900}.info-step__title{margin:0 0 6px;font-size:14px;font-weight:900}.info-step__copy{margin:0;color:var(--color-muted);font-size:13px;line-height:1.35}.info-sheet__terms{display:block;margin:54px 0 26px;color:var(--color-muted);font-size:12px;text-align:center}@media(min-width:480px){body{background:#f2f0f5}.app-frame{max-width:430px;box-shadow:0 0 0 1px #180f3d0f}.detail-cta{right:calc((100vw - 430px)/2);left:calc((100vw - 430px)/2);max-width:430px;margin:0 auto}}