:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f6f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{height:68px;padding:0 max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e6e9ef;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand div{display:grid;gap:2px}.brand span{font-size:12px;color:#737d90}.mark{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#5d34dc,#774fff);color:#fff;font-weight:800;font-size:26px;box-shadow:0 8px 20px #5d34dc2c}.mark.small{width:36px;height:36px;border-radius:11px;font-size:18px}.status{display:flex;align-items:center;gap:7px;font-size:12px;color:#6b7485}.status i{width:8px;height:8px;border-radius:50%;background:#f2ad3e}.status.ok i{background:#24a66a}nav{position:sticky;top:68px;z-index:9;height:48px;display:flex;gap:4px;padding:6px max(14px,calc((100vw - 980px)/2));background:#fff;border-bottom:1px solid #e6e9ef;overflow:auto}nav button{border:0;background:transparent;color:#687286;padding:8px 13px;border-radius:9px;font-weight:650;white-space:nowrap}nav button.active{background:#eeeafd;color:#5d34dc}main{max-width:980px;margin:auto;padding:20px 16px 70px}.tab{display:none}.tab.active{display:block}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hero-grid article,.cards article,.explain,.settings,.list{background:#fff;border:1px solid #e7e9ef;border-radius:15px;box-shadow:0 2px 8px #18223a08}.hero-grid article{padding:14px;display:grid;gap:6px}.hero-grid span{font-size:12px;color:#737d90}.hero-grid strong{font-size:21px;letter-spacing:-.5px}.positive{color:#14895a!important}.negative{color:#c73c4d!important}.section-head{display:flex;align-items:end;justify-content:space-between;margin:23px 2px 10px}.section-head h2{font-size:16px;margin:0}.section-head span{font-size:11px;color:#7a8497}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cards article{padding:13px}.pair{display:flex;justify-content:space-between;align-items:center}.pair strong{font-size:14px}.badge{font-size:10px;font-weight:750;padding:4px 7px;border-radius:999px;background:#edf8f3;color:#16845b}.prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.prices div{display:grid;gap:2px}.prices span,.meta{font-size:10px;color:#7a8497}.prices b{font-size:13px}.spread{font-size:21px;font-weight:760;margin-top:10px}.list{overflow:hidden}.row{display:grid;grid-template-columns:minmax(100px,1fr) repeat(3,minmax(70px,.65fr));gap:8px;padding:11px 13px;border-bottom:1px solid #edf0f4;align-items:center;font-size:12px}.row:last-child{border:0}.row small{color:#7a8497}.empty{padding:18px;text-align:center;color:#8a93a4;font-size:13px}.settings{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.settings label{display:grid;gap:6px;font-size:12px;color:#687286}.settings input{width:100%;border:1px solid #dfe3ea;border-radius:10px;padding:11px;font:inherit;color:#172033;background:#fbfcfd}.settings button,.login button{border:0;border-radius:11px;padding:12px 16px;background:#633be2;color:white;font-weight:750}.settings button{align-self:end}.settings p{margin:0;color:#14895a;font-size:12px}.explain{padding:20px}.explain h2{margin-top:0}.explain li{margin:10px 0;color:#4d586c;line-height:1.45}.notice{background:#f2effd;color:#5936c5;padding:12px;border-radius:11px;margin-top:18px;font-size:12px}.login{display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#eee9ff,#f7f8fa 55%)}.login-card{width:min(360px,100%);background:#fff;border:1px solid #e5e7ed;border-radius:22px;padding:30px;box-shadow:0 25px 70px #37247b18;text-align:center}.login-card .mark{margin:0 auto 18px}.login-card h1{font-size:22px;margin:0}.login-card p{color:#7b8495;margin:7px 0 22px}.login-card form,.login-card label{display:grid;gap:9px;text-align:left}.login-card input{border:1px solid #dfe3ea;border-radius:11px;padding:13px;font:inherit}.login-card button{margin-top:9px}.error{font-size:12px;color:#c73c4d;text-align:center;min-height:18px}@media(max-width:680px){header{height:60px}.brand strong{font-size:14px}.status span{display:none}nav{top:60px}.hero-grid{grid-template-columns:1fr 1fr}.hero-grid strong{font-size:18px}.cards{grid-template-columns:1fr}.settings{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}.row>*:nth-child(n+3){text-align:right}main{padding:14px 12px 60px}}