
#setra-mobile-preview{--st-bg:light-dark(#f7f8fa,#111714);--st-panel:light-dark(#fff,#1a211e);--st-text:light-dark(#17291f,#eef4ef);--st-muted:light-dark(#6d7770,#a0aea5);--st-line:light-dark(#e5eae6,#303b34);--st-accent:light-dark(#1a6b46,#8fdbaf);--st-soft:light-dark(#eaf3eb,#253e30);--st-down:light-dark(#aa554b,#e39388);padding:24px 10px;display:flex;justify-content:center;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--st-text)}
#setra-mobile-preview *{box-sizing:border-box}
#setra-mobile-preview button{font:inherit;cursor:pointer;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent}
#setra-mobile-preview button:focus-visible{outline:2px solid var(--st-accent);outline-offset:3px}
#setra-mobile-preview .st-phone{width:100%;max-width:390px;background:var(--st-bg);border:1px solid var(--st-line);border-radius:36px;overflow:hidden;box-shadow:0 18px 55px #00000012}
#setra-mobile-preview .st-status{height:39px;padding:13px 25px 5px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}
#setra-mobile-preview .st-status>span:last-child{display:flex;gap:5px}#setra-mobile-preview .st-status svg{width:14px;height:14px}
#setra-mobile-preview .st-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 20px}
#setra-mobile-preview .st-brand{display:flex;align-items:center;font-size:25px;letter-spacing:-1.5px;font-weight:700;padding:0}
#setra-mobile-preview .st-logomark{display:grid;place-items:center;background:var(--st-text);color:var(--st-bg);font-size:24px;font-style:italic;border-radius:10px;width:31px;height:31px;margin-right:9px;letter-spacing:-3px;padding-right:3px}
#setra-mobile-preview .st-brand-dot{color:var(--st-accent)}#setra-mobile-preview .st-header-right{display:flex;align-items:center;gap:12px}
#setra-mobile-preview .st-demo{font-size:9px;letter-spacing:1.5px;color:var(--st-muted)}#setra-mobile-preview .st-avatar{background:var(--st-soft);color:var(--st-accent);border-radius:50%;width:35px;height:35px;font-size:11px;font-weight:600}
#setra-mobile-preview #st-main{padding:0 20px 22px;min-height:587px}
#setra-mobile-preview p,#setra-mobile-preview h1,#setra-mobile-preview h2{margin:0}#setra-mobile-preview h1{font-size:27px;line-height:1.18;letter-spacing:-1px;font-weight:600}#setra-mobile-preview h2{font-size:15px;letter-spacing:-.3px;font-weight:600}
#setra-mobile-preview .st-muted{color:var(--st-muted);font-size:12px;line-height:1.6}#setra-mobile-preview .st-kicker{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--st-muted);margin-bottom:8px}
#setra-mobile-preview .st-greeting{display:flex;justify-content:space-between;align-items:end;margin:4px 0 23px}#setra-mobile-preview .st-date{font-size:11px;color:var(--st-muted);text-align:right;line-height:1.7}
#setra-mobile-preview .st-feature{background:var(--st-text);color:var(--st-bg);border-radius:20px;padding:20px;position:relative;overflow:hidden;margin-bottom:22px}#setra-mobile-preview .st-feature .st-kicker{color:inherit;opacity:.6;font-size:9px}#setra-mobile-preview .st-feature h2{font-size:22px;letter-spacing:-.8px;margin:7px 0}#setra-mobile-preview .st-feature p{font-size:11px;opacity:.7;line-height:1.6}#setra-mobile-preview .st-feature .st-cta{background:var(--st-bg);color:var(--st-text);margin-top:22px;display:inline-flex;align-items:center;gap:12px;border-radius:9px;padding:11px 14px;font-size:11px;font-weight:600}
#setra-mobile-preview .st-feature svg.st-mini{position:absolute;width:125px;height:85px;right:-6px;top:48px;opacity:.35;pointer-events:none}
#setra-mobile-preview .st-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}#setra-mobile-preview .st-textbtn{color:var(--st-accent);font-size:11px;padding:6px 0}
#setra-mobile-preview .st-summary{background:var(--st-panel);border:1px solid var(--st-line);border-radius:17px;padding:16px;margin-bottom:21px}
#setra-mobile-preview .st-summary-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--st-muted)}#setra-mobile-preview .st-sync{font-size:9px;color:var(--st-accent);display:flex;align-items:center;gap:4px}#setra-mobile-preview .st-dot{width:5px;height:5px;background:var(--st-accent);border-radius:50%;display:inline-block}
#setra-mobile-preview .st-profit{font-size:29px;letter-spacing:-1.2px;font-weight:500;margin:9px 0 1px}#setra-mobile-preview .st-profit small{font-size:12px;color:var(--st-muted);letter-spacing:0}#setra-mobile-preview .st-pnl{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--st-muted)}#setra-mobile-preview .st-up{color:var(--st-accent)}
#setra-mobile-preview .st-stats{display:flex;border-top:1px solid var(--st-line);margin-top:13px;padding-top:13px}#setra-mobile-preview .st-stats>div{flex:1;font-size:10px;color:var(--st-muted)}#setra-mobile-preview .st-stats strong{display:block;font-size:14px;font-weight:500;color:var(--st-text);margin-top:5px}
#setra-mobile-preview .st-event{display:flex;gap:12px;align-items:center;background:var(--st-panel);border:1px solid var(--st-line);border-radius:14px;padding:13px}#setra-mobile-preview .st-event-time{font-size:12px;font-weight:600;min-width:42px}#setra-mobile-preview .st-event-copy{flex:1}#setra-mobile-preview .st-event-copy strong{font-size:12px;display:block;font-weight:500}#setra-mobile-preview .st-event-copy span{font-size:10px;color:var(--st-muted)}#setra-mobile-preview .st-impact{display:flex;gap:3px}#setra-mobile-preview .st-impact b{height:12px;width:3px;border-radius:2px;background:var(--st-down)}
#setra-mobile-preview .st-note{font-size:9px;color:var(--st-muted);margin-top:12px;text-align:center;line-height:1.5}
#setra-mobile-preview .st-nav{display:flex;justify-content:space-around;gap:2px;padding:11px 10px 5px;background:var(--st-panel);border-top:1px solid var(--st-line)}#setra-mobile-preview .st-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:46px;font-size:9px;color:var(--st-muted);border-radius:10px;padding:4px 0}#setra-mobile-preview .st-nav button[aria-current]{color:var(--st-accent);background:var(--st-soft)}#setra-mobile-preview .st-nav svg{width:19px;height:19px;stroke-width:1.6}
#setra-mobile-preview .st-homebar{height:22px;display:grid;place-items:center;background:var(--st-panel)}#setra-mobile-preview .st-homebar span{height:4px;width:105px;border-radius:8px;background:var(--st-text);opacity:.8}
#setra-mobile-preview .st-title{margin:7px 0 21px}#setra-mobile-preview .st-title p{margin-top:7px}#setra-mobile-preview .st-chiprow{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}#setra-mobile-preview .st-chip{font-size:11px;border:1px solid var(--st-line);border-radius:7px;padding:8px 11px;background:var(--st-panel)}#setra-mobile-preview .st-chip[aria-pressed="true"]{background:var(--st-soft);color:var(--st-accent);border-color:var(--st-soft)}
#setra-mobile-preview .st-chart{height:280px;width:100%;display:block;background:var(--st-panel);border-radius:12px}#setra-mobile-preview .st-price{font-size:28px;letter-spacing:-1px;margin-top:5px}#setra-mobile-preview .st-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--st-line);font-size:12px}#setra-mobile-preview .st-row strong{font-weight:500}#setra-mobile-preview .st-row small{font-size:10px;color:var(--st-muted);display:block;margin-top:4px}#setra-mobile-preview .st-fullbtn{width:100%;padding:14px;background:var(--st-accent);color:var(--st-bg);border-radius:11px;font-size:12px;margin-top:17px}#setra-mobile-preview .st-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}#setra-mobile-preview .st-menu button{padding:17px 13px;background:var(--st-panel);border:1px solid var(--st-line);border-radius:14px;text-align:left;font-size:12px}#setra-mobile-preview .st-menu svg{display:block;color:var(--st-accent);margin-bottom:14px;width:21px}#setra-mobile-preview .st-menu small{display:block;font-size:10px;color:var(--st-muted);margin-top:5px}#setra-mobile-preview .st-banner{padding:14px;background:var(--st-soft);border-radius:12px;font-size:11px;color:var(--st-accent);line-height:1.6}#setra-mobile-preview .st-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:17px 0}#setra-mobile-preview .st-days span{display:grid;place-items:center;aspect-ratio:1;font-size:11px;border-radius:6px;background:var(--st-soft);color:var(--st-accent)}#setra-mobile-preview .st-days .loss{color:var(--st-down);background:light-dark(#f7eae6,#412c29)}#setra-mobile-preview .st-days .empty{background:var(--st-panel);color:var(--st-muted)}
@media(max-width:400px){#setra-mobile-preview{padding:10px 0}#setra-mobile-preview .st-phone{border-radius:24px}#setra-mobile-preview #st-main{padding-left:16px;padding-right:16px}#setra-mobile-preview .st-greeting h1{font-size:25px}}


#setra-mobile-preview a{color:var(--st-accent);text-decoration:none;cursor:pointer}
#setra-mobile-preview .st-avatar{display:grid;place-items:center}
#setra-mobile-preview .st-link-button{display:block;text-align:center;color:var(--st-bg)}
#setra-mobile-preview a.st-cta{color:var(--st-text)}
#setra-mobile-preview .st-source{display:flex;justify-content:center;margin-top:15px}
#setra-mobile-preview .st-summary-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--st-line);padding-top:11px;margin-top:13px;gap:8px}
#setra-mobile-preview .st-summary-footer .st-muted{font-size:10px}
#setra-mobile-preview .st-public-summary .st-profit{margin:10px 0 6px}
#setra-mobile-preview .st-personal{display:flex;justify-content:space-between;align-items:center;margin:14px 0 0;padding:10px 0;font-size:11px}
#setra-mobile-preview .st-personal>span{display:flex;gap:7px;align-items:center}
#setra-mobile-preview .st-personal svg{width:15px;height:15px;color:var(--st-muted)}
#setra-mobile-preview button.st-account{width:100%;text-align:left;min-height:68px}
#setra-mobile-preview .st-rank{width:20px;color:var(--st-muted);font-size:11px}
#setra-mobile-preview .st-account-name{flex:1;min-width:0}
#setra-mobile-preview .st-account-name small{font-size:10px;line-height:1.4;overflow-wrap:anywhere}
#setra-mobile-preview .st-account-value{min-width:94px;text-align:right}
#setra-mobile-preview .st-account-value small{font-size:10px}
#setra-mobile-preview .st-account-detail{margin-top:18px;margin-bottom:10px}
#setra-mobile-preview .st-detail-name{font-size:11px;margin-top:9px;line-height:1.6}
#setra-mobile-preview .st-currency{font-size:12px;color:var(--st-muted);letter-spacing:0}
#setra-mobile-preview .st-note{font-size:10px;line-height:1.6}
#setra-mobile-preview .st-menu button{min-height:105px}
#setra-mobile-preview .st-feature .st-cta svg{width:15px;height:15px}
@media(pointer:coarse){#setra-mobile-preview .st-textbtn,#setra-mobile-preview .st-chip{min-height:44px;display:inline-flex;align-items:center}}


#setra-mobile-preview{--st-bg:light-dark(#f8f5ed,#19221b);--st-panel:light-dark(#fffdf8,#222e23);--st-text:light-dark(#30452b,#eef1df);--st-muted:light-dark(#72745f,#b3b9a1);--st-line:light-dark(#e7e7d7,#3c4735);--st-accent:light-dark(#596f2b,#c1d783);--st-soft:light-dark(#edf0db,#354126);--st-down:light-dark(#aa6557,#e6a48e);--st-sheet:url('/assets/v2/mascot-sheet.jpg');font-family:ui-rounded,'SF Pro Rounded',Nunito,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#setra-mobile-preview .st-phone{border-radius:36px;box-shadow:0 18px 60px #34402c18}
#setra-mobile-preview .st-brand{font-weight:700;letter-spacing:-1.2px;font-size:27px;color:var(--st-accent)}
#setra-mobile-preview .st-logomark{background:var(--st-soft);color:var(--st-accent);border-radius:12px;font-size:24px}
#setra-mobile-preview .st-header{padding-bottom:17px}
#setra-mobile-preview .st-kicker{font-size:9px;letter-spacing:1.6px}
#setra-mobile-preview .st-greeting{margin-bottom:18px;align-items:center}
#setra-mobile-preview h1{font-size:27px;letter-spacing:-.8px}
#setra-mobile-preview h2{letter-spacing:-.3px}
#setra-mobile-preview .st-summary{border-radius:22px;border-color:var(--st-line);box-shadow:0 3px 12px #454b2f04}
#setra-mobile-preview .st-event{border-radius:18px;padding:15px 13px}
#setra-mobile-preview .st-event-time{background:var(--st-soft);padding:10px 7px;border-radius:10px;font-size:11px}
#setra-mobile-preview .st-event-copy strong{font-size:12px}
#setra-mobile-preview .st-impact b{background:var(--st-down);height:10px}
#setra-mobile-preview .st-profit{font-size:32px;color:var(--st-text)}
#setra-mobile-preview .st-profit small{font-size:11px}
#setra-mobile-preview .st-nav{padding:11px 12px 6px}
#setra-mobile-preview .st-nav button{border-radius:16px;font-size:10px}
#setra-mobile-preview .st-nav button[aria-current]{background:var(--st-soft);color:var(--st-accent)}
#setra-mobile-preview .st-nav svg{stroke-width:1.8}
#setra-mobile-preview .st-feature{background:var(--st-soft);color:var(--st-text);border-radius:24px}
#setra-mobile-preview .st-feature .st-cta{background:var(--st-accent);color:var(--st-bg);border-radius:13px}
#setra-mobile-preview a.st-cta{color:var(--st-bg)}
#setra-mobile-preview .st-fullbtn{border-radius:15px}
#setra-mobile-preview .st-menu button{border-radius:22px;min-height:113px}
#setra-mobile-preview .st-banner{border-radius:20px}
#setra-mobile-preview .st-mascot{display:block;flex-shrink:0;background-image:var(--st-sheet);background-repeat:no-repeat;background-size:300% 300%;background-position:0 0;width:92px;aspect-ratio:1;mix-blend-mode:multiply}
#setra-mobile-preview .st-pose-wave{background-position:0 0}
#setra-mobile-preview .st-pose-point{background-position:50% 0}
#setra-mobile-preview .st-pose-calm{background-position:0 100%}
#setra-mobile-preview .st-pose-happy{background-position:50% 100%}
#setra-mobile-preview .st-pose-welcome{background-position:100% 100%}
#setra-mobile-preview .st-mascot-hero{position:relative;isolation:isolate;background:#faf3e9;color:#34462c;min-height:222px;border-radius:27px;padding:23px 18px;margin-bottom:19px;overflow:hidden;display:grid;grid-template-columns:1.12fr 1fr;align-items:center}
#setra-mobile-preview .st-hero-copy{position:relative;z-index:1}
#setra-mobile-preview .st-hero-tag{font-size:8px;letter-spacing:1.1px;color:#7a785c;white-space:nowrap}
#setra-mobile-preview .st-mascot-hero h2{font-size:25px;line-height:1.16;letter-spacing:-.9px;margin:10px 0}
#setra-mobile-preview .st-mascot-hero p{font-size:11px;line-height:1.6;color:#74755e}
#setra-mobile-preview .st-hero-button{display:inline-flex;align-items:center;gap:10px;border-radius:13px;background:#627b31;color:#fffdf3;padding:12px 14px;margin-top:17px;font-size:11px;font-weight:600;box-shadow:0 4px 0 #4c63261a;min-height:42px;white-space:nowrap}
#setra-mobile-preview .st-hero-button svg{width:15px;height:15px}
#setra-mobile-preview .st-hero-mascot{width:180px;position:absolute;right:-7px;top:37px;mask-image:radial-gradient(ellipse at 50% 50%,#000 48%,transparent 73%)}
#setra-mobile-preview .st-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:24px}
#setra-mobile-preview .st-quick button{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:11px;padding:0;min-height:70px;color:var(--st-text)}
#setra-mobile-preview .st-quick button svg{box-sizing:content-box;display:block;width:21px;height:21px;padding:14px;background:var(--st-soft);color:var(--st-accent);border-radius:19px}
#setra-mobile-preview .st-buddy{display:flex;align-items:center;gap:7px;padding:6px 12px 6px 1px;background:#faf3e9;color:#506039;border-radius:22px;margin:17px 0 20px;overflow:hidden}
#setra-mobile-preview .st-buddy p{font-size:12px;line-height:1.6;padding-right:3px}
#setra-mobile-preview .st-public-summary{padding:16px 17px;margin-bottom:22px}
#setra-mobile-preview .st-homebar span{background:var(--st-accent)}
@media(max-width:360px){#setra-mobile-preview .st-hero-mascot{width:157px;right:-9px;top:50px}#setra-mobile-preview .st-mascot-hero{padding-left:15px}#setra-mobile-preview .st-mascot-hero h2{font-size:23px}#setra-mobile-preview .st-hero-tag{font-size:7px;letter-spacing:.8px}#setra-mobile-preview .st-profit small{font-size:10px}}



#setra-mobile-preview .st-quick{gap:12px}
#setra-mobile-preview .st-quick button svg{width:26px;height:26px;padding:14px;stroke-width:2.3;border-radius:20px;filter:drop-shadow(0 3px 0 #50603912)}
#setra-mobile-preview .st-quick button:nth-child(1) svg{background:light-dark(#e4edc7,#384529);color:light-dark(#668737,#bfd489);transform:rotate(-7deg)}
#setra-mobile-preview .st-quick button:nth-child(2) svg{background:light-dark(#f4e3c5,#493c2a);color:light-dark(#9c7040,#e6c18e);transform:rotate(6deg)}
#setra-mobile-preview .st-quick button:nth-child(3) svg{background:light-dark(#f2ddd9,#49332f);color:light-dark(#aa6b65,#e4aaa2);transform:rotate(-5deg)}
#setra-mobile-preview .st-quick button:nth-child(4) svg{background:light-dark(#f5ebba,#494326);color:light-dark(#94792b,#e5d180);transform:rotate(7deg)}
#setra-mobile-preview .st-quick button span{font-weight:500}
#setra-mobile-preview .st-nav svg{stroke-width:2.2;fill:var(--st-soft)}
#setra-mobile-preview .st-nav button[aria-current] svg{fill:light-dark(#dce9b7,#53673a);transform:rotate(-5deg)}
#setra-mobile-preview .st-menu button svg{box-sizing:content-box;padding:10px;background:var(--st-soft);border-radius:15px;stroke-width:2.2;transform:rotate(-5deg)}


#setra-mobile-preview .st-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1}
#setra-mobile-preview .st-brand small{font-size:10px;font-weight:400;letter-spacing:.8px;color:var(--st-muted);line-height:1.5}
#setra-mobile-preview .st-hero-mascot{mask-image:none;-webkit-mask-image:none;mix-blend-mode:multiply;width:186px;top:21px;right:-6px;filter:drop-shadow(0 8px 4px #5b65221a);transform:rotate(-3deg)}
#setra-mobile-preview .st-mascot-hero{min-height:230px;overflow:visible}
#setra-mobile-preview .st-hero-copy{max-width:175px}
#setra-mobile-preview .st-hero-mascot.st-animated-mascot{background:none;mix-blend-mode:normal;object-fit:contain;aspect-ratio:1;image-rendering:auto;top:9px;right:-10px;width:194px;transform:rotate(-3deg);filter:drop-shadow(0 8px 5px #5b652226)}
@media(max-width:360px){#setra-mobile-preview .st-hero-mascot,#setra-mobile-preview .st-hero-mascot.st-animated-mascot{width:164px;right:-8px;top:32px}}

#setra-mobile-preview .st-nav .st-nav-chart{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:46px;font-size:10px;color:var(--st-muted);border-radius:16px;padding:4px 0;text-decoration:none}#setra-mobile-preview a.st-hero-button{color:#fffdf3;text-decoration:none}#setra-mobile-preview .st-animated-mascot{height:auto}
#setra-mobile-preview .st-chart-workspace{margin:0 -12px;color:var(--st-text);background:var(--st-panel);border:1px solid var(--st-line);border-radius:12px;overflow:hidden}
#setra-mobile-preview .st-chart-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 10px;border-bottom:1px solid var(--st-line);font-size:10px;color:var(--st-muted)}
#setra-mobile-preview .st-chart-topline>span:first-child{font-size:12px;white-space:nowrap}#setra-mobile-preview .st-chart-topline strong{font-size:17px;letter-spacing:-.7px;color:var(--st-text)}
#setra-mobile-preview .st-chart-topline a{font-size:10px;white-space:nowrap}
#setra-mobile-preview .st-chart-toolbar{display:flex;align-items:center;padding:8px 9px;gap:5px;border-bottom:1px solid var(--st-line);font-size:11px}
#setra-mobile-preview .st-chart-toolbar>strong{margin-right:auto;white-space:nowrap;font-size:11px;font-weight:500}
#setra-mobile-preview .st-chart-toolbar button{padding:7px;border-radius:5px;min-height:32px}
#setra-mobile-preview .st-chart-toolbar button[aria-pressed="true"]{background:var(--st-soft);color:var(--st-accent)}
#setra-mobile-preview .st-chart-toolbar svg{width:15px;height:15px}
#setra-mobile-preview .st-chart-timeframes{display:flex;gap:1px;font-size:10px}
#setra-mobile-preview .st-chart-info{padding:13px 12px 0 37px;font-size:11px}
#setra-mobile-preview .st-chart-info>span{display:block;margin-bottom:7px}#setra-mobile-preview .st-chart-info b{font-weight:400;color:var(--st-muted);margin-left:6px}
#setra-mobile-preview .st-chart-info>div{display:flex;align-items:center;gap:10px}
#setra-mobile-preview .st-chart-info strong{font-size:24px;font-weight:600;letter-spacing:-.5px}
#setra-mobile-preview .st-chart-info small{font-size:11px}
#setra-mobile-preview .st-chart-info p{font-size:9px;color:var(--st-muted);line-height:1.7;margin-top:7px}
#setra-mobile-preview .st-chart-stage{display:flex;align-items:stretch;margin-top:10px}
#setra-mobile-preview .st-chart-rail{display:flex;flex-direction:column;width:29px;border-right:1px solid var(--st-line);flex-shrink:0}
#setra-mobile-preview .st-chart-rail button{height:39px;display:grid;place-items:center;padding:5px;color:var(--st-muted)}
#setra-mobile-preview .st-chart-rail button:first-child{color:var(--st-accent);background:var(--st-soft)}
#setra-mobile-preview .st-chart-rail svg{width:15px;height:15px;stroke-width:1.3}
#setra-mobile-preview .st-chart-canvas{flex:1;min-width:0}
#setra-mobile-preview .st-chart-canvas .st-chart{height:330px;border-radius:0}
#setra-mobile-preview .st-chart-bottomtabs{border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line);display:flex;align-items:center;gap:15px;padding:10px;font-size:10px}
#setra-mobile-preview .st-chart-bottomtabs button{font-size:10px;padding:5px 0;color:var(--st-muted)}
#setra-mobile-preview .st-chart-panel{font-size:11px;padding:14px 12px;line-height:1.6;background:var(--st-soft)}
#setra-mobile-preview .st-chart-status{display:flex;justify-content:space-between;padding:9px;font-size:9px;color:var(--st-muted)}
#setra-mobile-preview .st-chart-workspace .st-note{margin:0;padding:7px 10px 14px;font-size:9px}

#setra-mobile-preview[data-view="chart"] .st-header{display:none}#setra-mobile-preview[data-view="chart"] #st-main{padding:0;min-height:0}#setra-mobile-preview .st-native-chart{height:680px;width:100%;background:#fff}#setra-mobile-preview .st-native-chart iframe{display:block;width:100%;height:100%;border:0}
#setra-mobile-preview .st-phone{height:844px;display:flex;flex-direction:column}
#setra-mobile-preview .st-status,#setra-mobile-preview .st-header,#setra-mobile-preview .st-nav,#setra-mobile-preview .st-homebar{flex-shrink:0}
#setra-mobile-preview #st-main{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
#setra-mobile-preview[data-view="chart"] #st-main{flex:1 1 0;overflow:hidden;min-height:0}
#setra-mobile-preview .st-native-chart{height:100%;min-height:0}
#setra-mobile-preview .st-nav{min-height:68px}

html{color-scheme:light;background:#f8f5ed}html,body{margin:0;height:100%;overflow:hidden}body{font-family:ui-rounded,system-ui,sans-serif}
#setra-mobile-preview{padding:0;min-height:100%;display:flex;justify-content:center}
#setra-mobile-preview .st-phone{width:100%;max-width:480px;height:100vh;height:100dvh;border:0;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top,0px)}
#setra-mobile-preview .st-header{padding:21px 22px 18px}
#setra-mobile-preview .st-nav{padding-bottom:max(10px,env(safe-area-inset-bottom,0px));background:var(--st-panel)}
#setra-mobile-preview #st-main{scrollbar-width:thin;scroll-behavior:auto}
#setra-mobile-preview .st-nav button{min-height:48px}
#setra-mobile-preview .st-native-chart iframe{height:100%}
#setra-mobile-preview .st-terminal-frame{display:block;height:100%;width:100%;border:0}
#setra-mobile-preview[data-view="terminal"] #st-main{padding:0;overflow:hidden}
#setra-mobile-preview button{touch-action:manipulation}
#setra-mobile-preview .st-summary-top{flex-wrap:wrap;gap:5px}
@media(min-width:600px){body{background:#eeeee5}#setra-mobile-preview .st-phone{box-shadow:0 0 50px #293b2410}}
@media(min-width:600px),(pointer:fine){
  #setra-mobile-preview .st-phone{height:min(860px,100dvh)}
}

#setra-mobile-preview .st-arena-frame{display:block;width:100%;height:100%;border:0}
#setra-mobile-preview[data-view="arena"] #st-main{padding:0;overflow:hidden}
#setra-mobile-preview .st-quick .st-game-shortcut{position:relative}
#setra-mobile-preview .st-new-badge{position:absolute;top:-5px;left:50%;margin-left:7px;z-index:1;padding:3px 5px;border:2px solid var(--st-bg);border-radius:7px;background:#627d36;color:#fffdf8;font-size:7px;font-weight:800;letter-spacing:.5px;line-height:1.2}
#setra-mobile-preview .st-service-frame{display:block;width:100%;height:100%;border:0}
#setra-mobile-preview[data-view="signal"]:has(.st-service-frame) #st-main,#setra-mobile-preview[data-view="game"]:has(.st-service-frame) #st-main{padding:0;overflow:hidden}
#setra-mobile-preview .st-service-symbol{display:flex;align-items:center;justify-content:center;width:57px;height:57px;margin-bottom:18px;border-radius:18px;background:#e6eccf;color:#627d36}
#setra-mobile-preview .st-service-symbol svg{width:28px;height:28px}
#setra-mobile-preview .st-service-gate h2{font-size:22px;line-height:1.3}
#setra-mobile-preview .st-analyst-hero{position:relative;display:flex;align-items:center;min-height:184px;padding:22px 17px;margin-bottom:20px;border-radius:20px;background:#edf0de;overflow:hidden;isolation:isolate}
#setra-mobile-preview .st-analyst-hero>div{position:relative;z-index:1;width:63%}
#setra-mobile-preview .st-analyst-hero h1{font-size:27px;line-height:1.12;letter-spacing:-1px;margin:12px 0 10px;color:#34462d}
#setra-mobile-preview .st-analyst-hero p{font-size:11px;line-height:1.7;color:#73805e;margin:0}
#setra-mobile-preview .st-analyst-hero img{position:absolute;width:48%;height:auto;right:-8px;bottom:-10px;filter:drop-shadow(0 8px 9px #34462d12)}
#setra-mobile-preview .st-analyst-hero img{height:calc(100% - 8px);width:44%;object-fit:contain;right:0;bottom:0}
/* Desktop-only surfaces stay out of the approved mobile layout. */
#setra-mobile-preview .st-desktop-topbar,#setra-mobile-preview .st-desktop-extras,#setra-mobile-preview .st-desktop-companion,#setra-mobile-preview .st-desktop-recent{display:none}
#setra-mobile-preview .st-home-primary,#setra-mobile-preview .st-home-secondary{display:contents}
#setra-mobile-preview .st-home-arena,#setra-mobile-preview .st-home-game{display:block;margin:0 0 24px;min-width:0}
#setra-mobile-preview .st-home-contests{display:grid;gap:10px}
#setra-mobile-preview .st-home-contest{display:block;text-align:left;width:100%;padding:17px;border:1px solid #e1e5d5;background:#fffdf8;border-radius:15px;color:#34462d}
#setra-mobile-preview .st-home-contest>div{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
#setra-mobile-preview .st-home-contest strong{font-size:14px;letter-spacing:-.3px}
#setra-mobile-preview .st-live-chip{font-size:8px;white-space:nowrap;background:#edf0de;color:#71864e;padding:5px 7px;border-radius:6px}
#setra-mobile-preview .st-home-contest p{font-size:12px;color:#8f7c48;margin:13px 0 7px;font-weight:600}
#setra-mobile-preview .st-home-contest small{display:block;color:#8a927d;font-size:10px;line-height:1.7}
#setra-mobile-preview .st-home-contest-link{display:block;font-size:10px;font-weight:650;margin-top:12px;color:#627d36}
#setra-mobile-preview .st-home-game-board{padding:8px 17px 11px;background:#fffdf8;border:1px solid #e1e5d5;border-radius:15px}
#setra-mobile-preview .st-home-player{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #e8eadf}
#setra-mobile-preview .st-home-place{display:grid;place-items:center;width:25px;height:27px;border-radius:7px;background:#f1ecd7;color:#95804c;font-size:11px;font-weight:650;flex:none}
#setra-mobile-preview .st-home-player>div{flex:1;min-width:0}
#setra-mobile-preview .st-home-player strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}
#setra-mobile-preview .st-home-player small{display:block;font-size:9px;color:#8b947c;margin-top:5px}
#setra-mobile-preview .st-home-player>b{font-size:11px;color:#627d36;white-space:nowrap;font-weight:650}
#setra-mobile-preview .st-home-game-note{font-size:8px;color:#969b87;margin-top:11px;line-height:1.6}
#setra-mobile-preview .st-home-empty{font-size:11px;line-height:1.8;color:#889479;padding:10px 0}
#setra-mobile-preview .st-home-login{font-size:11px;color:#627d36;display:inline-flex;padding:8px 0;text-decoration:none;font-weight:600}
@media(min-width:1024px){#setra-mobile-preview .st-home-arena{margin-top:23px}#setra-mobile-preview .st-home-contests{grid-template-columns:repeat(2,minmax(0,1fr))}#setra-mobile-preview .st-home-game{margin:0 0 26px}}
#setra-mobile-preview .st-save-error{position:fixed;top:90px;right:20px;z-index:200;max-width:330px;margin:0;padding:13px 16px;background:#fff4ed;border:1px solid #e7c6b7;border-radius:12px;color:#a16b56;font-size:12px;line-height:1.7;box-shadow:0 5px 20px #34462d14}
#setra-mobile-preview #st-main iframe{visibility:hidden;background:#f8f5ed}
#setra-mobile-preview #st-main iframe.st-frame-ready{visibility:visible}
#setra-mobile-preview .st-frame-error{position:absolute;inset:20px;display:grid;place-content:center;gap:12px;text-align:center;color:#647153;font-size:13px}
#setra-mobile-preview .st-frame-error button{padding:12px 18px;border:1px solid #d8dfc3;border-radius:12px;background:#edf0de;color:#627d36}

#setra-mobile-preview[data-view="learn"] #st-main{padding:0;overflow:hidden}
