:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101113;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.app{background:#101113;max-width:520px;min-height:100dvh;margin:0 auto;padding:28px 20px 110px}.header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.eyebrow{color:#b6f45c;letter-spacing:2px;font-size:11px;font-weight:800}h1{margin:8px 0 0;font-size:30px}h3{margin-top:32px}.avatar{background:#292c30;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.welcome{background:linear-gradient(145deg,#303c23,#1b2119);border-radius:24px;padding:28px}.welcome>span{color:#b6f45c;letter-spacing:1px;font-size:11px;font-weight:800}.welcome h2{font-size:32px;line-height:1.12}.welcome p,.placeholder p{color:#b8bbb6;line-height:1.6}.welcome button{color:#111;background:#b6f45c;border:0;border-radius:12px;margin-top:16px;padding:14px 20px;font-weight:800}.cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cards button{color:#fff;text-align:left;background:#202225;border:1px solid #33363a;border-radius:18px;min-height:120px;padding:18px}.cards strong,.cards span{display:block}.cards span{color:#b6f45c;margin-top:12px;font-size:12px}.placeholder{text-align:center;padding:60px 20px}.placeholder-icon{color:#b6f45c;font-size:64px}.bottom-nav{background:#191b1e;border-top:1px solid #303236;justify-content:space-around;width:100%;max-width:520px;padding:14px 4px 24px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#8e9298;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px;font-size:10px;display:flex}.bottom-nav button.active{color:#b6f45c}.nav-icon{font-size:23px}