*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#fff;background:#050505;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at top,#06351ff2,#0000 35%),#050505;grid-template-columns:minmax(0,1fr) 420px;gap:28px;min-height:100vh;padding:32px;display:grid}.hero{background:#ffffff09;border:1px solid #ffffff1a;border-radius:34px;flex-direction:column;justify-content:center;padding:34px;display:flex;box-shadow:0 30px 90px #00000059}.badge{color:#d1fae5;background:#10b9811f;border:1px solid #34d39940;border-radius:999px;width:fit-content;padding:10px 14px;font-size:14px;font-weight:800}h1{letter-spacing:-.06em;margin:24px 0 0;font-size:clamp(42px,6vw,72px);line-height:.95}.hero p{color:#d4d4d8;max-width:720px;font-size:18px;line-height:1.7}.hero-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.hero-cards div,.setting-row{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;padding:18px}.hero-cards b{font-size:24px;display:block}.hero-cards small{color:#a1a1aa}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero button,.actions button,.upload button,.wide{color:#000;background:#fff;border:0;border-radius:16px;padding:12px 16px;font-weight:900}.hero button+button,.actions button:not(:first-child){color:#fff;background:#ffffff1a;border:1px solid #ffffff1f}.phone{background:#000;border:1px solid #ffffff1f;border-radius:36px;flex-direction:column;max-width:420px;height:720px;display:flex;overflow:hidden;box-shadow:0 30px 90px #00000080}.phone-top{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.phone-top small{color:#71717a;margin-top:3px;font-size:12px;display:block}.phone-top span{color:#d1fae5;background:#10b9811f;border:1px solid #34d39940;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.phone-screen{flex:1;min-height:0;position:relative;overflow:hidden}.bubble-screen{background:radial-gradient(circle at 50% 20%,#10b9813d,#0000 34%),#050505;padding:20px}.screen-head{z-index:4;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.screen-head small{color:#ffffff73;letter-spacing:.25em;text-transform:uppercase;font-size:11px}.screen-head h2,.list-screen h2{margin:3px 0 0;font-size:20px}.screen-head em{color:#d1fae5;background:#10b9811f;border:1px solid #34d39933;border-radius:999px;padding:7px 10px;font-size:12px;font-style:normal;font-weight:800}.hint{color:#ffffff59;background:#ffffff06;border:1px solid #ffffff0d;border-radius:22px;padding:16px;font-size:12px;position:absolute;top:82px;left:20px;right:20px}.bubble-layer{position:absolute;inset:64px 0 0}.user-bubble{color:#fff;border:0;border-radius:999px;place-items:center;padding:5px;display:grid;position:absolute}.user-bubble:before{content:"";border-radius:inherit;filter:blur(10px);background:#ffffff38;position:absolute;inset:0}.user-bubble>*{z-index:2;position:relative}.user-bubble .avatar{color:#020617;border-radius:999px;place-items:center;width:62%;height:62%;font-weight:1000;display:grid;box-shadow:inset 0 10px 35px #ffffff38}.user-bubble:after{content:"";border-radius:inherit;background:#000000e6;border:1px solid #fff3;position:absolute;inset:5px}.user-bubble .level{color:#000;background:#fff;border-radius:999px;padding:5px 7px;font-size:10px;font-weight:1000;position:absolute;top:9px;right:-2px}.user-bubble .value{background:#000000bf;border:1px solid #ffffff26;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:1000;position:absolute;bottom:18px}.xp-bar{background:#ffffff1a;border-radius:999px;width:66%;height:6px;position:absolute;bottom:5px;overflow:hidden}.xp-bar span{border-radius:inherit;background:#fff;height:100%;display:block}.quick-stats{opacity:.78;grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:absolute;top:505px;left:20px;right:20px}.quick-stats span{text-align:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:14px;padding:9px 6px;font-size:11px;font-weight:800}.overlay{z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000c7;border:1px solid #ffffff26;border-radius:28px;padding:16px;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 20px 80px #00000073}.overlay-head{align-items:center;gap:12px;display:flex}.avatar-big,.avatar-xl{color:#000;border-radius:999px;place-items:center;width:64px;height:64px;font-weight:1000;display:grid}.overlay h3{margin:0;font-size:16px}.overlay h3 span{text-transform:uppercase;color:#fffc;background:#ffffff1a;border-radius:999px;padding:4px 7px;font-size:10px}.overlay p{color:#ffffff8c;margin:3px 0;font-size:12px}.overlay strong{color:#a7f3d0;font-size:13px}.caption{line-height:1.45;color:#ffffffbf!important}.stats3{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.stats3 div{text-align:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;padding:10px}.stats3 b,.stats3 small{display:block}.stats3 small{color:#ffffff73;margin-top:3px}.xp-card{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;margin-top:10px;padding:12px}.xp-card div{justify-content:space-between;font-size:12px;display:flex}.xp-card span{background:#ffffff1a;border-radius:999px;height:8px;margin-top:8px;display:block;overflow:hidden}.xp-card i{border-radius:inherit;background:#fff;height:100%;display:block}.actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.actions button{padding:10px;font-size:12px}.list-screen{background:#09090b;padding:20px;overflow-y:auto}.list-screen>p{color:#a1a1aa;font-size:14px;line-height:1.4}.market-bubbles{background:radial-gradient(circle at 50% 30%,#10b98138,#0000 40%),#050505;border:1px solid #ffffff1a;border-radius:28px;height:315px;margin-top:16px;position:relative;overflow:hidden}.search,.setting-row{color:#a1a1aa;margin-top:14px}.rank-list{gap:12px;margin-top:14px;display:grid}.rank-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.rank-card small{color:#a1a1aa;margin-top:3px;font-size:11px;display:block}.rank-card>.mini-chart{color:#a7f3d0;grid-column:1/-1}.mini-avatar{color:#000;border-radius:999px;place-items:center;width:48px;height:48px;font-weight:1000;display:grid}.up{color:#6ee7b7!important}.down{color:#fca5a5!important}.mini-chart path:first-child{stroke:currentColor;stroke-opacity:.18}.mini-chart path:last-child{stroke:currentColor;stroke-width:4px;fill:none;stroke-linecap:round;stroke-linejoin:round}.upload{text-align:center;background:#ffffff0a;border:1px dashed #fff3;border-radius:28px;place-items:center;min-height:280px;margin-top:18px;padding:20px;font-size:34px;display:grid}.upload h3{margin:10px 0 0;font-size:20px}.upload p{font-size:14px}.profile-head{align-items:center;gap:16px;display:flex}.avatar-xl{width:96px;height:96px;font-size:28px}.profile-head p{color:#a1a1aa;margin:4px 0}.profile-head b{color:#6ee7b7;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.wide{width:100%;margin-top:16px}.grid-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.grid-cards div{aspect-ratio:9/14;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:10px}.grid-cards span{color:#000;border-radius:999px;place-items:center;width:36px;height:36px;margin-bottom:8px;font-weight:1000;display:grid}.grid-cards b,.grid-cards small{display:block}.grid-cards small{color:#ffffff8c}.input-label{color:#71717a;text-transform:uppercase;letter-spacing:.18em;margin-top:16px;font-size:12px;font-weight:900;display:block}.input-label input{color:#fff;background:#000;border:1px solid #ffffff1a;border-radius:16px;outline:none;width:100%;margin-top:8px;padding:12px 14px}.formula,.warning,.tests{color:#d1fae5;background:#10b9811a;border:1px solid #34d3992e;border-radius:22px;margin-top:16px;padding:16px}.formula p,.warning p{color:#d1fae5c7;font-size:13px}.thresholds{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px;display:grid}.thresholds span,.tests div{background:#00000040;border:1px solid #ffffff1a;border-radius:14px;padding:10px;font-size:12px;font-weight:800}.tests{color:#fff;background:#ffffff0d;border-color:#ffffff1a}.tests div{justify-content:space-between;margin-top:8px;display:flex}.pass{color:#6ee7b7}.fail{color:#fca5a5}.warning{color:#fef3c7;background:#fbbf241a;border-color:#fbbf2438}nav{background:#000;border-top:1px solid #ffffff1a;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;display:grid}nav button{color:#71717a;background:0 0;border:0;border-radius:14px;padding:10px 4px;font-size:11px;font-weight:900}nav button.active{color:#000;background:#fff}@media (width<=920px){.app{grid-template-columns:1fr;padding:16px}.phone{width:100%;margin:0 auto}.hero-cards{grid-template-columns:1fr}}