@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');
:root{--lime:#c8f43d;--green:#82b72a;--bg:#091006;--card:#151f0e;--card2:#1b2911;--text:#f4f8df;--muted:#91a879;--red:#ff5858;--line:#2e441a}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(135deg,#b9e55b,#557d19);font-family:Manrope,system-ui;color:var(--text)}body{display:grid;place-items:center}.phone{width:100%;max-width:480px;min-height:100dvh;background:var(--bg);position:relative;padding-bottom:84px;overflow:hidden}.topbar{min-height:94px;padding:max(18px,env(safe-area-inset-top)) 18px 14px;background:linear-gradient(180deg,#97c63a,#6d9f25);color:#102004;display:flex;align-items:flex-end;gap:12px}.topbar h1{font:800 23px/1 Space Grotesk;margin:0}.topbar p{font-size:11px;margin:7px 0 0;opacity:.7}.avatar{margin-left:auto;width:42px;height:42px;border:0;border-radius:50%;background:#17230b;color:var(--lime);font-weight:800;font-size:17px}.back{width:36px;height:36px;border:0;border-radius:11px;background:#314d12;color:#bfe34c;font-size:30px;line-height:30px}.hidden{display:none}.notice{margin:12px 16px 0;padding:9px 12px;border:1px solid #4c6420;border-radius:10px;background:#17200d;color:#b8c98e;font-size:11px}.screen{padding:16px;display:grid;gap:14px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric,.tool,.card,.composer,.rank{background:var(--card);border:1px solid #1d2c12;border-radius:15px;padding:14px}.metric strong{display:block;font:800 20px Space Grotesk;color:#fff}.metric:nth-child(2) strong{color:#2be879}.metric:nth-child(3) strong{color:var(--lime)}.metric:nth-child(4) strong{color:var(--red)}.metric span,.eyebrow,.meta{font-size:10px;color:var(--muted)}.section-title{font-weight:800;font-size:13px;margin:2px 0}.tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool{min-height:92px;text-align:left;color:white;font-weight:700;position:relative}.tool i{display:block;color:var(--lime);font-style:normal;font-size:21px;margin-bottom:12px}.badge{position:absolute;right:10px;top:10px;min-width:22px;padding:3px 6px;border-radius:20px;background:var(--lime);color:#172006;font-size:10px;text-align:center}.badge.red{background:var(--red);color:#270707}.alert{border:1px solid #7c342d;background:#21130f;border-radius:14px;padding:13px;color:#ff7a70;font-size:12px}.row{display:flex;align-items:center;gap:10px}.switch{margin-left:auto;width:42px;height:24px;border-radius:20px;background:var(--lime);padding:3px}.switch:after{content:'';display:block;margin-left:18px;width:18px;height:18px;border-radius:50%;background:#17210b}.card h3{font-size:14px;margin:8px 0}.card p{font-size:11px;line-height:1.5;color:#c3d5a7}.tag{display:inline-block;padding:4px 8px;border-radius:6px;background:#385913;color:var(--lime);font-size:9px;font-weight:800}.tag.red{background:#4e1713;color:#ff7770}.actions{display:flex;gap:8px;margin-top:12px}.actions button,.primary{border:0;border-radius:10px;padding:10px 13px;background:#253719;color:white;font-weight:800;font-size:11px}.actions .yes,.primary{background:var(--lime);color:#172006}.actions .danger{background:#422219;color:#ff6962}.composer textarea,.composer input,.composer select{width:100%;border:0;border-radius:10px;background:#10180b;color:white;padding:12px;margin-top:9px;font:600 12px Manrope}.primary{width:100%;margin-top:12px;padding:13px}.queue{display:grid;gap:8px}.queue .card{padding:11px}.time{color:var(--lime);font-weight:800}.tabs{display:flex;background:#10180b;padding:4px;border-radius:12px}.tabs button{flex:1;border:0;background:transparent;color:#789162;padding:9px;border-radius:9px;font-weight:800}.tabs .active{background:var(--lime);color:#172006}.rank{display:flex;align-items:center;gap:12px}.rank .num{color:var(--lime);font-weight:800}.rank .pic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#4457cc;font-weight:800}.rank strong{font-size:12px}.rank small{display:block;color:var(--muted)}.gain{margin-left:auto;color:#24e67a;font-weight:800}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:72px;padding-bottom:env(safe-area-inset-bottom);display:flex;background:#11190d;border-top:1px solid #243517}.nav button{flex:1;border:0;background:transparent;color:#71875f;font-size:9px;font-weight:700}.nav span{display:block;font-size:20px;margin-bottom:3px}.nav .active{color:var(--lime)}button{cursor:pointer}@media(min-width:600px){.phone{min-height:880px;max-height:94vh;border-radius:38px;box-shadow:0 30px 80px #142300aa}.nav{position:absolute}}