:root{--sky:#69c8f2;--sky-deep:#2498cf;--ink:#121820;--gray:#66717c;--line:#b7dcec;--paper:#fff;--pale:#eaf8ff;--gold:#e7bd42}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sky);color:var(--ink);font-family:Arial,system-ui,sans-serif}.app{width:100%;max-width:430px;min-height:100vh;margin:auto;background:linear-gradient(#8bd8f7,#5fc2ee 30%,#8edbf8);box-shadow:0 0 80px #124a6550;position:relative}.hero-header{height:226px;padding:23px 17px 14px;text-align:center;color:white;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#186a9b 0,transparent 55%),linear-gradient(135deg,#02101c,#071c2d 66%,#0a3d5c)}.hero-header:before,.hero-header:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid #63cffa30;top:75px}.hero-header:before{left:-90px}.hero-header:after{right:-90px}.update{position:absolute;top:24px;left:17px;text-align:left;font-size:8px;color:#9cdcf7;display:grid;gap:4px}.update time{font-weight:800;color:var(--sky);max-width:66px}.compare{position:absolute;right:17px;top:24px;border:1px solid #388fc0;background:#082136;color:#fff;border-radius:15px;padding:7px 9px;font-size:8px;font-weight:bold}.monogram{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:5px;height:133px;padding-top:13px}.cup{font-size:76px;filter:drop-shadow(0 0 8px #ffd75490);line-height:1}.letters{display:flex;gap:5px;height:105px;align-items:center}.letters b{font:900 103px/.78 Impact,"Arial Black",sans-serif;letter-spacing:-8px;color:transparent;background:repeating-linear-gradient(to bottom,#42afe2 0 32%,#fff 32% 65%,#42afe2 65% 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 4px #64d5ff)}.hero-header h1{position:relative;z-index:1;font:900 28px/.9 Impact,"Arial Black",sans-serif;letter-spacing:1.1px;margin:1px 0 5px}.hero-header p{position:relative;z-index:1;color:#65cdfb;font-size:10px;margin:0}main{padding:10px 10px 92px}.switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#fff;border:1px solid #c9e7f3;border-radius:12px;padding:5px;margin-bottom:8px;box-shadow:0 5px 14px #25729226}.switcher button{height:69px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--gray);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative}.switcher button.active{color:#10293a;background:linear-gradient(135deg,#e9f8ff,#a6e2fa);border-color:#62c1e8;box-shadow:0 3px 9px #40aadd35}.switcher b{font-size:9px;letter-spacing:.4px}.goat{font-size:23px}.shirt{position:absolute;top:9px;right:24px;background:repeating-linear-gradient(90deg,#fff 0 6px,#69c8f2 6px 12px);color:#122e42;font-size:8px;font-weight:900;padding:5px 4px;border-radius:3px}.van{width:44px;height:23px;background:repeating-linear-gradient(to bottom,#65c9f2 0 6px,#fff 6px 13px,#65c9f2 13px 20px);border:2px solid #1a6087;border-radius:7px 9px 4px 4px;position:relative}.van:before{content:"";position:absolute;top:3px;left:5px;width:27px;height:7px;background:#174b68;border-radius:2px}.van i{position:absolute;right:3px;top:3px;width:5px;height:8px;background:#174b68}.van em{position:absolute;bottom:-10px;left:6px;color:#1b4c69;font-size:8px;font-style:normal;letter-spacing:2px;white-space:nowrap}.combo{font-size:19px}.card{background:var(--paper);border:1px solid #cbe9f5;border-radius:12px;padding:14px 12px;margin-bottom:8px;box-shadow:0 6px 16px #31789722}.section-title,h2{font-size:12px;letter-spacing:.3px;margin:0;font-weight:900;color:#23313e}.info{border:1px solid #91a9b8;background:none;color:#61727f;border-radius:50%;font-size:8px;width:14px;height:14px;padding:0}.score-row{display:flex;align-items:center;justify-content:space-around;margin:7px 0}.score-row>div:first-child strong{font-size:57px;color:#168ec7;line-height:1}.score-row>div:first-child b{font-size:22px;color:#168ec7}.level{display:grid;grid-template-columns:43px auto;align-items:center}.level>span{font-size:40px;grid-row:1/3}.level small{font-size:10px;color:var(--gray)}.level strong{font-size:20px;color:#d59f17}.score-card>p{text-align:center;color:#526775;font-size:12px;margin:3px 0 12px}.pulse{border:1px solid #d0e8f2;border-radius:8px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;padding:10px 4px}.pulse div{display:flex;flex-direction:column;gap:3px}.pulse small,.pulse span,.totals small{font-size:8px;color:#617482}.pulse strong{font-size:22px;color:#168ec7}#spark{width:100%;height:45px}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.totals>div{border:1px solid #d4eaf3;border-radius:7px;display:grid;grid-template-columns:30px 1fr;padding:8px 6px}.totals i{font-style:normal;font-size:22px;grid-row:1/3}.totals strong{font-size:14px}.totals>div:nth-child(1) strong{color:#168ec7}.totals>div:nth-child(2) strong{color:#2985ad}.card-head{display:flex;justify-content:space-between;align-items:center}.range{display:flex;gap:4px}.range>*{font-size:9px;padding:5px 8px;background:#e8f6fc;border-radius:4px;color:#618092}.range b{background:#bde8f8;color:#176e99}.line-chart{height:145px;margin-top:12px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#d9edf4 36px)}.line-chart svg{width:100%;height:100%;overflow:visible}.empty{min-height:55px;height:100%;display:grid;place-items:center;color:#71899b;font-size:11px;text-align:center}.ranking{margin-top:12px}.rank-row{display:grid;grid-template-columns:22px 1fr 80px 68px;align-items:center;gap:6px;padding:7px 0;font-size:11px}.rank-row .bar{height:4px;background:#dcecf3;border-radius:3px;overflow:hidden}.rank-row .bar i{display:block;height:100%;background:linear-gradient(90deg,#fff,#259dd2);border-radius:3px}.rank-row strong{text-align:right}.sources{display:flex;overflow:auto;margin-top:12px;scrollbar-width:none}.source{min-width:92px;text-align:center;border-right:1px solid #d8ecf4;padding:4px 5px}.source i{display:grid;margin:auto;width:35px;height:35px;place-items:center;border-radius:10px;background:#dff3fb;font-style:normal;font-weight:bold;color:#177eae}.source b,.source span,.source small{display:block}.source b{font-size:10px;margin-top:7px}.source span{font-size:11px;margin-top:4px}.source small,.example small{font-size:8px;color:var(--gray)}.examples .card-head>span{font-size:9px;color:#177eae}.example{padding:10px 0;border-bottom:1px solid #d8ecf4;display:grid;grid-template-columns:32px 1fr auto;gap:8px}.example i{width:30px;height:30px;background:#dff3fb;border-radius:7px;display:grid;place-items:center;font-style:normal}.example p{font-size:11px;margin:4px 0;line-height:1.35}.example b{font-size:8px;color:#fff;background:#168ec7;border-radius:3px;padding:4px;align-self:center}aside{color:#31596e;font-size:9px;line-height:1.5;padding:10px 8px}nav{position:fixed;z-index:4;bottom:0;width:100%;max-width:430px;height:67px;padding-bottom:env(safe-area-inset-bottom);background:#effaffef;border-top:1px solid #bfe1ee;display:grid;grid-template-columns:repeat(4,1fr);backdrop-filter:blur(12px)}nav a{color:#617989;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:8px}nav b{font-size:22px}nav .active{color:#168ec7}@media(min-width:500px){body{padding:18px 0}.app{min-height:calc(100vh - 36px);border:1px solid #67bfe2;border-radius:28px;overflow:hidden}nav{border-radius:0 0 28px 28px}}