/* Capai Target product UI. The live CSS of the supplied design (9 Oct 2026), kept in cascade order and filtered to the
   classes this page uses, plus the product rules at the end. Android WebView 100 safe:
   svh/dvh units have vh fallbacks; no relational pseudo-class, no individual translate property, no container queries. Font stays Arial/Helvetica (system), like the design. */
:root{--green:#10294c;--dark:#071e3e;--lime:#77abf4;--ink:#151f2e;--muted:#4a6c9b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f9fafc;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
button,a{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
.opening{background:var(--dark);color:white}
.copy{position:absolute;top:75px;left:0;width:48%;transition:opacity .2s;z-index:3}
h1,h2{letter-spacing:-2.4px;line-height:1.06;margin:22px 0;font-size:clamp(44px,5.8vw,76px);font-weight:800}
h1 em,h2 em{font-style:normal;color:var(--lime)}
.copy p{color:#b2c3da;max-width:350px;font-size:17px;line-height:1.65}
.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--dark);padding:17px 24px;border:0;border-radius:14px;font-weight:700}
.copy .primary{margin-top:16px}
.status{display:flex;justify-content:space-between;padding:19px 24px;font-size:12px;font-weight:700}
.bar{height:9px;border-radius:20px;background:#e1e7f0;overflow:hidden}
.bar i{display:block;width:0;height:100%;background:#467cc8;border-radius:20px}
.section-label{color:var(--green);font-size:12px;font-weight:700;letter-spacing:1.8px}
.missions h2{font-size:42px;letter-spacing:-1.7px;margin:15px 0}
.missions{background:#e8edf4;padding:70px 32px 130px}
.mission-inner{max-width:1056px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}
.target{background:var(--dark);color:white;padding:28px;border-radius:24px;margin-top:30px}
.target-top{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.target button{border:0;background:#ffffff15;color:#ced9e8;border-radius:30px;font-size:12px;padding:8px 12px}
.target h3{font-size:36px;margin:20px 0 8px;letter-spacing:-1.5px}
.target p{font-size:13px;color:#9bb1cf;margin:0 0 24px}
.target .bar{background:#344b6c}
.target .bar i{background:var(--lime)}
.target .ends{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:#aabcd6}
.list-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:16px}
.list-head span{font-size:12px;color:var(--muted)}
.closing{font-size:12px;color:var(--muted);margin:20px 0}
dialog{border:0;border-radius:25px;padding:32px;max-width:420px;width:calc(100% - 32px);box-shadow:0 25px 100px #0003}
dialog::backdrop{background:#091525c0;backdrop-filter:blur(4px)}
dialog h2{font-size:27px;letter-spacing:-1px}
dialog p{font-size:15px;line-height:1.6;color:var(--muted)}
dialog .primary{width:100%;margin-top:15px}
.close{float:right;background:none;border:0;font-size:24px;color:var(--muted)}
@media(min-width:0px){.copy{top:25px;width:100%;text-align:center}
h1{font-size:46px;letter-spacing:-2px;margin:18px 0}
.copy p{font-size:15px;line-height:1.5;margin:0 auto;max-width:300px}
.copy .primary{display:none}
.status{padding:14px 20px;font-size:10px}
.missions h2{font-size:32px}
.missions{padding:45px 24px 120px}
.mission-inner{grid-template-columns:1fr;gap:30px}
.target{margin-top:22px;padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html{background:#e2e8f1}
body{background:#e2e8f1}
.mobile-page{width:100%;max-width:430px;margin:auto;background:#f9fafc;box-shadow:0 0 70px #101b2b12}
.back{width:36px;height:36px;border:1px solid #ffffff25;border-radius:50%;background:#ffffff12;color:#fff;font-size:30px;line-height:25px;padding:0}
.copy{top:15px}
h1{font-size:43px;line-height:1.07;margin:17px 0 14px}
.copy p{font-size:15px;max-width:295px;line-height:1.55}
.missions h2{font-size:30px}
.missions{padding:38px 20px 135px}
.mission-inner{gap:26px}
.target{border-radius:20px;padding:23px;margin-top:20px}
.target-top{font-size:14px}
.target button{font-size:13px}
.target p{font-size:14px;line-height:1.5}
.target .ends{font-size:13px}
.list-head{font-size:16px}
.list-head span{font-size:13px}
.closing{font-size:13px;line-height:1.5}
dialog{max-width:390px}
dialog .primary{font-size:15px;min-height:44px}
.close{min-height:36px;min-width:36px}
@media(max-width:360px){h1{font-size:38px}}
body.onboarding .mobile-page{display:none}
.journey{max-width:430px;margin:auto;background:#f9fafc;min-height:100vh;min-height:100svh;color:var(--ink);padding:18px 24px 22px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.journey[hidden]{display:none}
.journey-header{height:32px;display:flex;align-items:center;gap:12px}
.journey-back{background:none;border:0;padding:0;font-size:26px;width:24px;color:var(--ink)}
.journey-track{display:flex;gap:5px;flex:1}
.journey-track i{height:3px;background:#dbe3ee;flex:1;border-radius:5px}
.journey-track i.active{background:#184481}
.journey-content{flex:1;display:flex;flex-direction:column;justify-content:center}
.on-label{font-size:11px;letter-spacing:1px;color:#174380;text-align:center;font-weight:700;margin:20px 0 12px}
.on-title{font-size:29px;line-height:1.17;letter-spacing:-1px;text-align:center;margin:0 auto;max-width:330px}
.on-description{font-size:14px;line-height:1.6;text-align:center;color:#4a6c9b;margin:22px 0 16px}
.journey-footer{padding-top:18px}
.journey-footer .primary{width:100%;min-height:49px;background:#143c75;color:white;font-size:14px}
.journey-footer .primary:disabled{background:#c6d3e4;color:#879086;cursor:default}
.on-ui{background:#e8edf5;border-radius:28px;padding:30px 24px;margin:30px auto;width:100%;max-width:300px;text-align:center}
.on-ui .bar{margin-top:22px;background:#cad6e6}
.on-ui .bar i{width:42%;background:#5384c8}
.target-choices{display:grid;gap:10px}
.target-choice{border:1px solid #d6dfec;background:white;border-radius:15px;padding:16px;text-align:left;display:flex;align-items:center;justify-content:space-between;min-height:75px}
.target-choice.selected{background:#e4ebf4;border:2px solid #174079;padding:15px}
.target-choice strong{display:block;font-size:18px}
.target-choice small{display:block;font-size:12px;color:#4c6f9f;margin-top:5px}
.radio{height:20px;width:20px;border:1px solid #cbd6e6;border-radius:50%;display:grid;place-items:center;color:white;font-size:12px}
.selected .radio{background:#143c75;border-color:#143c75}
.journey.choose .journey-content{justify-content:flex-start;padding-top:12px}
.journey.swiping{background:#091f3e;color:white}
.swiping .journey-back{color:#a6b9d4}
.swiping .journey-track i{background:#324968}
.swiping .journey-track i.active{background:#77abf4}
.swipe-head{text-align:center;margin:14px 0 18px}
.swipe-head small{font-size:11px;letter-spacing:1px;color:#a5b8d3}
.swipe-head h2{font-size:31px;letter-spacing:-1px;margin:10px 0}
.swipe-head p{font-size:13px;line-height:1.5;color:#9db2d0;margin:0}
.swipe-meta{display:flex;justify-content:space-between;font-size:12px;margin:12px 0;color:#b1c2da}
.swipe-meta b{color:#77abf4}
.deck{position:relative;flex:1;min-height:380px;perspective:800px}
.swipe-card{position:relative;height:100%;min-height:380px;max-height:480px;display:flex;flex-direction:column;border-radius:25px;overflow:hidden;background:#151f2c;border:1px solid #395275;touch-action:pan-y;user-select:none;transition:transform .3s,opacity .3s;cursor:grab}
.card-face{background:#d9e4f3;flex:1;min-height:220px;padding:20px;color:#143c75;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.card-face .ease{position:absolute;top:18px;left:18px;background:#fff8;border-radius:30px;font-size:11px;padding:7px 11px}
.card-face .card-type{font-size:13px;font-weight:700}
.card-bottom{padding:20px}
.card-bottom h3{font-size:21px;line-height:1.25;margin:0 0 10px;letter-spacing:-.4px}
.card-bottom p{font-size:12px;color:#9eb3d0;margin:0}
.card-reward{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;color:#a0b5d2}
.card-reward b{border-radius:30px;background:#77abf4;color:#172a45;font-size:14px;padding:10px 13px}
.swipe-actions{display:flex;justify-content:center;gap:28px;padding:22px 0 0}
.swipe-actions button{width:54px;height:54px;border:1px solid #415e87;border-radius:50%;background:transparent;color:#bfcde0;font-size:24px}
.swipe-actions button:last-child{background:#77abf4;color:#132a4a;border-color:#77abf4}
.swipe-tip{text-align:center;font-size:12px;color:#97aecd;margin:12px 0 0}
.loading-panel{text-align:center;padding:80px 0}
.spinner{width:54px;height:54px;border:3px solid #ffffff20;border-top-color:#77abf4;border-radius:50%;margin:0 auto 28px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.loading-panel h2{font-size:24px;letter-spacing:-.6px;line-height:1.3}
.loading-panel p{font-size:14px;color:#a1b5d2;line-height:1.6}
.missions{padding:28px 20px 140px}
.missions h2{font-size:25px;margin:10px 0 0}
.mission-inner{gap:24px}
.target{margin-top:18px}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}
.swipe-card{transition:none}}
.micro-hero{padding:22px 22px 19px;background:#e3e9f2;transition:background .35s}
.micro-hero[data-theme="1"]{background:#f6f0da}
.micro-hero[data-theme="2"]{background:#eaeaf3}
.micro-main{display:grid;grid-template-columns:1fr 120px;gap:7px;align-items:center}
.micro-main .section-label{font-size:10px;letter-spacing:1px;color:#3f5b83}
.micro-main h1{font-size:28px;line-height:1.07;letter-spacing:-1px;margin:11px 0 10px}
.micro-main p{font-size:13px;line-height:1.5;margin:0;color:#486894}
.micro-object{padding:0;border:0;background:none;position:relative;cursor:pointer;color:#344c6d;transition:transform .35s}
.micro-object img{width:120px;height:124px;object-fit:contain;display:block;transition:transform .35s;filter:drop-shadow(0 8px 8px #24344a15)}
.micro-object:hover img,.micro-object:focus-visible img{transform:translateY(-4px) rotate(-3deg)}
.micro-object.opening{transform:scale(1.12) translateY(-5px)}
.micro-object span{font-size:9px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:-5px}
.micro-object span b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:white;font-size:13px}
.micro-object:focus-visible{outline:2px solid #133d77;outline-offset:3px}
.missions{padding-top:23px}
.missions h2{font-size:24px}
@media(max-width:360px){.micro-hero{padding:18px}
.micro-main{grid-template-columns:1fr 105px}
.micro-main h1{font-size:26px}
.micro-object img{width:105px;height:117px}
.micro-object span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.micro-object,.micro-object img,.micro-hero{transition:none}}
:root{--green:#2A83FD;--dark:#0B3D7E;--lime:#DDEBFF;--ink:#102A50;--muted:#52647C}
html,body{background:#edf2f9;color:#102A50}
.mobile-page{background:#fff}
.opening{background:#fff;color:#102A50}
.micro-hero,.micro-hero[data-theme]{background:linear-gradient(145deg,#F5F9FF,#EAF3FF);padding:22px 22px 17px;transition:none}
.micro-main{grid-template-columns:minmax(0,1fr) 122px;gap:12px;min-height:131px}
.micro-main .section-label{color:#1B5DB8;font-size:10px;letter-spacing:.9px}
.micro-main h1{color:#102A50;font-size:28px;line-height:1.12;margin:11px 0 9px;letter-spacing:-.9px}
.micro-main p{font-size:13px;line-height:1.55;color:#52647C}
.micro-object{width:122px;height:136px;position:relative;cursor:default;transform:none!important}
.micro-object img.hero-art{position:absolute;inset:0;width:122px;height:136px;object-fit:contain;opacity:0;transform:translateY(7px) scale(.97);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.65,.2,1);filter:drop-shadow(0 7px 10px #0b3d7e0c);pointer-events:none}
.micro-object img.hero-art.active{opacity:1;transform:translateY(0) scale(1)}
.micro-object:hover img.hero-art{transform:translateY(7px) scale(.97)}
.micro-object:hover img.hero-art.active{transform:translateY(0) scale(1)}
.benefit-auto{display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid #DCE8F8;min-height:34px}
.benefit-caption{flex:1;min-width:0;overflow:hidden;height:20px;display:flex;align-items:center}
.benefit-caption span{display:block;font-size:12px;line-height:1.5;color:#234F89;font-weight:600}
.caption-enter{animation:captionEnter .7s ease}
.auto-indicators{display:flex;gap:4px}
.auto-indicators i{height:4px;width:12px;border-radius:8px;background:#CDDCF1;transition:background .7s,width .7s}
.auto-indicators i.active{width:21px;background:#2A83FD}
.benefit-auto button{background:none;border:0;color:#426590;width:28px;height:28px;font-size:12px;padding:0;border-radius:50%}
.benefit-auto button:hover{background:#DDEBFF}
.missions{background:#F7F9FD;color:#102A50;padding-top:24px}
.section-label{color:#1D61BC}
.list-head span,.closing{color:#52647C}
.primary,.journey-footer .primary{background:#1D69D4;color:#fff}
.target{background:#0B3D7E;color:#fff;border-radius:20px}
.target button{background:#ffffff18;color:#E8F2FF}
.target p,.target .ends{color:#D2E3FA}
.target .bar{background:#ffffff25}
.target .bar i{background:#2A83FD}
.target-top{color:#fff}
.target h3{color:#fff}
.journey{background:#fff;color:#102A50}
.journey-back{color:#163F75}
.journey-track i{background:#E1E9F5}
.journey-track i.active{background:#2A83FD}
.on-description{color:#52647C}
.on-label{color:#1B61BD}
.on-ui{background:#EAF3FF}
.on-ui .bar{background:#D5E3F9}
.on-ui .bar i{background:#2A83FD}
.target-choice{border-color:#DFE7F3;color:#163359}
.target-choice small{color:#52647C}
.target-choice.selected{background:#EDF5FF;border-color:#2A83FD}
.selected .radio{background:#2A83FD;border-color:#2A83FD}
.journey.swiping{background:#0B3D7E;color:#fff}
.swiping .journey-back,.swipe-head small,.swipe-head p,.swipe-meta,.swipe-tip{color:#D5E5FB}
.swiping .journey-track i{background:#436791}
.swiping .journey-track i.active{background:#2A83FD}
.swipe-meta b{color:#fff}
.swipe-card{background:#102F58;border-color:#315B8F}
.card-face{background:#EAF3FF!important;color:#1B61BD}
.card-bottom p,.card-reward{color:#D0E1F9}
.card-reward b{background:#DDEBFF;color:#153F77}
.swipe-actions button{border-color:#6686AF;color:#fff}
.swipe-actions button:last-child{background:#2A83FD;border-color:#2A83FD;color:#fff}
.loading-panel p{color:#D2E3FA}
.spinner{border-top-color:#2A83FD}
.benefit-auto button:focus-visible{outline:2px solid #2A83FD;outline-offset:3px}
dialog h2{color:#102A50}
dialog p{color:#52647C}
.close{color:#52647C}
.journey-footer .primary:disabled{background:#D8E1EF;color:#596C85}
@keyframes captionEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:360px){.micro-main{grid-template-columns:minmax(0,1fr) 105px;gap:8px}
.micro-object,.micro-object img.hero-art{width:105px;height:122px}
.micro-main h1{font-size:26px}
.benefit-caption span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.micro-object img.hero-art,.auto-indicators i{transition:none}
.caption-enter{animation:none}}
.mission-inner>div:last-child{min-width:0}
.list-head{margin-bottom:6px}
.hand-hint{font-size:12px;color:#52647C;margin:0 0 2px}
.mission-hand{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:22px 8px 25px;margin:0 -8px;scrollbar-width:none}
.mission-hand::-webkit-scrollbar{display:none}
.closing{margin-top:0;font-size:11px}
#mission-modal{position:fixed;inset:auto 0 0;margin:0 auto;width:min(430px,100%);max-width:430px;max-height:90vh;max-height:90svh;box-sizing:border-box;border-radius:26px 26px 0 0;padding:22px 24px 26px;overflow-y:auto;opacity:0;transform:translateY(34px) scale(.98);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .25s}
#mission-modal.preview-open{opacity:1;transform:translateY(0) scale(1)}
#mission-modal::backdrop{background:#071B385F;backdrop-filter:blur(3px)}
.preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.preview-top>span{font-size:10px;letter-spacing:1px;color:#52647C}
.preview-top .close{float:none;background:#F0F5FC;border-radius:50%;width:34px;height:34px}
#mission-modal h2{font-size:25px;margin:20px 0 15px}
#mission-modal #modal-text{font-size:13px}
#mission-modal .primary{background:#EDF5FF;color:#1B61BD;border:1px solid #C9DDF8;font-size:13px}
@media(prefers-reduced-motion:reduce){#mission-modal{transition:none}}
.missions{padding-bottom:180px}
.onboarding #floating-hand{display:none}
#floating-hand{position:fixed;z-index:12;bottom:0;left:50%;width:min(430px,100%);transform:translateX(-50%);padding:20px 18px 0;box-sizing:border-box;background:linear-gradient(rgba(247,250,255,0),#F7FAFF 16px);transition:opacity .25s,transform .35s;pointer-events:none}
#floating-hand.tucked{opacity:0;transform:translateX(-50%) translateY(120px)}
.dock-label{font-size:11px;color:#426184;display:flex;justify-content:space-between;margin:0 8px 12px;pointer-events:auto}
.dock-cards{display:flex;justify-content:flex-start;gap:0;max-width:100%;height:112px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:8px 5px 0;pointer-events:auto}
.dock-card{flex:0 0 122px;max-width:140px;border:1px solid #BDD4F5;border-radius:14px 14px 0 0;padding:12px 10px 18px;background:#fff;box-shadow:0 -4px 18px #0B3D7E12;color:#102A50;transform:rotate(var(--fan));transform-origin:50% 100%;transition:transform .35s cubic-bezier(.22,1,.36,1);text-align:left;font:inherit;cursor:pointer}
.dock-card+.dock-card{margin-left:-9px}
.dock-card.picked{transform:translateY(-15px) rotate(0);border-color:#2A83FD}
.dock-category{display:block;font-size:8px;font-weight:700;letter-spacing:.8px;color:#1B61BD;margin-bottom:6px}
.dock-card strong{display:block;font-size:11px;line-height:1.35;min-height:30px}
.dock-meta{display:block;font-size:9px;color:#52647C;margin-top:6px;white-space:nowrap}
.dock-card:focus-visible{outline:2px solid #2A83FD;outline-offset:-3px}
#mission-modal{inset:0;margin:auto;width:min(342px,calc(100% - 44px));max-height:84vh;max-height:84svh;max-width:430px;border:1px solid #D8E4F4;border-radius:24px;padding:16px 18px 18px;opacity:1;transform:none;transition:none;box-shadow:0 24px 65px #06204740}
#mission-modal.preview-open{transform:none}
.preview-top{margin-bottom:12px}
.preview-top>span{font-size:9px}
#mission-modal h2{font-size:21px;line-height:1.3;margin:16px 0}
.preview-stats{border:1px solid #D8E4F4;border-radius:14px;overflow:hidden}
.preview-stats>div{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#EAF3FF;gap:10px;font-size:11px;color:#52647C}
.preview-stats>div+div{background:#fff;border-top:1px solid #D8E4F4}
.preview-stats strong{font-size:14px;color:#1B61BD}
#mission-modal #modal-text{font-size:12px;line-height:1.6;margin:12px 0}
.complete-mission{display:none}
.preview-back{border:0;background:transparent;color:#52647C;font-size:12px;padding:13px;width:100%;cursor:pointer}
#mission-modal .primary{background:#1D69D4;color:white;border:0;margin-top:8px}
#mission-modal.full-detail{position:fixed;inset:auto 0 0;width:min(430px,100%);max-height:94vh;max-height:94svh;border-radius:26px 26px 0 0;padding:20px 22px calc(20px + env(safe-area-inset-bottom));animation:none}
.full-detail .preview-top>span{font-size:0}
.full-detail .preview-top>span:after{content:'DETAIL MISI';font-size:10px}
.full-detail .complete-mission{display:block}
.detail-block{padding:16px;background:#F5F8FD;border:1px solid #D8E4F4;border-radius:16px;margin:16px 0}
.detail-block h3{font-size:15px;margin:0 0 10px}
.detail-block p,.detail-block ol{font-size:12px!important;line-height:1.6!important;color:#102A50!important;margin:0}
.detail-block ol{padding-left:18px}
.detail-block li+li{margin-top:8px}
.detail-block summary{font-size:12px;font-weight:700;color:#1B61BD;cursor:pointer;margin-top:12px}
.detail-block details p{margin-top:10px!important}
#demo-result{font-size:12px;background:#EAF3FF;padding:12px;border-radius:12px}
@media(max-height:680px){#mission-modal h2{font-size:19px;margin:12px 0}}
@media(prefers-reduced-motion:reduce){#floating-hand,.dock-card{transition:none}
#mission-modal.full-detail{animation:none}}
.on-ui{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;display:grid;place-items:center;min-height:0;height:auto;margin:14px auto!important;max-width:330px}
.onboarding-art{display:block;width:100%;height:clamp(190px,30vh,280px);height:clamp(190px,30svh,280px);object-fit:contain}
.card-face{overflow:hidden;position:relative;isolation:isolate}
.preference-art{position:absolute;inset:30px 16px 45px;width:calc(100% - 32px);height:calc(100% - 75px);object-fit:contain;pointer-events:none;user-select:none}
.card-face .ease,.card-face .card-type{position:relative;z-index:1}
.dock-art{position:absolute;right:7px;top:7px;width:31px;height:31px;object-fit:contain;pointer-events:none}
.dock-card{position:relative}
.dock-category{padding-right:27px}
.mission-detail-heading{display:flex;align-items:center;gap:12px;margin:12px 0 16px}
.mission-detail-heading img{flex:0 0 52px;width:52px;height:58px;object-fit:contain}
#mission-modal .mission-detail-heading h2{margin:0;font-size:21px;line-height:1.35}
.card-face .card-type{margin-top:auto}
@media(max-height:720px){.onboarding-art{height:190px}
.on-ui{margin:8px auto!important}}
@media(prefers-reduced-motion:no-preference){.onboarding-art{animation:assetAppear .45s cubic-bezier(.22,1,.36,1)}}
@keyframes assetAppear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.intro-story{min-height:100vh;min-height:100svh;box-sizing:border-box;padding:22px 24px 20px}
.intro-story .journey-header{height:30px}
.intro-story .journey-content{min-height:0;flex:1;padding-top:22px;justify-content:space-between;gap:18px}
.journey-track i{position:relative;overflow:hidden;cursor:pointer;min-height:4px;background:#E1E9F5!important;outline-offset:5px}
.journey-track i:before{content:'';position:absolute;inset:0;background:#2A83FD;transform-origin:left;transform:scaleX(calc(var(--fill,0%) / 100%))}
.journey-track i:before{transform:none;width:var(--fill,0%)}
.journey-track i:focus-visible{outline:2px solid #1D69D4}
#pause-intro{display:none;border:0;background:#F0F5FC;color:#1B61BD;width:27px;height:27px;border-radius:50%;font-size:12px;padding:0}
.intro-story #pause-intro{display:block;flex-shrink:0}
.intro-story .journey-back{width:20px}
.intro-copy{text-align:center}
.intro-story .on-label{font-size:10px;font-weight:700;color:#1B61BD;margin:0 0 12px}
.intro-story .on-title{font-size:26px;line-height:1.28;letter-spacing:-.8px;max-width:350px;color:#102A50}
.on-title mark{background:transparent;color:inherit;text-decoration:underline;text-decoration-color:#FFD84A;text-decoration-thickness:4px;text-underline-offset:4px}
.intro-story .on-ui{width:100%;max-width:350px;flex:1;display:flex;align-items:center;justify-content:center;margin:0 auto!important;min-height:180px}
.intro-story .onboarding-art{width:100%;height:100%;max-height:335px;object-fit:contain;animation:none}
.intro-0 .on-ui{min-height:230px}
.intro-story .on-description{font-size:12px;line-height:1.6;text-align:center;margin:0 auto;max-width:350px;color:#52647C}
.intro-story .on-description strong{color:#1B61BD}
.intro-story .journey-footer{padding-top:20px}
.intro-story .journey-footer .primary{background:#1D69D4;border-radius:16px;min-height:52px;font-size:12px;padding:14px 8px}
.intro-story .journey-content{animation:introReveal .45s cubic-bezier(.22,1,.36,1)}
@keyframes introReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-height:700px){.intro-story .on-title{font-size:23px}
.intro-story .journey-content{gap:12px;padding-top:16px}
.intro-story .onboarding-art{max-height:230px}
.intro-0 .on-ui{min-height:180px}
.intro-story .journey-footer{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.intro-story .journey-content{animation:none}
.intro-story #pause-intro{display:none}}
html{scroll-behavior:smooth;scroll-padding-top:18px}
.micro-hero{padding-bottom:18px}
.micro-main h1{font-size:29px;line-height:1.15}
.micro-main p{font-size:13px;line-height:1.55}
.missions{padding:26px 20px 170px;background:#F7FAFF}
.mission-inner{gap:26px}
.progress-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.missions .progress-heading h2{font-size:20px;letter-spacing:-.5px;line-height:1.3;margin:0}
.progress-heading>span{font-size:10px;color:#52647C;text-align:right}
.target{padding:18px;margin-top:12px;border-radius:20px;background:#0B3D7E;box-shadow:0 6px 18px #0B3D7E0C}
.target-top{font-size:11px;color:#D7E6FB}
.target-top button{font-size:10px;padding:6px 9px;color:#E3EEFF}
.balance-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:10px 0 7px}
.target .balance-line h3{font-size:29px;letter-spacing:-1px;line-height:1.1;margin:0;color:#fff}
.balance-line>span{font-size:10px;color:#BBD4F4}
.balance-line b{font-weight:600;color:#E0EDFF}
.target #progress-copy{font-size:11px;color:#D2E3FA;line-height:1.5;margin:0 0 13px}
.target .bar{height:5px;background:#3A608E;overflow:hidden}
.target .bar i{background:#64A6FF;transition:width .9s cubic-bezier(.22,1,.36,1)}
.target .ends{margin-top:8px;font-size:10px;color:#C9DDF8}
.target #withdraw-button{background:#fff;color:#0B3D7E;border:0;border-radius:10px;font-size:11px;font-weight:700;padding:9px 11px;white-space:nowrap}
.target #withdraw-button:disabled{background:#FFFFFF12;color:#D0E0F6;opacity:.7;cursor:default}
.target #withdraw-button span{margin-left:5px}
.list-head{font-size:17px;margin:0 0 7px;color:#102A50}
.list-head span{font-size:11px}
.hand-hint{font-size:12px;line-height:1.5;margin:0 0 5px;color:#52647C}
.hand-hint>span{display:block;font-size:10px;margin-top:4px;color:#61718A}
.mission-hand{gap:12px;padding:16px 8px 22px;scroll-snap-type:x proximity}
.dock-cards{gap:4px;height:112px;padding-left:7px;padding-right:10px}
.dock-card{flex-basis:137px;box-shadow:0 -3px 12px #0B3D7E0D}
.dock-card strong{font-size:12px}
.dock-meta{font-size:10px}
.dock-label{font-size:10px;color:#426184}
.scroll-reveal{opacity:.35;transform:translateY(8px);transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.scroll-reveal.in-view{opacity:1;transform:none}
.micro-hero.scroll-reveal{opacity:1;transform:none}
.target{backface-visibility:hidden}
@media(max-width:360px){.progress-heading>span{max-width:105px}
.target{padding:16px}
.balance-line{gap:6px}
.balance-line>span{font-size:9px}
.micro-main h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.scroll-reveal{opacity:1;transform:none;transition:none}
.target .bar i{transition:none}}
.goal-visual{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(135deg,#EAF3FF,#F6FAFF);border:1px solid #DCEAFF;border-radius:22px;margin-bottom:20px}
.goal-visual img{width:90px;height:90px;object-fit:contain}
.goal-visual span{display:block;font-size:8px;letter-spacing:.6px;color:#1B61BD;font-weight:700;margin-bottom:8px}
.goal-visual strong{display:block;font-size:19px;line-height:1.3;color:#102A50}
.goal-title{font-size:26px;line-height:1.2;letter-spacing:-.6px;margin:0 0 10px}
.goal-description{font-size:12px;line-height:1.6;color:#52647C;margin:0 0 17px}
.target-choices{gap:10px}
.target-choice{padding:14px 13px;gap:11px;border-radius:17px;transition:background .25s,border-color .25s,transform .25s}
.target-choice.selected{background:#EDF5FF;box-shadow:0 4px 16px #2A83FD12;transform:translateY(-2px)}
.target-choice strong{font-size:20px}
.target-choice small{font-size:10px}
.custom-goal-label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}
.custom-goal{display:flex;align-items:center;gap:10px;border:1px solid #C9DDF8;border-radius:14px;padding:12px 14px;background:#fff;color:#1B61BD;font-weight:700}
.custom-goal:focus-within{border-color:#2A83FD;box-shadow:0 0 0 3px #2A83FD14}
.custom-goal input{min-width:0;width:100%;border:0;outline:none;color:#102A50;font:inherit;font-size:19px;background:transparent}
.goal-feedback{padding:10px 12px;background:#F0F5FC;color:#294F80;border-radius:12px;font-size:11px;line-height:1.5}
.goal-error{font-size:11px!important;line-height:1.5!important;color:#B03838!important;margin:8px 0}
.goal-error:empty{display:none}
.preference-skip{border:1px solid #7898BF;color:#fff;background:#FFFFFF0D;font:inherit;font-size:12px;border-radius:14px;padding:14px;width:100%}
.choose .journey-footer{padding-top:12px}
#target-modal{max-height:90vh;max-height:90svh;overflow:auto;padding:23px}
#target-modal .goal-visual{margin-top:18px}
#target-modal .goal-title{font-size:23px}
@media(max-height:730px){.goal-visual{padding:11px;margin-bottom:14px}
.goal-visual img{width:65px;height:65px}
.goal-title{font-size:23px}
.target-choice{padding:11px}
.custom-goal-label{margin-top:14px}
.goal-description{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.target-choice{transition:none}}
.period-disclaimer{font-size:10px;line-height:1.5;color:#61718A;margin:7px 0}
.goal-description{font-size:12px}
.target-choice small{font-size:10px;line-height:1.5}
#target-modal{position:fixed;inset:0;width:min(430px,100%);max-width:430px;max-height:none;height:100vh;height:100dvh;margin:0 auto;border-radius:0;padding:0;box-sizing:border-box;background:#fff;overflow-y:auto;box-shadow:none}
#target-modal[open]{display:flex;flex-direction:column}
#target-modal::backdrop{background:#E2E8F1}
.target-page-header{flex-shrink:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #EFF3F9;color:#102A50;font-size:13px;font-weight:600}
.target-page-header button{width:33px;height:33px;border:1px solid #DBE6F6;border-radius:50%;background:white;color:#294F80;font-size:26px;cursor:pointer}
.target-header-spacer{width:33px}
.target-page-body{flex:1;padding:22px;min-height:0}
.target-page-footer{padding:14px 22px calc(20px + env(safe-area-inset-bottom));background:#fff;position:sticky;bottom:0;border-top:1px solid #EEF3FA;flex-shrink:0}
.target-page-footer .primary{margin:0!important;min-height:50px;font-size:13px;width:100%;background:#1D69D4;color:#fff}
.target-page-footer .primary:disabled{background:#D8E1EF;color:#596C85}
.custom-target-option{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:12px;border:1px solid #D9E4F4;border-radius:16px;background:#fff;color:#102A50;padding:16px;text-align:left;font:inherit;cursor:pointer}
.custom-target-option strong{font-size:13px;display:block}
.custom-target-option small{display:block;font-size:10px;color:#52647C;margin-top:6px}
.custom-target-option>b{font-size:25px;color:#426184}
.custom-target-option.selected{border-color:#2A83FD;background:#EDF5FF}
.custom-target-page{padding-top:35px}
.custom-target-page .goal-title{margin-top:16px;font-size:29px}
.custom-target-page .custom-goal{margin-top:10px;padding:18px 16px}
.custom-target-page .custom-goal input{font-size:27px}
.custom-limit{font-size:11px!important;color:#61718A!important;margin:12px 0}
.custom-period{background:#EDF5FF;border:1px solid #D8E7FA;border-radius:14px;padding:15px;font-size:12px;color:#294F80;line-height:1.6;margin-top:24px}
#target-modal .goal-visual{margin-top:0}
.target-page-body .period-disclaimer{margin-top:12px}
.target-page-body button:focus-visible{outline:2px solid #2A83FD;outline-offset:3px}
.landing-mission-card.swipe-card{position:relative;z-index:1;height:auto;min-height:0;max-height:none;background:#102F58;border:1px solid #315B8F;touch-action:pan-y;cursor:grab}
.landing-mission-card .card-face{flex:none;min-height:170px;padding:15px;box-sizing:border-box}
.landing-mission-card .preference-art{inset:27px 22px 33px;height:110px;width:calc(100% - 44px)}
.landing-mission-card .card-face .ease{font-size:9px;align-self:flex-start}
.landing-mission-card .card-type{font-size:12px;margin-top:auto}
.landing-mission-card .card-bottom{padding:17px 18px 16px}
.landing-mission-card .card-bottom h3{font-size:19px;line-height:1.3;letter-spacing:-.4px;margin:0 0 9px;color:white}
.landing-mission-card .card-bottom p{font-size:11px;color:#D0E1F9;margin:0 0 13px}
.landing-mission-card .card-reward{font-size:9px;align-items:center;margin:0}
.landing-mission-card .card-reward b{font-size:14px;padding:7px 11px;background:#DDEBFF;color:#153F77}
.landing-mission-card .take-deck-mission{display:flex;align-items:center;justify-content:space-between;margin-top:14px;width:100%;padding:12px 15px;font-size:12px;border:0;border-radius:12px;background:#2A83FD;color:#fff;font-weight:700;cursor:pointer}
.deck-feedback{display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:34px;margin-bottom:14px;padding:10px 12px;border-radius:12px;background:#EDF5FF;font-size:10px;line-height:1.5;color:#426184}
.deck-feedback button{border:0;background:none;color:#1B61BD;font:inherit;font-size:10px;font-weight:700;cursor:pointer;flex-shrink:0}
.deck-feedback button[hidden]{display:none}
.take-deck-mission:focus-visible{outline:2px solid #2A83FD;outline-offset:4px}
.mission-hand.card-hand{display:flex;overflow-x:auto;overflow-y:hidden;gap:14px;padding:18px 9px 22px;margin:0 -9px;scroll-snap-type:x proximity;touch-action:pan-x pan-y}
.card-hand[hidden]{display:none}
.hand-choice{flex:0 0 246px;scroll-snap-align:center;transform:rotate(var(--tilt));transition:transform .35s cubic-bezier(.22,1,.36,1);padding:0 2px}
.hand-choice:focus-within{transform:rotate(0) translateY(-4px)}
.card-hand .landing-mission-card{width:100%;box-sizing:border-box;cursor:pointer;touch-action:auto;border-radius:20px;box-shadow:0 10px 22px #0b3d7e26}
.card-hand .card-face{min-height:168px}
.card-hand .card-bottom{padding:15px}
.card-hand .card-bottom h3{font-size:18px;min-height:70px;margin-bottom:8px}
.card-hand .card-bottom p{font-size:12px;min-height:30px}
.card-hand .take-deck-mission{font-size:14px;padding:12px}
.card-feedback-actions{display:flex;gap:8px;margin-top:10px}
.card-feedback-actions button{flex:1;padding:12px 8px;background:#eaf3ff;border:1px solid #bad6ff;border-radius:14px;color:#0b3d7e;font-size:16px;font-weight:700}
.card-feedback-actions span{font-size:14px}
.card-feedback-actions button:last-child{background:#2a83fd;color:white;border-color:#2a83fd}
.card-feedback-actions button:active{transform:scale(.95)}
.round-summary{padding:22px 18px;border-radius:22px;background:#eaf3ff;color:#0b3d7e;margin:14px 0}
.round-summary h3{font-size:22px;margin:10px 0}
.round-summary p{font-size:14px;line-height:1.5}
.round-summary>small{display:block;font-size:12px;line-height:1.5;margin-top:12px;color:#42648d}
#floating-hand[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.hand-choice{transition:none}}
.mission-hand.card-hand.focus-stack{display:block;position:relative;isolation:isolate;overflow:visible;margin:20px 0 0;padding:22px 12px 6px;touch-action:pan-y;scroll-snap-type:none}
.focus-stack:before,.focus-stack:after{content:'';position:absolute;pointer-events:none;top:12px;left:22px;right:22px;height:calc(100% - 123px);border-radius:21px;background:#c6dcff;border:1px solid #96bfff;z-index:0;transform:rotate(-4deg);transform-origin:50% 90%}
.focus-stack:after{top:5px;background:#e1edff;transform:rotate(4deg);left:29px;right:29px}
.focus-stack .hand-choice{position:relative;z-index:1;width:100%;padding:0;transform:none;flex:none;isolation:isolate}
.focus-stack .hand-choice[hidden]{display:none}
.focus-stack .hand-choice:focus-within{transform:none}
.focus-stack .landing-mission-card{position:relative;z-index:1;touch-action:pan-y;height:auto}
.focus-stack .card-face{min-height:174px}
.focus-stack .card-bottom h3{min-height:0;font-size:19px}
.focus-stack .card-bottom p{min-height:0;margin-bottom:13px}
.focus-stack .card-feedback-actions{position:relative;z-index:2;margin:12px 0 0;background:#f9fafc}
.dock-cards{isolation:isolate;gap:8px!important;align-items:flex-end}
.dock-card+.dock-card{margin-left:0}
.dock-card{flex:1;min-width:0;max-width:none;box-shadow:0 -3px 12px #0b3d7e12;transform:rotate(var(--fan));z-index:1}
.dock-card:nth-child(2){z-index:2}
#floating-hand.tucked{visibility:hidden;pointer-events:none}
body.dialog-open #floating-hand{visibility:hidden;pointer-events:none}
.focus-stack .card-face .ease{position:absolute;top:12px;left:12px}
.focus-stack .preference-art{inset:34px 22px 32px;height:108px}
.focus-stack .card-type{position:relative;z-index:2;margin-top:auto}
.mission-hand.card-hand.focus-stack[hidden]{display:none}
.mission-hand.card-hand.focus-stack{padding:17px 16px 4px;margin-top:14px}
.focus-stack:before,.focus-stack:after{height:calc(100% - 120px);top:9px;left:25px;right:25px;transform:rotate(-3deg)}
.focus-stack:after{top:3px;left:30px;right:30px;transform:rotate(3deg)}
.focus-stack .landing-mission-card{border-radius:18px;box-shadow:0 8px 16px #0b3d7e14;border:1px solid #315b8f}
.focus-stack .card-face{min-height:124px;height:124px;padding:12px}
.focus-stack .card-face .ease{top:10px;left:11px;font-size:11px;padding:5px 8px;background:#ffffffcc;border-radius:9px}
.focus-stack .preference-art{inset:15px 62px 8px;width:calc(100% - 124px);height:101px;object-fit:contain}
.focus-stack .card-bottom{padding:14px 16px 15px}
.focus-stack .card-bottom h3{font-size:18px;line-height:1.3;letter-spacing:-.2px;margin:0 0 11px;min-height:0;color:#fff}
.mission-quick-info{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d0e1f9;font-size:14px;line-height:1.4}
.mission-quick-info b{font-size:19px;font-weight:700;letter-spacing:-.3px;color:#fff}
.focus-stack .take-deck-mission{justify-content:center;margin-top:13px;padding:11px 14px;border-radius:11px;font-size:14px;min-height:42px}
.focus-stack .card-feedback-actions{gap:10px;margin-top:10px}
.focus-stack .card-feedback-actions button{padding:10px 8px;font-size:17px;min-height:42px;border-radius:12px}
.focus-stack .card-feedback-actions span{font-size:14px}
.hand-hint span{line-height:1.55}
.deck-feedback{margin-top:10px}
.focus-stack .card-face .ease{z-index:2}
@media(max-width:350px){.focus-stack .preference-art{inset:18px 45px 8px;width:calc(100% - 90px);height:98px}}
.flow-secondary{display:block;width:100%;background:transparent;border:0;color:#1d69d4;padding:14px;font-size:14px}
.missions{padding-bottom:35px}
.intro-story .journey-content{display:grid;grid-template-rows:minmax(140px,auto) minmax(170px,1fr) minmax(66px,auto);gap:18px;padding-top:22px;justify-content:stretch;align-items:center}
.intro-story .intro-copy{width:100%;align-self:start;min-height:140px;display:flex;flex-direction:column;justify-content:flex-start}
.intro-story .on-label{font-size:12px;line-height:1.4;min-height:18px;margin:0 0 14px}
.intro-story .on-title{font-size:26px;line-height:1.25;letter-spacing:-.6px;max-width:350px;margin:0 auto;min-height:100px}
.intro-story .on-ui,.intro-0 .on-ui{min-height:0;height:100%;max-height:290px;width:100%;max-width:330px;margin:0 auto!important;align-self:center}
.intro-story .onboarding-art{height:100%;width:100%;max-height:290px;object-fit:contain}
.intro-story .on-description{font-size:14px;line-height:1.55;min-height:66px;max-width:340px;width:100%;margin:0 auto;padding:0;background:transparent;border-radius:0;align-self:end}
.intro-story .journey-footer{padding-top:20px}
.intro-story .journey-footer .primary{font-size:14px;line-height:1.4;min-height:52px}
.intro-story #pause-intro{display:block}
@media(max-height:700px){.intro-story .journey-content{grid-template-rows:130px minmax(130px,1fr) 62px;gap:12px;padding-top:14px}
.intro-story .intro-copy{min-height:130px}
.intro-story .on-title{font-size:23px;min-height:90px}
.intro-story .on-ui,.intro-story .onboarding-art{max-height:205px}
.intro-story .on-description{font-size:13px;min-height:62px}
.intro-story .journey-footer{padding-top:12px}}
@media(max-width:350px){.intro-story{padding-left:18px;padding-right:18px}
.intro-story .on-title{font-size:23px}
.intro-story .on-label{font-size:11px}}
.hand-hint{font-size:14px;line-height:1.55;color:#52647c;margin:0 0 8px}
.hero-back{width:38px;height:38px;border:1px solid #d7e5f8;border-radius:50%;background:#fff;color:#0b3d7e;font-size:27px;line-height:1;display:grid;place-items:center;margin:0 0 14px;padding:0}
.micro-hero{padding-top:18px}
.list-head>span{display:none}
.deck-feedback[hidden],.closing[hidden]{display:none}
.deck-feedback:empty{display:none}
.deck-feedback{font-size:13px}
.hand-hint{margin-bottom:6px}
.missions .progress-heading>span{font-size:12px}
.target #withdraw-button span{display:none}
.target{padding:16px;border-radius:18px;margin-top:10px}
.target-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.target-top>span{font-size:12px;line-height:1.3;color:#d7e6fb}
.progress-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.target .progress-actions button{min-height:36px;padding:8px 9px;font-size:12px;line-height:1.3;border-radius:10px}
.target #change-target{border:1px solid #ffffff35;background:#ffffff0c;color:#fff}
.target #withdraw-button{background:#fff;color:#0b3d7e;min-height:36px;border:0;padding:8px 10px;font-size:12px}
.target #withdraw-button:disabled{background:#ffffff16;color:#c0d5f0;opacity:1}
.target .balance-line{margin:12px 0 8px;align-items:center}
.target .balance-line h3{font-size:28px;line-height:1.15}
.target .balance-line>span{font-size:12px;line-height:1.4}
.target #progress-copy strong{color:white;font-weight:700}
.target[data-mood="complete"] #progress-copy strong{color:#c4ebd8}
.target #progress-copy{font-size:12px;line-height:1.5;margin:0 0 11px;color:#d9e8fc}
.target .bar{height:5px}
.target .ends{font-size:12px;margin-top:7px;gap:10px}
.target #withdraw-hint{font-size:11px;line-height:1.4;color:#c5dafa;margin:9px 0 0}
.target #withdraw-hint[hidden]{display:none}
@media(max-width:350px){.target{padding:14px}
.target-top>span{font-size:11px}
.target .progress-actions button{font-size:11px;padding:8px}
.target #withdraw-button{font-size:11px;padding:8px}
.progress-actions{gap:5px}}
.target-choice{gap:12px}
.target-choice>span:not(.radio){flex:1}
.target-choice .radio{flex-shrink:0}
:root{--accent-green:#287353;--accent-mint:#C4EBD8}
.intro-story .on-title mark{color:#287353;background:transparent;text-decoration-color:#C4EBD8;text-decoration-thickness:3px}
.intro-story .on-description strong,.goal-visual strong,.goal-feedback{color:#287353}
.target-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;min-height:88px;width:100%;color:#163359;border:1px solid #d6e3f7;background:#fff;transform:none}
.target-choice .target-option-copy{display:block;flex:1 1 auto;min-width:0}
.target-choice>.radio{display:grid;place-items:center;flex:0 0 22px;width:22px;min-width:22px;max-width:22px;height:22px;min-height:22px;max-height:22px;aspect-ratio:1;border:1.5px solid #b4cbea;border-radius:50%;background:#fff;font-size:13px;line-height:1;box-sizing:border-box}
.target-choice.selected{background:#edf5ff;border:2px solid #2a83fd;padding:15px;transform:none;box-shadow:0 3px 12px #2a83fd0d}
.target-choice.selected>.radio{background:#2a83fd;border-color:#2a83fd;color:#fff}
.target-choice strong{font-size:20px;line-height:1.25}
.target-choice small{font-size:13px;line-height:1.5;margin-top:7px}
.target-choice>span:not(.radio){flex:1 1 auto}
.target-choice .radio{flex-grow:0!important}
.goal-title{color:#102a50}
.intro-story .journey-footer .primary{background:#2a83fd;color:white}
#goal-period-end{margin-top:14px;padding-top:13px;border-top:1px solid #ffffff25;animation:introReveal .4s ease}
#goal-period-end[hidden]{display:none}
#goal-period-end strong{font-size:13px;line-height:1.5;display:block}
#goal-period-end p{font-size:11px;margin:6px 0 10px}
#goal-period-end button{padding:10px 12px;border:1px solid #ffffff40;border-radius:10px;font-size:12px;color:white;background:#ffffff12}
#goal-feedback-modal{width:min(390px,calc(100% - 32px));box-sizing:border-box;border:0;border-radius:24px;padding:24px;max-height:88vh;max-height:88svh;overflow:auto;color:#102a50}
#goal-feedback-modal::backdrop{background:#071b3866}
#goal-feedback-modal h2{font-size:23px;line-height:1.3;margin:14px 0}
#goal-feedback-modal p{font-size:13px;line-height:1.6;color:#52647c}
#goal-feedback-modal label{display:flex;gap:10px;align-items:center;border:1px solid #d8e5f8;padding:13px 12px;margin:8px 0;border-radius:12px;font-size:13px}
#goal-feedback-modal input{accent-color:#2a83fd;width:18px;height:18px}
#goal-feedback-modal textarea{box-sizing:border-box;width:100%;min-height:88px;border:1px solid #d8e5f8;border-radius:12px;padding:12px;margin:10px 0;font:inherit;font-size:13px}
#goal-feedback-modal .primary{width:100%;min-height:46px}
.feedback-close{float:right;border:0;border-radius:50%;width:32px;height:32px;background:#edf5ff;color:#102a50;font-size:22px}
.feedback-error{color:#a32d37!important}
#mission-tabs{display:flex;gap:4px;background:#eaf1fa;border-radius:13px;padding:4px;margin:15px 0 17px}
#mission-tabs button{flex:1;min-height:42px;border:0;background:transparent;color:#52647c;border-radius:10px;font:inherit;font-size:13px;font-weight:600}
#mission-tabs button[aria-selected="true"]{background:white;color:#1d69d4;box-shadow:0 2px 6px #0b3d7e0a}
#mission-tabs span{font-size:10px;border-radius:20px;padding:2px 6px;background:#eaf3ff;color:#1d69d4;margin-left:4px}
#mission-discover-panel[hidden],#owned-mission-panel[hidden],.hand-hint[hidden],.round-summary[hidden]{display:none!important}
.owned-mission{display:flex;align-items:flex-start;gap:13px;padding:16px;background:#fff;border:1px solid #dee8f5;border-radius:17px;margin:12px 0}
.owned-mission>img{width:62px;height:62px;object-fit:contain;background:#f4f8fd;border-radius:12px}
.owned-mission>div{flex:1;min-width:0}
.owned-mission h3{font-size:15px;line-height:1.4;margin:6px 0}
.owned-mission p{font-size:12px;color:#52647c;margin:0 0 10px}
.owned-mission button,.owned-empty button{min-height:36px;padding:8px 12px;border:1px solid #cbdff8;border-radius:10px;color:#1d69d4;background:#f2f7ff;font:inherit;font-size:12px}
.owned-empty{padding:30px 18px;background:white;border:1px solid #dee8f5;border-radius:18px;text-align:center}
.owned-empty h3{font-size:17px;margin:0 0 9px}
.owned-empty p{font-size:13px;color:#52647c;line-height:1.6}
.target{transition:background .6s ease,border-color .6s ease;position:relative;overflow:hidden;border:1px solid transparent}
.target[data-mood="start"],.target[data-mood="early"]{background:#0b3d7e}
.target[data-mood="half"]{background:linear-gradient(130deg,#124c98,#1b61bb)}
.target[data-mood="near"]{background:linear-gradient(130deg,#1554a3,#2a83fd)}
.target[data-mood="complete"]{background:linear-gradient(130deg,#0b3d7e,#1558b1);border-color:#92cfb0}
.target[data-mood="expired"]{background:#24476f}
.target[data-mood="complete"] .bar i{background:#a8dfc0}
.target[data-mood="near"] .bar i{background:#b8dcff}
.target #progress-copy strong{color:white;font-weight:700}
.target[data-mood="complete"] #progress-copy strong{color:#c4ebd8}
.target #progress-copy{font-size:12px;line-height:1.55;margin-bottom:13px}
.target #goal-period-end p{margin:0 0 10px}
.target[data-mood="complete"] #change-target{background:white;color:#154f99;border-color:white}
.target[data-mood="expired"] #change-target{background:white;color:#24476f}
.target[data-mood="complete"] #progress-percentage{color:#c4ebd8;font-weight:600}
@media(prefers-reduced-motion:reduce){.target{transition:none}}
.target{isolation:isolate;padding:16px;border-radius:22px!important;background:#eef6ff!important;border:1px solid #d5e6ff!important;color:#102a50!important;box-shadow:0 5px 18px #0b3d7e08}
.target>*:not(#progress-scene){position:relative;z-index:2}
.target .target-top{color:#52647c!important}
.target .target-top>span{font-size:11px}
.target .progress-actions button{background:#ffffffb8;color:#1d69d4;border:1px solid #c6dcfa}
.target #withdraw-button{background:#2a83fd!important;color:#fff!important}
.target #withdraw-button:disabled{background:#dfeafa!important;color:#657f9f!important;opacity:1}
.target #change-target{color:#1d69d4!important;background:#fff!important;border-color:#c6dcfa!important}
.target .balance-line{min-height:59px;align-items:center;justify-content:flex-start;gap:8px;padding-right:82px;margin:12px 0 8px;flex-wrap:wrap}
.target .balance-line h3{color:#0b3d7e!important;font-size:29px!important;flex-basis:100%}
.target .balance-line>span{color:#52647c!important}
.target .balance-line b{color:#1d69d4!important}
.target #progress-copy{color:#456183!important;margin:0 0 13px;font-size:11px;line-height:1.5;max-width:100%}
.target #progress-copy strong{color:#0b3d7e!important}
.target .bar{background:#cbdff7!important;height:6px}
.target .bar i{background:#2a83fd!important}
.target .ends{color:#456183!important;font-size:10px}
.target #goal-period-end{border-color:#b9cfe8;margin-top:10px;padding-top:10px}
.target #goal-period-end button{background:#fff;color:#1d69d4;border-color:#bfd6f3}
.target[data-mood="half"]{background:linear-gradient(115deg,#e9f3ff 38%,#d5e9ff)!important}
.target[data-mood="near"]{background:linear-gradient(115deg,#e7f3ff 25%,#c4e1ff)!important}
.target[data-mood="complete"]{background:linear-gradient(115deg,#edf7ff,#d9edff)!important;border-color:#acd2ff!important}
.target[data-mood="complete"] #progress-copy strong{color:#287353!important}
.target[data-mood="complete"] #progress-percentage{color:#287353!important}
.target[data-mood="expired"]{background:#f1f4f8!important;border-color:#dde4ed!important}
#progress-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.scene-orbit{position:absolute;width:180px;height:180px;right:-79px;top:42px;border:22px solid #2a83fd0c;border-radius:50%;transform:rotate(-25deg);transition:all .7s ease}
.scene-ribbon{position:absolute;width:280px;height:125px;right:-166px;top:20px;border-radius:50%;background:linear-gradient(135deg,#91c4ff30,#2a83fd0a);transform:rotate(-38deg);transition:all .7s ease}
.scene-wallet{position:absolute;right:18px;top:72px;width:65px;height:56px;transform:rotate(-9deg);perspective:250px;transition:transform .7s ease}
.wallet-face{position:absolute;bottom:0;left:0;width:64px;height:43px;border-radius:11px;background:linear-gradient(125deg,#65acff,#2a83fd 60%,#1765cb);box-shadow:3px 5px 0 #0b3d7e12,inset 1px 1px 1px #ffffff90}
.wallet-face>i{position:absolute;right:-3px;top:14px;width:24px;height:16px;border-radius:6px;background:linear-gradient(135deg,#0b3d7e,#1e62b8);box-shadow:0 1px 2px #0b3d7e30}
.wallet-face>i:after{content:'';position:absolute;width:4px;height:4px;background:#b9d9ff;border-radius:50%;top:6px;left:6px}
.scene-wallet-lid{position:absolute;bottom:28px;left:0;width:60px;height:22px;background:#1358b2;border-radius:9px;transform:rotate(-4deg)}
.scene-coin{position:absolute;width:25px;height:25px;border-radius:50%;background:linear-gradient(130deg,#fff,#bddcff);border:3px solid #82b9fa;box-shadow:2px 2px 0 #1765cb40;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800;color:#1765cb;left:21px;bottom:26px;transition:transform .7s,opacity .7s}
.coin-two{left:3px;bottom:28px;transform:translateY(14px);opacity:0}
.coin-three{left:38px;bottom:30px;transform:translateY(14px);opacity:0}
.scene-star{position:absolute;right:15px;top:68px;font-size:14px;font-style:normal;color:#2a83fd;opacity:0;transition:opacity .6s,transform .7s}
.star-two{right:88px;top:107px;font-size:10px}
.target[data-mood="start"] .scene-coin{opacity:0}
.target[data-mood="half"] .coin-one{transform:translateY(-9px)}
.target[data-mood="half"] .coin-two{opacity:1;transform:translateY(-1px)}
.target[data-mood="half"] .scene-orbit{border-width:29px;right:-72px}
.target[data-mood="near"] .scene-wallet{transform:rotate(2deg) translateY(-2px)}
.target[data-mood="near"] .coin-one{transform:translateY(-20px)}
.target[data-mood="near"] .coin-two{opacity:1;transform:translateY(-9px)}
.target[data-mood="near"] .coin-three{opacity:1;transform:translateY(-6px)}
.target[data-mood="near"] .scene-star{opacity:1}
.target[data-mood="near"] .scene-ribbon{background:linear-gradient(130deg,#2a83fd30,#89c5ff40);right:-155px}
.target[data-mood="complete"] .scene-wallet{transform:rotate(-5deg) translateY(2px)}
.target[data-mood="complete"] .scene-wallet-lid{transform:translateY(-17px) rotate(-24deg)}
.target[data-mood="complete"] .coin-one{transform:translateY(-27px)}
.target[data-mood="complete"] .coin-two{opacity:1;transform:translate(-5px,-14px)}
.target[data-mood="complete"] .coin-three{opacity:1;transform:translate(5px,-17px)}
.target[data-mood="complete"] .scene-star{opacity:1;color:#287353;transform:scale(1.2)}
.target[data-mood="complete"] .scene-orbit{border-color:#2a83fd18;border-width:32px;right:-72px}
.target[data-mood="expired"] .scene-wallet{transform:rotate(0);filter:saturate(.35);opacity:.6}
.target[data-mood="expired"] .scene-coin{opacity:0}
.target[data-mood="expired"] .scene-orbit{border-color:#c8d3e320}
.target[data-mood="expired"] .scene-ribbon{background:#dde4ed50}
@media(max-width:350px){.target .progress-actions button{font-size:10px;padding:7px}
.scene-wallet{right:13px}
.target .balance-line{padding-right:73px}
.target .balance-line h3{font-size:26px!important}}
@media(prefers-reduced-motion:reduce){#progress-scene *{transition:none!important}}
.micro-hero{padding:16px 20px 14px!important}
.micro-main{min-height:112px;grid-template-columns:minmax(0,1fr) 108px;gap:10px}
.micro-main h1{font-size:27px;line-height:1.15;margin:8px 0}
.micro-main p{font-size:12px;line-height:1.5}
.micro-object,.micro-object img.hero-art{width:108px;height:116px}
.benefit-auto{margin-top:9px;padding-top:8px;min-height:28px}
.missions{padding-top:19px}
.mission-inner{gap:21px}
.missions .progress-heading h2{font-size:18px}
.missions .progress-heading>span{font-size:11px;color:#456183}
.target{margin-top:9px;padding:15px!important}
.target .target-top>span{color:#456183!important;font-size:11px!important;line-height:1.4}
.target .progress-actions{gap:6px}
.target .progress-actions button{font-size:11px;line-height:1.3;min-height:34px;padding:7px 9px}
.target #change-target{color:#1557a7!important;border-color:#b5ceed!important}
.target #withdraw-button{background:#1d69d4!important;color:#fff!important;border:1px solid #1d69d4!important}
.target #withdraw-button:disabled{background:#e0eafa!important;color:#52647c!important;border-color:#c6d5e9!important;opacity:1}
.target[data-mood="complete"][data-withdrawable="false"] #change-target{background:#1d69d4!important;color:#fff!important;border-color:#1d69d4!important}
.target .balance-line{min-height:53px;margin:9px 0 8px;gap:3px;padding-right:80px}
.target .balance-line h3{font-size:28px!important;line-height:1.15}
.target .balance-line>span{font-size:11px!important;color:#456183!important}
.target .balance-line b{color:#1557a7!important}
.target #progress-copy{font-size:12px!important;line-height:1.5!important;color:#456183!important;margin:0 0 11px!important;min-height:0}
.target #progress-copy strong{color:#0b3d7e!important}
.target .ends,.target .ends>span{font-size:11px!important;color:#456183!important;line-height:1.4}
.target[data-mood="complete"] #progress-percentage,.target[data-mood="complete"] #progress-copy strong{color:#236446!important}
.target #goal-period-end button{color:#1557a7!important;background:#fff!important;border-color:#b5ceed!important}
.scene-orbit{opacity:.55}
.scene-ribbon{opacity:.45}
.scene-wallet{top:66px;right:17px;transform:rotate(-7deg) scale(.95)}
.scene-star{opacity:0}
.target[data-mood="near"] .scene-star,.target[data-mood="complete"] .scene-star{opacity:.8}
.target[data-mood="near"] .scene-wallet{transform:rotate(2deg) scale(.95)}
.target[data-mood="complete"] .scene-wallet{transform:rotate(-5deg) scale(.95)}
#mission-tabs{margin:12px 0 12px}
.list-head{margin-bottom:0}
.hand-hint{font-size:11px;line-height:1.45}
.mission-hand.card-hand.focus-stack{margin-top:14px;padding-top:19px}
@media(max-width:350px){.micro-main{grid-template-columns:minmax(0,1fr) 96px}
.micro-object,.micro-object img.hero-art{width:96px;height:108px}
.micro-main h1{font-size:25px}
.target .progress-actions button{font-size:10px;padding:6px 7px}
.target .balance-line h3{font-size:26px!important}}
.focus-stack .landing-mission-card{cursor:grab;will-change:transform}
.focus-stack.is-dragging .landing-mission-card{cursor:grabbing}
.focus-stack.is-dragging:before{transform:rotate(-2deg) scale(.98)}
.focus-stack.is-dragging:after{transform:rotate(2deg) scale(.99)}
.focus-stack:before,.focus-stack:after{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.target,.target[data-mood="start"],.target[data-mood="early"]{background:linear-gradient(115deg,#0b3d7e 35%,#185bad)!important;border-color:#174f98!important;box-shadow:0 8px 22px #0b3d7e22}
.target[data-mood="half"]{background:linear-gradient(115deg,#0d478f,#2174d7)!important}
.target[data-mood="near"]{background:linear-gradient(115deg,#1052a5,#2a83fd)!important}
.target[data-mood="complete"]{background:linear-gradient(115deg,#0b3d7e,#1a66c1)!important;border-color:#8bc2ff!important}
.target[data-mood="expired"]{background:linear-gradient(115deg,#24476f,#46668d)!important;border-color:#46668d!important}
.target .target-top>span,.target .balance-line>span,.target #progress-copy,.target .ends,.target .ends>span{color:#e1edff!important}
.target .balance-line h3,.target .balance-line b,.target #progress-copy strong{color:#fff!important}
.target #progress-copy strong{font-weight:700}
.target #withdraw-button{background:#fff!important;border-color:#fff!important;color:#1557a7!important}
.target #withdraw-button:disabled{background:#ffffff12!important;border-color:#ffffff35!important;color:#d9e8fc!important}
.target #change-target{background:#ffffff12!important;border-color:#ffffff50!important;color:#fff!important}
.target[data-mood="complete"][data-withdrawable="false"] #change-target{background:#fff!important;color:#1557a7!important;border-color:#fff!important}
.target .bar{background:#ffffff30!important}
.target .bar i{background:#9bceff!important}
.target[data-mood="complete"] .bar i{background:#b9e8cf!important}
.target[data-mood="complete"] #progress-percentage,.target[data-mood="complete"] #progress-copy strong{color:#c4ebd8!important}
.scene-orbit{border-color:#78b9ff22!important;opacity:1}
.scene-ribbon{background:linear-gradient(130deg,#76b9ff35,#ffffff08)!important;opacity:.7}
.scene-wallet{filter:drop-shadow(0 4px 7px #001f4530)}
.target[data-mood="expired"] .scene-wallet{filter:saturate(.45);opacity:.7}
.target[data-mood="near"] .scene-star{color:#d4eaff}
.target[data-mood="complete"] .scene-star{color:#c4ebd8}
.target #goal-period-end{border-color:#ffffff30}
.target #goal-period-end button{background:#ffffff12!important;border-color:#ffffff50!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){.focus-stack:before,.focus-stack:after{transition:none}}
.inline-learn{margin-top:24px;padding-top:20px;border-top:1px solid #dce7f5}
.missions .inline-learn h2{font-size:17px;line-height:1.4;margin:0 0 7px;letter-spacing:-.3px}
.inline-learn>p{font-size:12px;line-height:1.5;color:#52647c;margin:0 0 11px}
.inline-guide-panel{display:flex;align-items:center;gap:13px;padding:13px;background:#fff;border:1px solid #d8e5f8;border-radius:16px;min-height:110px;box-sizing:border-box;touch-action:pan-y}
.inline-guide-panel>img{width:66px;height:70px;object-fit:contain;flex-shrink:0}
.inline-guide-panel>div{flex:1;min-width:0}
.inline-guide-panel span{font-size:9px;color:#1d69d4;letter-spacing:.5px;font-weight:600}
.inline-guide-panel h3{font-size:14px;line-height:1.4;margin:5px 0}
.inline-guide-panel p{font-size:11px;line-height:1.5;color:#52647c;margin:0}
.inline-guide-controls{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.inline-guide-controls>button{border:0;background:transparent;min-height:34px;padding:5px 0;color:#1557a7;font-size:11px}
.inline-guide-controls>button:disabled{opacity:.35}
.inline-guide-controls>div{display:flex;gap:6px}
.inline-guide-controls [data-inline-step]{border:0;padding:0;width:7px;height:7px;border-radius:10px;background:#c5d8f3;position:relative}
.inline-guide-controls [data-inline-step]:before{content:'';position:absolute;inset:-12px -7px}
.inline-guide-controls [aria-pressed="true"]{width:20px;background:#2a83fd}
.landing-mission-card{background:#fff!important;border:1px solid #dce6f3!important;box-shadow:0 8px 24px #10365a0d!important}
.landing-mission-card .card-face{background:#f3f7fc!important}
.take-deck-mission{background:#2a83fd!important;color:#fff!important;min-height:46px;width:100%;border-radius:13px!important}
.card-feedback-actions button{background:transparent!important;border:1px solid #dbe5f2!important;color:#64758b!important;box-shadow:none!important}
.round-summary{background:transparent!important;text-align:center;padding:22px 14px!important}
.empty-deck-art{width:144px;height:120px;object-fit:contain;margin-bottom:10px}
.round-summary h3{font-size:18px!important;margin:0 0 8px!important}
.round-summary p{font-size:12px!important;line-height:1.5;max-width:260px;margin:0 auto 16px!important}
.round-summary .primary{min-height:46px;font-size:14px;width:100%;max-width:260px}
.owned-mission{display:block!important;padding:14px!important;background:#fff!important;border:1px solid #dce3ef!important;border-radius:16px!important;box-shadow:0 3px 8px #1838580b!important}
.owned-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px;font-size:10px;color:#6b7a91}
.owned-meta b{color:#a65b00;font-weight:600}
.owned-body{display:flex;align-items:center;gap:12px}
.owned-body>img{width:52px!important;height:52px!important;object-fit:contain;border:1px solid #dce3ef;border-radius:12px}
.owned-body>div{min-width:0;flex:1}
.owned-body h3{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500!important;color:#51627c!important;margin:0 0 6px!important}
.owned-body p{font-size:18px!important;color:#287353!important;font-weight:700!important;margin:0!important}
.owned-mission>button{display:block;margin:10px 0 0 auto!important;padding:6px 0!important;background:transparent!important;color:#1c67c7!important;font-size:11px!important;min-height:32px}
.intro-story .on-ui{background:#fff!important;border-radius:24px;overflow:hidden}
.intro-story .onboarding-art{width:100%!important;height:100%!important;object-fit:contain!important}
.micro-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 87% 27%,#dcecffb0 0,transparent 54%),linear-gradient(135deg,#f8fbff 0%,#edf5ff 56%,#f9fcff 100%)!important;overflow:hidden}
.micro-hero:before{content:'';position:absolute;z-index:-1;width:210px;height:210px;right:-65px;top:-85px;border-radius:50%;border:1px solid #ffffffcc;box-shadow:0 0 0 28px #ffffff35,0 0 0 56px #ffffff25;pointer-events:none}
.micro-hero:after{content:'';position:absolute;z-index:-1;width:170px;height:90px;left:-65px;bottom:-55px;transform:rotate(-18deg);border-radius:50%;background:#cde5ff50;filter:blur(16px);pointer-events:none}
.micro-hero .benefit-auto{background:transparent!important}
.focus-stack .landing-mission-card .card-bottom{background:#fff!important;color:#102a50!important}
.focus-stack .landing-mission-card .card-bottom h3{color:#102a50!important;opacity:1!important}
.focus-stack .landing-mission-card .mission-quick-info{color:#52647c!important}
.focus-stack .landing-mission-card .mission-quick-info span{color:#52647c!important;opacity:1!important}
.focus-stack .landing-mission-card .mission-quick-info b{color:#0b3d7e!important;opacity:1!important;background:transparent!important}
.focus-stack .landing-mission-card .ease{color:#1557a7!important;background:#fff!important}
.focus-stack .take-deck-mission{background:#1768d1!important;color:#fff!important}
.card-feedback-actions button[data-like]{color:#216343!important;background:#eef8f2!important;border-color:#b9ddc9!important}
.card-feedback-actions button[data-dislike]{color:#a23b3b!important;background:#fff3f2!important;border-color:#edc7c4!important}
.card-feedback-actions button[data-like]:active{background:#dcefe3!important;border-color:#216343!important}
.card-feedback-actions button[data-dislike]:active{background:#f8dfdc!important;border-color:#a23b3b!important}
.card-feedback-actions button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.inline-eyebrow{display:block;color:#1557a7;font-size:9px;font-weight:700;letter-spacing:.7px;margin-bottom:8px}
.missions .inline-learn h2{font-size:19px;line-height:1.4;max-width:300px;margin-bottom:8px}
.inline-learn>p{font-size:12px;line-height:1.6;margin-bottom:18px}
.inline-benefit-title,.inline-how-heading h3{font-size:14px;color:#102a50;line-height:1.4;margin:0}
.inline-benefit-list{list-style:none;display:grid;gap:9px;padding:0;margin:12px 0 18px}
.inline-benefit-list li{display:flex;align-items:center;gap:12px;min-height:36px;color:#344c6a;font-size:12px;line-height:1.4}
.inline-benefit-list img{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.inline-how-heading{padding-top:16px;border-top:1px solid #dce7f5;margin-bottom:12px}
.inline-how-heading span{display:block;font-size:10px;color:#52647c;margin-top:4px}
.goal-option-label{display:inline-flex!important;align-items:center;width:fit-content;font-size:9px!important;line-height:1.4;font-weight:700;letter-spacing:.1px;padding:4px 7px;border-radius:6px;margin:0 0 7px!important;background:#eaf3ff;color:#1557a7!important}
.goal-option-label.goal-label-1{background:#fff0dd;color:#8b4a08!important}
.goal-option-label.goal-label-2{background:#edf7f0;color:#216343!important}
.target-choice{min-height:106px!important}
.target-choice .target-option-copy small{line-height:1.5!important;color:#52647c!important}
.target-choice.selected .goal-option-label{box-shadow:0 0 0 1px #ffffffb0}
.inline-learn{margin-top:20px;padding-top:16px}
.missions .inline-learn h2{text-align:center;font-size:17px;max-width:none;margin:0 0 6px}
.inline-learn>p{text-align:center;font-size:12px;line-height:1.5;max-width:280px;margin:0 auto 14px}
.inline-benefit-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 16px}
.inline-benefit-list li{flex-direction:column;gap:5px;min-height:0;text-align:center;font-size:10px;line-height:1.4}
.inline-benefit-list img{width:30px;height:30px}
.inline-how-heading{padding-top:13px;margin-bottom:10px}
.inline-how-heading h3{text-align:center;font-size:13px}
.inline-guide-panel{min-height:100px;padding:11px;gap:11px}
.inline-guide-panel>img{width:54px;height:60px}
.inline-guide-controls{margin-top:4px}
.focus-stack .landing-mission-card .card-face{background:#fff!important}
.preference-art,.dock-art,#mission-category-icon{object-fit:contain}
.inline-benefit-list img,.inline-guide-panel>img,.owned-body>img{border-radius:9px}
.target{background:radial-gradient(ellipse at 95% 85%,#3380ca55,transparent 62%),linear-gradient(125deg,#103f7c,#17589e)!important}
.target[data-mood="half"]{background:radial-gradient(ellipse at 90% 80%,#85baff40,transparent 60%),linear-gradient(125deg,#114885,#2167b1)!important}
.target[data-mood="near"]{background:radial-gradient(ellipse at 95% 60%,#b8ddff40,transparent 60%),linear-gradient(125deg,#124a8e,#2577cb)!important}
.target[data-mood="complete"]{background:radial-gradient(ellipse at 90% 45%,#a5d9cd30,transparent 55%),linear-gradient(125deg,#0b3d7e,#246ab2)!important}
.scene-path{position:absolute;width:160px;height:118px;right:-14px;bottom:-13px;opacity:.19}
.scene-path circle{fill:#b8d9ff;stroke:#e2efff;stroke-width:2}
.target[data-mood="half"] .scene-path circle:first-of-type,.target[data-mood="near"] .scene-path circle:nth-of-type(-n+2),.target[data-mood="complete"] .scene-path circle{fill:#c4ebd8}
.scene-orbit{width:150px;height:150px;right:-97px;top:30px;border-width:16px!important;border-color:#aad4ff16!important;opacity:.7}
.scene-ribbon{width:100px;height:76px;right:1px;top:58px;border-radius:45% 55% 52% 48%;transform:rotate(-10deg);background:#8bbcff18!important;opacity:.7}
.scene-wallet{perspective:none;filter:none!important}
.wallet-face{background:#a6d0ff!important;border:2px solid #153d79;box-shadow:none!important;border-radius:10px}
.wallet-face>i{background:#548ddd!important;border:2px solid #153d79;box-shadow:none!important;right:-4px;top:12px}
.wallet-face>i:after{background:#e8f3ff}
.scene-wallet-lid{background:#649bdd!important;border:2px solid #153d79;box-shadow:none}
.scene-coin{background:#d7ebff!important;border:2px solid #3374bd!important;box-shadow:none!important;color:#17477f}
.target[data-mood="complete"] .scene-coin{background:#d2eedf!important;border-color:#3c8a72!important;color:#216343}
.scene-star{color:#c8e3ff!important}
.target[data-mood="complete"] .scene-star{color:#c4ebd8!important}
.target[data-mood="expired"] .scene-path{opacity:.1}
.inline-about-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.inline-about-heading>div{flex:1;min-width:0}
.inline-about-heading>img{width:86px;height:86px;object-fit:contain;flex-shrink:0;border-radius:16px}
.inline-about-heading .inline-eyebrow{font-size:9px;line-height:1.4;margin-bottom:6px}
.missions .inline-learn h2{text-align:left;font-size:18px;line-height:1.4;margin:0;max-width:250px}
.inline-learn>p{text-align:left;max-width:none;font-size:12px;line-height:1.6;margin:0 0 17px}
.inline-benefit-title{text-align:left;font-size:14px;margin:0 0 10px}
.inline-benefit-list{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 15px}
.inline-benefit-list li{flex-direction:row;align-items:center;gap:11px;text-align:left;min-height:42px;font-size:11px;line-height:1.5;color:#52647c}
.inline-benefit-list img{width:38px;height:38px;object-fit:contain;border-radius:8px}
.inline-benefit-list strong{display:block;font-size:12px;color:#102a50;font-weight:600;margin-bottom:1px}
.inline-learn>p.inline-reward-note{font-size:10px;color:#1557a7;line-height:1.6;border-left:2px solid #b7d6fd;padding-left:10px;margin:0 0 16px}
.inline-how-heading{padding-top:15px;margin-bottom:10px}
.inline-how-heading h3{text-align:left;font-size:14px}
.inline-how-heading span{font-size:11px;line-height:1.5;margin-top:3px}
.micro-object img.hero-art{mix-blend-mode:multiply;filter:none!important;object-fit:contain;transform-origin:center}
.micro-hero{background:radial-gradient(ellipse at 85% 30%,#e0efff80,transparent 55%),linear-gradient(135deg,#f9fcff,#edf5ff)!important}
.micro-hero:before{width:170px;height:170px;right:-50px;top:-65px;border:1px solid #a9cfff40;box-shadow:0 0 0 24px #b9dbff16,0 0 0 48px #d1e7ff12}
.micro-hero:after{width:120px;height:65px;left:-40px;bottom:-40px;background:#cde5ff35;filter:blur(12px)}
.micro-object:before{content:'';position:absolute;inset:12px 0;border-radius:45% 55% 50% 45%;background:#d9ecff30;z-index:0;pointer-events:none}
.micro-object img{position:relative}
.micro-object img.hero-art{position:absolute}
.target{background:linear-gradient(110deg,#092f68 12%,#164b91 66%,#226ab1)!important;border-color:#417fbf!important;box-shadow:0 9px 24px #0b3d7e25,inset 0 1px 0 #ffffff20!important}
.target[data-mood="half"]{background:linear-gradient(110deg,#0b3876 12%,#195da7 65%,#3889d3)!important}
.target[data-mood="near"]{background:linear-gradient(110deg,#0b3d7e 10%,#1768c2 68%,#4298e5)!important}
.target[data-mood="complete"]{background:linear-gradient(110deg,#09376f 10%,#1354a1 66%,#347dac)!important;border-color:#9ddace!important}
.target[data-mood="expired"]{background:linear-gradient(110deg,#29496e,#4c6c8d)!important;border-color:#728ba6!important}
.progress-sweep{position:absolute;width:230px;height:230px;right:-152px;top:-74px;border:30px solid #8cc5ff22;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 1px #c5e2ff24,0 0 0 22px #82baff0b;transition:border-color .6s,transform .6s}
.progress-halo{position:absolute;width:190px;height:120px;right:-105px;bottom:-73px;border-radius:50%;border:1px solid #b1daff55;background:linear-gradient(130deg,#89c7ff25,#78baff06);transform:rotate(-25deg);transition:background .6s,transform .6s}
.target[data-mood="half"] .progress-sweep{border-color:#a9d5ff30;transform:rotate(-10deg) translateX(-5px)}
.target[data-mood="near"] .progress-sweep{border-color:#c3e6ff38;transform:rotate(8deg) translateX(-10px)}
.target[data-mood="complete"] .progress-sweep{border-color:#b8e8d238;box-shadow:0 0 0 1px #d2f3e74a,0 0 0 22px #b8e8d20b;transform:rotate(18deg) translateX(-10px)}
.target[data-mood="complete"] .progress-halo{background:linear-gradient(130deg,#bcefd33b,#88bfff08);border-color:#c2ecda66}
.target[data-mood="expired"] .progress-sweep,.target[data-mood="expired"] .progress-halo{opacity:.3}
.scene-orbit,.scene-ribbon{display:none}
.scene-path{opacity:.11;right:-20px}
.progress-confetti{position:absolute;right:10px;top:65px;width:83px;height:45px;opacity:0;transition:opacity .5s}
.progress-confetti i{position:absolute;width:4px;height:9px;background:#c4ebd8;transform:rotate(-25deg);border-radius:2px}
.progress-confetti i:nth-child(1){left:0;top:4px}
.progress-confetti i:nth-child(2){right:3px;top:18px;transform:rotate(35deg);background:#cce6ff}
.progress-confetti i:nth-child(3){left:25px;top:-5px;transform:rotate(18deg)}
.progress-confetti i:nth-child(4){right:18px;top:-8px;transform:rotate(65deg);background:#cce6ff}
.target[data-mood="complete"] .progress-confetti{opacity:1}
.target[data-mood="near"] .progress-confetti{opacity:.5}
.target .bar{height:6px!important;box-shadow:inset 0 0 0 1px #ffffff10}
.target[data-mood="near"] .bar i{background:#c3e5ff!important}
.target[data-mood="complete"] .bar i{background:#c4ebd8!important}
.target[data-mood="expired"] .bar i{background:#adc4dd!important}
@media(prefers-reduced-motion:reduce){.progress-sweep,.progress-halo,.progress-confetti{transition:none}}
.goal-visual>img{object-fit:contain;mix-blend-mode:multiply;filter:none!important}
.goal-option-label{gap:5px}
.goal-label-icon{width:13px;height:13px;flex-shrink:0}
.goal-scarcity-icon{width:12px;height:12px;display:inline-block;vertical-align:-2px;margin-right:4px;color:#8b4a08}
.preference-art,.dock-art,#mission-category-icon,.owned-body>img,.inline-benefit-list img,.inline-guide-panel>img{mix-blend-mode:multiply;background:transparent!important;isolation:auto;filter:none!important}
.focus-stack .landing-mission-card .card-face{background:#f3f7fc!important}
.owned-body>img{border:0!important;border-radius:0!important}
.dock-card,.card-face,.inline-guide-panel,.mission-detail-heading{isolation:isolate}

/* ======================================================================================================
   Product additions: nothing below exists in the supplied design. Everything above is its live CSS.
   ====================================================================================================== */

/* boot + gate ("Buka dari aplikasi Pintarnya") */
body.boot .mobile-page,body.boot .journey,body.gate .mobile-page,body.gate #journey,body.boot #floating-hand,body.gate #floating-hand{display:none}
.boot-screen{display:none}
body.boot .boot-screen{display:grid;place-items:center;max-width:430px;margin:auto;min-height:100vh;min-height:100svh;background:#F9FAFC}
.boot-screen .spinner{border-color:#DCE8F8;border-top-color:#2A83FD;margin:0}
.gate[hidden]{display:none}
.gate .on-title{font-size:26px}
.gate-reason{font-size:12px;line-height:1.5;color:#B03838;text-align:center;margin:14px auto 0;max-width:340px}

/* stale-data notice, empty state, toast */
.notice{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#EDF5FF;font-size:11px;line-height:1.5;color:#426184}
.notice[hidden]{display:none}
.round-summary[hidden],.deck-feedback[hidden],.stack-section[hidden],.withdraw-hint:empty{display:none}
#toast{position:fixed;left:50%;bottom:92px;z-index:30;max-width:min(390px,calc(100% - 32px));padding:11px 16px;border-radius:14px;background:#0B3D7E;color:#fff;font-size:12px;line-height:1.4;text-align:center;box-shadow:0 10px 30px #0B3D7E40;opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1)}
#toast.show{opacity:1;transform:translate(-50%,0)}
.asset-missing{visibility:hidden}
.noscript{padding:24px;font-size:14px;color:#52647C;text-align:center}

/* progress card: verified (solid) + pending (lighter) segments, "+Rp... menunggu verifikasi" */
.target .bar{display:flex}
.target .bar i{flex:0 0 auto;border-radius:0}
.target .bar i#bar-verified{border-radius:20px 0 0 20px}
.target .bar i.pending{background:#9CC8FF!important;opacity:.85;border-radius:0 20px 20px 0;transition:width .9s cubic-bezier(.22,1,.36,1)}
.target[data-mood="complete"] .bar i.pending{background:#CDEFD9!important}
.target .ends{align-items:flex-start}
.target .ends-left{display:flex;flex-direction:column;gap:3px;min-width:0}
.target .ends-left small{font-size:11px;line-height:1.35;color:#D7EAFF!important;font-weight:600}
.target #target-remaining{text-align:right;flex-shrink:0}
.withdraw-hint{margin:9px 2px 0;font-size:11px;line-height:1.5;color:#52647C}
#goal-period-end p{margin:0;font-size:12px;line-height:1.5;color:#456183}

/* card stack: plan section label + plan tag */
.stack-section{margin:14px 2px 0;font-size:10px;font-weight:700;letter-spacing:.9px;color:#1D69D4;line-height:1.4}
.stack-section+.focus-stack{margin-top:6px}
.focus-stack .card-face .plan-tag{position:absolute;top:10px;right:11px;z-index:2;padding:5px 8px;border-radius:9px;background:#1768D1;color:#fff;font-size:10px;font-weight:700;letter-spacing:.3px}
.round-summary .primary:disabled{opacity:.6}

/* Misimu: a taken mission waits for Cari Cuan */
.owned-mission.mission-state-taken .owned-meta b{color:#1D69D4}

/* mission sheet */
#mission-modal .primary:disabled{background:#D8E1EF;color:#596C85;cursor:default}
#demo-result{margin:12px 0 0;line-height:1.5;color:#294F80}
#demo-result[hidden]{display:none}

/* narrow / wide-font safety */
.dock-meta{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.dock-card strong{overflow-wrap:anywhere}
.card-bottom h3,.owned-body h3{overflow-wrap:anywhere}
.mission-quick-info{gap:10px;flex-wrap:wrap}
.mission-quick-info b{margin-left:auto}
.target-top>span,.ends span,.progress-heading>span{min-width:0}

@media(prefers-reduced-motion:reduce){#toast{transition:none}}

/* 9 Oct (San): simple progress card, details in a sheet, target change at the bottom of the page */
.target{cursor:pointer}
.target:focus-visible{outline:3px solid #9DC4FF;outline-offset:3px}
.target #progress-copy,.target #pending-note,.target #bar-pending{display:none}
.target-more{position:relative;z-index:2;margin-top:10px;font-size:12px;font-weight:700;color:#CFE3FF;text-align:right}
.target-more span{display:inline-block;margin-left:2px}
.change-target-section{margin:28px 0 8px;padding:18px;border:1px solid #D8E4F4;border-radius:18px;background:#fff}
.change-target-section h3{margin:0 0 6px;font-size:16px;color:#102A50}
.change-target-section p{margin:0 0 14px;font-size:13px;line-height:1.5;color:#52647C}
.change-target-section button{width:100%;min-height:46px;border:1px solid #BFD6F6;border-radius:13px;background:#EDF5FF;color:#1557A7;font:inherit;font-weight:700;cursor:pointer}
#progress-modal{width:min(390px,calc(100% - 32px));box-sizing:border-box;border:0;border-radius:24px;padding:22px 20px 20px;max-height:88vh;overflow:auto;color:#102A50}
#progress-modal::backdrop{background:#071b3866}
#progress-modal h2{font-size:21px;margin:4px 0 8px}
.pd-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#F0F5FC;color:#52647C;font-size:20px;cursor:pointer}
.pd-mood{font-size:13px;line-height:1.5;color:#52647C;margin:0 0 14px}
.pd-group{border:1px solid #E1E9F5;border-radius:14px;padding:4px 14px;margin:0 0 10px}
.pd-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;font-size:13px}
.pd-row+.pd-row{border-top:1px solid #EEF3FA}
.pd-row span{color:#52647C;min-width:0}
.pd-row small{display:block;font-size:11px;color:#7A8BA3;margin-top:2px}
.pd-row b{color:#102A50;white-space:nowrap}
#progress-modal .primary{width:100%;min-height:46px;margin-top:6px}