:root{--primary: #2563eb;--primary-light: #eff6ff;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--background: #f8fafc;--card-bg: #ffffff;--text-main: #0f172a;--text-sub: #64748b;--border: #e2e8f0;--radius-xl: 32px;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}@media(prefers-color-scheme:dark){:root{--background: #000000;--card-bg: rgba(28, 28, 30, .8);--text-main: #ffffff;--text-sub: #98989d;--border: rgba(255, 255, 255, .1)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Arial,sans-serif;background-color:#0f0f0f;color:var(--text-main);line-height:1.5;overflow:hidden;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;height:100vh}.device-wrapper{position:relative;width:410px;height:870px;background:#222;border-radius:68px;padding:12px;box-shadow:0 50px 100px #000c,inset 0 0 10px #ffffff1a;display:flex;justify-content:center;align-items:center;transform:scale(.9)}.device-wrapper:before,.device-wrapper:after{content:"";position:absolute;background:#333;width:3px;border-radius:2px}.device-wrapper:before{left:-3px;top:180px;height:50px;box-shadow:0 60px #333}.device-wrapper:after{right:-3px;top:200px;height:80px}.mobile-container{width:386px;height:846px;position:relative;background-color:var(--background);border-radius:56px;scrollbar-width:none;padding-bottom:0;display:flex;flex-direction:column;overflow:hidden}.mobile-container::-webkit-scrollbar{display:none}.mobile-container:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:100px;height:30px;background:#000;border-radius:20px;z-index:2000}@media(max-width:500px){body{background-color:var(--background);padding:0;overflow:auto}.device-wrapper{width:100vw;height:100vh;padding:0;border-radius:0;transform:none;box-shadow:none;background:none}.device-wrapper:before,.device-wrapper:after{display:none}.mobile-container{width:100vw;height:100vh;border-radius:0;padding-bottom:0}.mobile-container:before{display:none}}.content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-bottom:calc(100px + var(--safe-bottom));padding-top:20px}.content-scroll::-webkit-scrollbar{display:none}.glass-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.glass-card:active{transform:scale(.97);box-shadow:none}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px 20px}.metric-scroll-container{display:flex;overflow-x:auto;gap:16px;padding:0 20px 24px;scrollbar-width:none;-ms-overflow-style:none}.metric-scroll-container::-webkit-scrollbar{display:none}.metric-scroll-container .glass-card{flex:0 0 calc((100% - 16px)/2);min-width:calc((100% - 16px)/2);min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.header{padding:calc(50px + var(--safe-top)) 20px 24px;background:transparent}.h1{font-size:34px;font-weight:900;margin:0;letter-spacing:-1px;color:var(--text-main)}.tab-bar{position:absolute;bottom:0;left:0;right:0;height:calc(84px + var(--safe-bottom));background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:0 20px var(--safe-bottom);z-index:1000;border-bottom-left-radius:56px;border-bottom-right-radius:56px}@media(prefers-color-scheme:dark){.tab-bar{background:#000c}}.tab-item{display:flex;flex-direction:column;align-items:center;color:var(--text-sub);font-size:10px;font-weight:600;text-decoration:none;gap:4px}.tab-item.active{color:var(--primary)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.push-btn{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #007aff4d;display:flex;align-items:center;gap:6px}.push-btn:active{transform:scale(.95);opacity:.9}