/* SQUEEZE 3: supplied 2D artwork, original semantic palette and native controls. */
:root{--surface:#182124;--raised:#242f31;--line:#344341;--muted:#bdc8c1;--quiet:#a9b6ad;--shadow:0 16px 48px #0002;--source-soft:#ffb28b}
body{background:#101617}button,a,input{ -webkit-tap-highlight-color:transparent }::selection{background:#d7ff65;color:#101417}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a4d8ff;outline-offset:4px}
.header{min-height:98px;padding-block:12px;max-width:1456px}.brand{min-width:210px;line-height:1}.brand-logo{display:block;width:215px;height:72px;object-fit:contain}.navigation{gap:8px;background:#1a2324;border-radius:15px;padding:5px}.navigation a{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border:0;border-radius:11px;min-height:44px;font-size:.875rem}.navigation a .icon{width:17px;height:17px}.navigation a[aria-current=page]{background:#303a2a;color:#d7ff65;box-shadow:inset 0 0 0 1px #d7ff6530}.navigation a[aria-current=page]::after{display:none}.header-end{gap:12px}.network{font-size:.75rem;gap:7px}.network.off .dot{background:#ffd37d}.wallet-button{border-radius:13px;background:#24302c;min-height:46px}.wallet-button .icon:last-child{width:14px}.wallet-button.needs-wallet{background:#202d29;border-color:#607942;color:#e4ffd2}
main{max-width:1456px;padding-top:20px}.intro{margin-bottom:22px}.pack-intro{align-items:center}.intro h1{font-size:2.6rem;line-height:1.13;font-weight:730;letter-spacing:-.04em}.intro p{margin-top:12px;color:var(--muted);font-size:.9375rem}.intro h1 span{color:#d7ff65}.mobile-break{display:none}.how-card{display:flex;align-items:center;gap:12px;min-height:56px;border:1px solid #394b39;background:#19231c;border-radius:14px;padding:12px 16px;text-align:start;color:#c8d7bc}.how-card>.icon:first-child{border-radius:50%;background:#d7ff65;color:#172017;width:30px;height:30px;padding:8px}.how-card span{font-size:.6875rem;color:#adbfa7}.how-card b{display:block;color:#eef6e3;font-size:.8125rem;font-weight:550;margin-top:3px}.how-card>.icon:last-child{width:16px;margin-left:12px}
.flow-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:28px 0 22px;gap:20px}.flow-steps li{display:grid;grid-template-columns:32px auto;gap:3px 10px;color:#a7b4aa;align-items:center}.flow-steps li>span{grid-row:span 2;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid #4b594e;color:#b8c8b8;font-size:.75rem}.flow-steps b{font-size:.8125rem;font-weight:600}.flow-steps small{font-size:.6875rem;color:#a9b6ad}.flow-steps li.current>span{background:#d7ff65;border-color:#d7ff65;color:#152011;box-shadow:0 0 0 4px #d7ff650d}.flow-steps li.current b{color:#f4f6e8}.flow-steps li.done>span{background:#27332a;border-color:#607a47;color:#d7ff65}.flow-steps .icon{width:16px;height:16px}
.workspace{grid-template-columns:minmax(265px,.96fr) minmax(340px,1.28fr) minmax(290px,1.02fr);gap:20px;align-items:stretch}.token-panel,.bag-panel,.pick-panel{border-radius:23px;min-height:582px}.token-panel{background:#192224;box-shadow:var(--shadow);border-color:#3c4b43}.panel-head{min-height:72px;padding:20px 20px 15px}.panel-head h2{font-size:1rem;font-weight:650}.panel-kicker{display:none}.token-panel>.panel-head h2{display:flex;align-items:center;gap:8px}.count{color:#cfe6b5;background:#32432c;border-radius:6px}.token-panel .searchbox{background:#111b1b;border:1px solid #415044;border-radius:12px;margin-inline:15px}.searchbox input{font-size:.875rem}.selection-toolbar{padding-block:16px}.check-label{min-height:28px;gap:10px;font-size:.8125rem}.hide-dust{min-height:34px;font-size:.75rem;padding:6px 9px;border-radius:8px;background:#233029}.token-list{max-height:410px;min-height:220px;padding-inline:10px;scrollbar-color:#526443 #192224}.token-row{border-radius:12px;margin-bottom:6px;min-height:76px;padding:11px 12px;background:#202a2a;border-color:transparent}.token-row.selected{background:#293626;border-color:#617e34}.token-row.selected .token-name small{color:#c9e593}.token-row.unavailable{opacity:1;background:#171f20;color:#a7b6ae}.token-row.unavailable .token-name small{color:#b4beb7}.token-name strong{font-size:.875rem}.token-name small{font-size:.6875rem;margin-top:5px}.token-value strong{font-size:.8125rem}.token-value small{font-size:.6875rem}.token-icon{box-shadow:inset 0 0 0 1px #ffffff0e}.token-row .token-icon{width:38px;height:38px;border-radius:50%;font-weight:650;color:#dfebd6}.token-foot{font-size:.6875rem;padding:15px 20px;margin-top:auto;min-height:46px}.empty-wallet{padding:10px 24px 34px;gap:0;display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1}.empty-wallet h3{font-size:1.2rem;margin-top:10px;font-weight:650}.empty-wallet p{font-size:.875rem;line-height:1.6;margin:9px 0 18px;max-width:23ch}.empty-wallet>.button{min-height:46px;padding-inline:22px}.empty-wallet>.text-button{margin-top:9px}.welcome-art{width:192px;height:205px}.art{display:block;pointer-events:none}.art>img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.token-panel:has(.empty-wallet){display:flex;flex-direction:column}.first-visit .token-panel{border-color:#74984a}
.bag-panel{background:linear-gradient(160deg,#242821 0%,#1b2421 38%,#152021 100%);border-color:#515a3d;box-shadow:var(--shadow)}.bag-panel .panel-head{padding-inline:22px}.bag-controls .icon-button{min-height:38px;min-width:38px;background:#24302c;border:1px solid #46533f;border-radius:10px}.bag-controls{gap:6px}.bag-stage{min-height:302px;flex:1}.bag-stage::before{background:radial-gradient(ellipse,#ff9d3220,transparent 70%);width:85%;height:90%;filter:none}.stage-rings{bottom:20px;width:64%;height:38px;border:1px solid #b9bc7533;background:#17251c}.stage-rings::before{inset:6px 22px;border-color:#e6b17b14}.bag-object{width:282px;height:288px;transform:rotate(-4deg);margin-top:9px;border-radius:32%;isolation:isolate}.bag-object .bag-press{width:100%;height:100%;display:block;transform-origin:50% 78%}.bag-object .bag-visual{width:100%;height:100%}.bag-object.is-pressed .bag-press{transform:scale(.9,1.045) rotate(1deg)}.bag-object.is-pressed .bag-volume{transform:none}.is-empty .bag-object{width:282px;height:277px;transform:rotate(-3deg)}.bag-number{z-index:2;top:8px;right:22px;padding:5px 8px;border:1px solid #637c4133;border-radius:8px;background:#1d2820;font-size:.75rem}.bag-number b{font-weight:650;color:#d7ff65}.bag-caption{bottom:0;color:#c6cdb8;font-size:.75rem;background:#1b2723;padding:4px 10px;border-radius:20px}.float-token{width:42px;height:42px;bottom:auto;top:26%;right:9%;z-index:3;border:2px solid #f7e8c8;background:#24302f;box-shadow:0 5px 10px #0003;transform:rotate(13deg)}.float-token:nth-of-type(2){right:77%;top:40%;bottom:auto;transform:rotate(-12deg)}.float-token:nth-of-type(3){right:18%;top:61%;bottom:auto;transform:rotate(10deg)}.bag-contents{padding-top:14px;min-height:48px;gap:6px}.bag-chip{background:#2b362d;border:1px solid #4a5b3b;padding:3px 5px 3px 9px;border-radius:8px;font-size:.75rem;gap:2px}.bag-chip>span{max-width:78px}.bag-chip button{min-width:28px;min-height:28px;border-radius:6px}.bag-chip-more{font-size:.75rem;border:1px solid #4a5b3b;background:#25312a}.bag-empty-hint{font-size:.75rem;color:#b1beac;display:flex;align-items:center}.bag-form{padding:16px 22px 18px}.bag-total{margin-bottom:13px}.bag-total strong{font-size:1.65rem;font-weight:600}.bag-total>span{font-size:.8125rem}.amount-segments{gap:7px;margin-bottom:14px}.amount-segments button{min-height:39px;background:#192320;border-color:#48523e;color:#c3cdbb}.amount-segments button[aria-pressed=true]{background:#403529;color:#ffd2a3;border-color:#b58448}.button.primary{background:#d7ff65;color:#162014;font-weight:700;border-color:#d7ff65;box-shadow:0 5px 14px #d7ff6508}.bag-form .button{min-height:50px;border-radius:12px;justify-content:space-between}.bag-form .button>span{display:inline-flex;align-items:center;gap:10px}.bag-safety{font-size:.6875rem;margin-top:12px}.bag-panel.drop-active{background:#353425;border-color:#ffd29a}.bag-panel.drop-active .bag-caption{color:#ffe3ac}
.pick-panel{background:#192224;border-color:#3e4c44;overflow:hidden}.pick-head{padding:23px 22px 0;min-height:60px}.step-label{font-size:.8125rem;font-weight:550;display:flex;align-items:center;gap:8px}.step-label>.icon{width:17px;color:#d7ff65}.badge{border-radius:7px}.pip-intro{padding:12px 22px 22px}.pip-big{width:218px;height:233px;margin:0 0 17px}.pip-big .art{height:100%;width:100%}.pip-intro h2{max-width:21ch;font-size:1.42rem;letter-spacing:-.03em;font-weight:650;line-height:1.25;margin-inline:auto}.pip-intro p{font-size:.875rem;line-height:1.6;max-width:28ch;margin-inline:auto}.signal-trio{font-size:.6875rem;gap:10px;margin-top:21px;flex-wrap:wrap}.signal-trio span{border:1px solid #3d4d41;background:#243126;border-radius:7px;padding:6px 7px;gap:5px}.pip-note{padding:14px 12px;font-size:.6875rem}.has-pick{border-color:#769845}.pick-art-row{display:flex;align-items:center;gap:0;justify-content:space-between;min-height:114px}.pick-art-row>div:first-child{min-width:0;flex:1}.pick-sticker{width:106px;height:128px;flex:none;margin-right:-10px}.pick-sticker .art{width:100%;height:100%}.pick-label{display:block;font-size:.625rem;letter-spacing:.09em;color:#c5dda5;font-weight:650;margin-bottom:13px}.decision{padding-top:4px;gap:14px}.decision-token{gap:9px;min-width:0}.decision-token .token-icon{width:43px;height:43px;border-radius:12px}.decision-token h2{font-size:1.55rem;font-weight:700;letter-spacing:-.035em}.decision-token .pair{font-size:.7rem;gap:4px;flex-wrap:wrap;justify-content:flex-start}.pick-reason{font-size:.875rem;line-height:1.65}.reason-evidence{padding:3px 0;border-color:#43513e}.reason-evidence button{font-size:.8125rem;padding-block:12px;min-height:46px;gap:9px}.reason-evidence button .icon:first-child{color:#c6dda6}.risk{padding:10px 12px;background:#342b1b;border-radius:9px;color:#ffe0a0;font-size:.75rem;line-height:1.55;border:1px solid #61503355}.risk .icon{flex:none}.pick-time{display:flex;gap:6px;align-items:center;color:#b0bcb0;font-size:.6875rem}.pick-time .icon{width:13px;height:13px}.decision-cta .primary{min-height:48px;justify-content:space-between}.decision-sub{gap:6px}.no-trade-tag{display:inline-flex;gap:7px;align-items:center;border-radius:9px;padding:7px 10px;font-size:.75rem;background:#27352a;color:#d3e8ba;margin-top:15px}.no-trade-tag>.icon{width:15px;height:15px}.analysis-live{font-size:.75rem;color:#d7ff65;display:flex;justify-content:center;gap:9px;align-items:center;margin-top:18px}.recovery-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}.recovery-actions .text-button{margin:0;font-size:.75rem}
.market-strip{margin-top:20px;border-color:#3b4b41;min-height:80px}.market-title{font-size:.8125rem;color:#c9d7bc}.market-tokens{padding-block:4px}.market-token{border-radius:9px;padding:8px 15px 8px 8px;background:#192520;border-color:#43513c}.market-token small{font-size:.6875rem}.market-message{font-size:.8125rem;line-height:1.5}.trust-strip{display:flex;justify-content:center;gap:36px;padding:22px 0 5px;color:#b5c3b4;font-size:.75rem;flex-wrap:wrap}.trust-strip>span{display:flex;gap:7px;align-items:center}.trust-strip .icon{width:14px;height:14px}.footer{max-width:1456px;padding-top:24px;border:0;color:#aab7ac}.footer .text-button{min-height:40px;font-size:.75rem}.footer>span{font-size:.6875rem;line-height:1.7}.footer-tools{gap:15px}.page-empty .pip-big{width:270px;height:270px}.page-empty h2{font-weight:650}.saved-card{background:#1b2623}.receipt-heading .status-art{width:180px;height:170px;margin:auto}.receipt-heading .art{width:100%;height:100%}.receipt-heading h3{font-weight:650}.evidence-filters button{border-radius:10px}.evidence-row h3{font-weight:650}.evidence-row p{font-size:.875rem}
#sheet{box-shadow:0 20px 100px #0009;background:#192323}#sheet::backdrop{background:#060c10b8;backdrop-filter:blur(6px)}.sheet-header{min-height:77px}.sheet-header h2{font-size:1.18rem;font-weight:650;letter-spacing:-.015em}.sheet-footer{background:#18221e}.how-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 24px}.how-gallery .how-step{display:flex;flex-direction:column;text-align:center;align-items:center;gap:14px;margin:0;padding:0}.how-gallery .art{width:100%;height:180px}.how-gallery h3{font-size:.9375rem;font-weight:650;margin:8px 0}.how-gallery p{font-size:.8125rem;line-height:1.6;color:#bccab7}.how-gallery .step-number{margin:auto;color:#d7ff65;background:#2c3b24;border-color:#6a8446}.how-gallery+.sheet-callout{font-size:.8125rem}.sheet-callout{background:#263226;color:#d2dec6;border-color:#4a5c3e;border-radius:10px}.batch-status{font-size:.6875rem}.review-facts{font-size:.8125rem}.confirmation{line-height:1.6;font-size:.875rem}.wallet-option{background:#233029;border:1px solid #41513c;border-radius:12px}.wordbreak{overflow-wrap:anywhere}.token-flight{z-index:5000;border:2px solid #f8ead0;background:#26342c;box-shadow:0 6px 24px #0005}.token-flight span{color:#d7ff65;font-weight:700}.art>img{filter:none}
@media(hover:hover){.navigation a:hover{background:#2b382b}.token-row:hover{background:#2a372e}.token-row.unavailable:hover{background:#202928}.button.primary:hover{background:#e3ff92;border-color:#e3ff92}.how-card:hover{border-color:#82a45a;background:#263521}.bag-chip button:hover{background:#495737;color:#f2ffd7}.bag-object:hover .bag-press{transform:translateY(-3px)}.market-token:hover{background:#293827}.reason-evidence button:hover{color:#d7ff65}.wallet-option:hover{background:#31452b}}
@media(prefers-reduced-motion:no-preference){.button,.icon-button,.how-card{transition:background-color 150ms,border-color 150ms,transform 120ms cubic-bezier(.2,0,0,1)}.button:active,.how-card:active{transform:scale(.96)}.bag-press{transition:transform 140ms cubic-bezier(.2,0,0,1)}.token-row{transition:background-color 120ms,border-color 120ms}.pick-panel.has-pick .pick-sticker{animation:pick-appear 320ms cubic-bezier(.2,0,0,1) both}.receipt-heading .status-art{animation:pick-appear 350ms cubic-bezier(.2,0,0,1) both}@keyframes pick-appear{from{transform:translateY(7px) rotate(-4deg);opacity:.45}to{transform:none;opacity:1}}}
html[data-motion=off] .art,html[data-motion=off] .pick-sticker,html[data-motion=off] .status-art{animation:none!important;transition:none!important}html[data-motion=off] .bag-press{transition:none!important;transform:none!important}
@media(min-width:1500px){.bag-object{width:305px;height:308px}.pip-big{width:238px;height:246px}.token-panel,.bag-panel,.pick-panel{min-height:600px}}
@media(max-width:1150px) and (min-width:681px){main,.header,.footer{padding-inline:24px}.workspace{grid-template-columns:minmax(235px,.9fr) minmax(270px,1.1fr)}.pick-panel{grid-column:1/-1;min-height:280px}.pick-panel .pip-intro{flex-direction:row;gap:28px;text-align:start;justify-content:center}.pick-panel .pip-big{width:185px;height:185px;margin:0}.pick-panel .pip-intro h2,.pick-panel .pip-intro p{margin-inline:0}.pick-panel .pip-intro>div:last-child{max-width:360px}.pick-panel .signal-trio{justify-content:flex-start}.pick-panel.has-pick .decision{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.pick-art-row{grid-row:span 2}.decision-cta{grid-column:2;grid-row:3/span 3}.risk{grid-column:1}.pick-time{grid-column:1}.header .network{display:none}.brand{min-width:185px}.brand-logo{width:185px;height:62px}.navigation a{padding-inline:12px}.header-end{gap:8px}.intro h1{font-size:2.15rem}.how-card{padding:10px}.how-card>.icon:last-child{display:none}.flow-steps{gap:12px}.flow-steps small{font-size:.625rem}}
@media(max-width:800px) and (min-width:681px){.brand{min-width:150px}.brand-logo{width:150px;height:53px}.navigation a{font-size:.8125rem;padding-inline:9px}.navigation .icon{display:none}.wallet-button{padding-inline:10px;font-size:.75rem}.intro h1{font-size:1.9rem}.how-card b{font-size:.75rem}.flow-steps small{display:none}.flow-steps li>span{grid-row:1}.flow-steps li{grid-template-columns:30px auto}}
@media(max-width:680px){
 .header{display:flex;flex-wrap:wrap;padding:8px 16px 0;min-height:120px;gap:5px}.brand{min-width:0;flex:1}.brand-logo{width:160px;height:54px}.header-end{gap:6px}.header-end .network{display:none}.header-end .wallet-button{padding:10px;font-size:.75rem;min-height:42px;gap:7px}.header-end .wallet-button>.icon{width:16px;height:16px}.navigation{position:static;order:3;inset:auto;transform:none;display:flex;width:100%;justify-content:space-around;padding:4px;margin:0;border-radius:12px}.navigation a{flex:1;padding:9px;min-height:40px;font-size:.8125rem;gap:6px}.navigation a .icon{width:15px;height:15px}.navigation a[aria-current=page]{border-radius:9px}.header-rule{display:none}main{padding:26px 16px 0}.intro{gap:12px;align-items:center;margin-bottom:19px}.intro h1{font-size:2.05rem;line-height:1.1}.intro p{font-size:.8125rem;line-height:1.6;max-width:31ch;margin-top:10px}.mobile-break{display:initial}.pack-intro>.how-card{width:42px;height:42px;min-height:42px;display:grid;place-items:center;padding:0;flex:none;margin-top:-16px}.how-card span,.how-card>.icon:last-child{display:none}.how-card>.icon:first-child{width:24px;height:24px;padding:6px}.flow-steps{gap:10px;margin:20px 0 19px}.flow-steps li{display:flex;align-items:center;gap:6px}.flow-steps li>span{width:24px;height:24px;flex:none;font-size:.625rem}.flow-steps b{font-size:.6875rem;line-height:1.25;font-weight:550}.flow-steps small{display:none}.flow-steps .icon{width:12px;height:12px}.workspace{display:flex;flex-direction:column;gap:18px}.workspace>.token-panel{display:none}.token-panel,.bag-panel,.pick-panel{min-height:0}.bag-panel{border-radius:20px}.bag-panel .panel-head{padding:18px 18px 10px;min-height:61px}.bag-controls .icon-button{min-height:36px;min-width:36px}.mobile-pick{display:flex;margin:4px 17px 0;padding:12px 13px;border:1px dashed #899c5c;background:#2a3722;border-radius:11px;min-height:44px;color:#e1f6c1;gap:8px;font-size:.875rem;align-items:center}.mobile-pick .count{margin-inline-start:auto;background:#d7ff65;color:#192318}.bag-stage{min-height:266px}.bag-object{width:242px;height:245px;margin-top:4px}.is-empty .bag-object{width:248px;height:244px}.bag-number{top:12px;right:15px;font-size:.6875rem;padding:4px 7px}.bag-caption{font-size:.6875rem}.bag-contents{padding-top:9px;min-height:43px;padding-inline:15px}.bag-chip{font-size:.6875rem}.bag-form{padding:14px 17px 17px}.bag-total>span{font-size:.8125rem}.bag-total strong{font-size:1.45rem}.amount-segments button{min-height:40px}.bag-form .button{min-height:48px;font-size:.875rem}.bag-safety{font-size:.625rem}.pick-head{padding:17px 18px 0;min-height:52px}.pip-intro{padding:16px 20px 23px}.pip-big{width:200px;height:210px;margin-bottom:10px}.pip-intro h2{font-size:1.35rem}.pip-intro p{font-size:.8125rem}.pick-panel.has-pick{margin-bottom:4px}.decision{padding:0 19px 17px}.pick-sticker{width:106px;height:130px}.pick-label{font-size:.625rem}.decision-token h2{font-size:1.7rem}.decision-cta{position:sticky;bottom:0;background:#192224;padding-top:10px;z-index:2}.decision-token .pair{font-size:.75rem}.decision-sub .text-button{font-size:.8125rem}.pick-time{font-size:.6875rem}.market-strip{flex-wrap:wrap;gap:10px;padding-block:15px;margin-top:18px}.market-title{font-size:.75rem}.market-message{font-size:.75rem;min-width:0;flex-wrap:wrap}.market-tokens{order:3;min-width:100%}.market-token small{font-size:.625rem}.trust-strip{gap:9px 18px;padding-top:17px;font-size:.6875rem;justify-content:flex-start}.trust-strip>span:last-child{display:none}.footer{padding:18px 16px calc(18px + env(safe-area-inset-bottom));margin-bottom:0;align-items:flex-start;flex-direction:column;gap:12px}.footer-tools{gap:14px;flex-wrap:wrap}.footer .text-button{font-size:.6875rem;min-height:34px}.footer>span{font-size:.625rem}.page-empty{padding:28px 14px}.page-empty .pip-big{width:230px;height:235px}.how-gallery{grid-template-columns:1fr;gap:20px}.how-gallery .how-step{flex-direction:row;text-align:start;gap:18px}.how-gallery .art{width:105px;height:118px;flex:none}.how-gallery .step-number{margin:0}.how-gallery p{font-size:.8125rem}.how-gallery h3{margin:7px 0}.how-gallery .how-step>div{min-width:0}.how-gallery .how-step .step-number{width:23px;height:23px}.how-gallery+.sheet-callout{font-size:.75rem}#sheet.picker .sheet-body{padding:0}#sheet.picker .token-panel{display:flex;flex-direction:column;min-height:100%;border:0;background:none;border-radius:0}#sheet.picker .token-panel .panel-head{display:none}#sheet.picker .token-list{max-height:none;flex:1;padding-bottom:12px}#sheet.picker .searchbox{margin-top:8px}#sheet.picker .token-foot{font-size:.6875rem}#sheet.picker .sheet-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.searchbox input{font-size:16px}.token-row{min-height:78px}.token-choice{min-height:51px}.token-name strong{font-size:.875rem}.token-name small{font-size:.6875rem}.hide-dust{font-size:.75rem;min-height:36px}.token-value small{font-size:.6875rem}.token-value strong{font-size:.8125rem}.welcome-art{width:190px;height:200px}.sheet-header h2{font-size:1.125rem}#sheet{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}#sheet.picker{width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0}
}
@media(max-width:360px){.header{padding-inline:12px}.brand-logo{width:140px}.wallet-button{font-size:.6875rem!important;gap:5px!important;padding:8px!important}.intro h1{font-size:1.8rem}.flow-steps{gap:7px}.flow-steps b{font-size:.625rem}.flow-steps li{gap:5px}.flow-steps li>span{width:22px;height:22px}.bag-stage{min-height:249px}.bag-object,.is-empty .bag-object{width:227px;height:230px}.signal-trio{gap:5px;font-size:.625rem}.signal-trio span{padding-inline:5px}.pick-sticker{width:88px;height:120px}.decision-token h2{font-size:1.42rem}.how-gallery .art{width:84px;height:100px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.bag-press,.pick-sticker,.status-art{animation:none!important;transition:none!important;transform:none!important}.art>img{animation:none!important}}
@media(forced-colors:active){.navigation a[aria-current=page],.token-row.selected,.flow-steps li.current>span,.button.primary{border:2px solid Highlight}.art{forced-color-adjust:none}.brand-logo{forced-color-adjust:none}.token-row input{appearance:auto}.bag-panel,.pick-panel,.token-panel{border:1px solid CanvasText}}

/* Container-aware desktop reflow also survives user stylesheet/CSS zoom. */
#app{container-type:inline-size;container-name:app-shell}
@container app-shell (max-width:1150px) and (min-width:681px){main,.header,.footer{padding-inline:24px}.workspace{grid-template-columns:minmax(235px,.9fr) minmax(270px,1.1fr)}.pick-panel{grid-column:1/-1;min-height:280px}.pick-panel .pip-intro{flex-direction:row;gap:28px;text-align:start;justify-content:center}.pick-panel .pip-big{width:185px;height:185px;margin:0}.pick-panel .pip-intro h2,.pick-panel .pip-intro p{margin-inline:0}.pick-panel .pip-intro>div:last-child{max-width:360px}.pick-panel .signal-trio{justify-content:flex-start}.pick-panel.has-pick .decision{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.pick-art-row{grid-row:span 2}.decision-cta{grid-column:2;grid-row:3/span 3}.risk{grid-column:1}.pick-time{grid-column:1}.header .network{display:none}.brand{min-width:185px}.brand-logo{width:185px;height:62px}.navigation a{padding-inline:12px}.header-end{gap:8px}.intro h1{font-size:2.15rem}.how-card{padding:10px}.how-card>.icon:last-child{display:none}.flow-steps{gap:12px}.flow-steps small{font-size:.625rem}}
@container app-shell (max-width:800px) and (min-width:681px){.brand{min-width:150px}.brand-logo{width:150px;height:53px}.navigation a{font-size:.8125rem;padding-inline:9px}.navigation .icon{display:none}.wallet-button{padding-inline:10px;font-size:.75rem}.intro h1{font-size:1.9rem}.how-card b{font-size:.75rem}.flow-steps small{display:none}.flow-steps li>span{grid-row:1}.flow-steps li{grid-template-columns:30px auto}}
/* v4: reuse the existing surface and type grammar for immutable receipt records. */
.history-section{margin-block:32px 16px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.history-heading h2{font-size:1.2rem;margin:0 0 8px}.history-heading p{font-size:.8125rem;color:var(--muted);margin:0;line-height:1.5}.history-list{display:grid;gap:12px}.history-card{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.history-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--raised);flex:none}.history-copy{min-width:0;flex:1}.history-copy h3{font-size:1rem;margin:0 0 7px;overflow-wrap:anywhere}.history-copy h3 span{font-weight:400;font-size:.8125rem;color:var(--muted)}.history-copy p{font-size:.75rem;color:var(--muted);margin:0;line-height:1.5}.history-status{font-size:.75rem;background:var(--raised);padding:6px 10px;border-radius:8px;color:var(--muted)}.history-status.warn{background:#362c19;color:#ffd37d}.receipt-title{display:flex;align-items:center;gap:20px}.receipt-title>.art{width:100px;height:108px}.receipt-title h3{font-size:1.4rem;margin:0 0 8px}.receipt-title p{font-size:.875rem;color:var(--muted);margin:0}.receipt-item{padding-block:18px;border-bottom:1px solid var(--line)}.receipt-item>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.receipt-item>div>span{font-size:.8125rem;color:var(--muted)}.receipt-item p{font-size:.875rem;line-height:1.5}.receipt-item a{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--ink)}.history-card .button{min-height:44px}.connection-observed{margin-block:20px}.connection-observed h3{font-size:1rem}.connection-observed p{font-size:.8125rem;line-height:1.5;color:var(--muted)}
@media(max-width:680px){.history-card{flex-wrap:wrap;padding:16px;gap:12px}.history-copy{flex-basis:calc(100% - 58px)}.history-card>.button{margin-inline-start:auto}.history-status{font-size:.6875rem}.history-heading p{max-width:32ch}.receipt-title{gap:12px}.receipt-title>.art{width:80px;height:86px}.receipt-title h3{font-size:1.2rem}}

.saved-nudge{display:grid;grid-template-columns:92px 1fr auto;column-gap:22px;align-items:center;margin-block:32px;padding:24px;background:var(--surface);border-radius:16px}.saved-nudge .pip-big{width:86px;height:92px;grid-row:1/3;margin:0}.saved-nudge h2{font-size:1rem;margin:0 0 6px;grid-column:2}.saved-nudge p{font-size:.8125rem;color:var(--muted);margin:0;grid-column:2;line-height:1.5}.saved-nudge>.button{grid-column:3;grid-row:1/3}.history-section+.saved-list{margin-block-start:28px}@media(max-width:680px){.saved-nudge{grid-template-columns:70px 1fr;padding:18px;gap:12px}.saved-nudge .pip-big{width:68px;height:80px}.saved-nudge>.button{grid-row:auto;grid-column:1/-1}.saved-nudge h2{font-size:.9375rem}.saved-nudge p{grid-column:2}.history-heading p{max-width:33ch}}