:root{--lohas-dark:#50422d;--lohas-mid:#8b6f4e;--lohas-gold:#cdbea2;--lohas-light:#f5ede0;--green:#3b6d11;--green-bg:#eaf3de;--amber:#854f0b;--amber-bg:#faeeda;--red:#a32d2d;--red-bg:#fcebeb;--blue:#185fa5;--blue-bg:#e6f1fb;--gray:#5f5e5a;--gray-bg:#f1efe8}*{box-sizing:border-box;margin:0;padding:0}body{color:#2c2c2a;background:#f5f5f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}.phone{background:#f5f5f0;max-width:390px;min-height:100vh;margin:0 auto}.card{background:#fff;border:.5px solid #0000001a;border-radius:12px;margin-bottom:10px;padding:14px 16px}.hero{background:var(--lohas-dark);color:#fff;border-radius:0 0 20px 20px;padding:18px 18px 14px}.hero-name{font-size:17px;font-weight:600}.hero-title{color:var(--lohas-gold);background:#cdbea240;border-radius:20px;margin-top:3px;padding:2px 10px;font-size:11px;display:inline-block}.xp-bar-bg{background:#ffffff26;border-radius:4px;height:7px;margin-top:10px;overflow:hidden}.xp-bar-fill{background:var(--lohas-gold);border-radius:4px;height:100%;transition:width 1s}.stat-row{gap:8px;margin-top:12px;display:flex}.stat-pill{text-align:center;background:#ffffff14;border-radius:8px;flex:1;padding:6px 4px}.stat-num{font-size:20px;font-weight:600}.stat-lbl{color:#ffffff8c;font-size:10px}.tab-bar{z-index:10;background:#fff;border-bottom:.5px solid #0000001a;display:flex;position:sticky;top:0;overflow-x:auto}.tab-bar button{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;min-width:60px;padding:10px 0;font-size:12px}.tab-bar button.active{color:var(--lohas-dark);border-bottom-color:var(--lohas-mid);font-weight:600}.section{padding:14px}.section-label{color:#888;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:600}.quest-card{cursor:pointer;background:#fff;border:.5px solid #0000001a;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.quest-card.done{opacity:.7}.quest-card.done:before{content:"";background:var(--green);width:3px;position:absolute;top:0;bottom:0;left:0}.quest-card.locked{opacity:.5;pointer-events:none}.quest-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.quest-name{font-size:13px;font-weight:600}.quest-sub{color:#888;margin-top:2px;font-size:11px}.pill{border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.pill-green{background:var(--green-bg);color:var(--green)}.pill-amber{background:var(--amber-bg);color:var(--amber)}.pill-red{background:var(--red-bg);color:var(--red)}.pill-blue{background:var(--blue-bg);color:var(--blue)}.pill-gray{background:var(--gray-bg);color:var(--gray)}.btn-primary{background:var(--lohas-dark);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:13px;font-size:15px;font-weight:600;transition:opacity .2s}.btn-primary:active{opacity:.8}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:#555;cursor:pointer;background:0 0;border:.5px solid #0003;border-radius:10px;padding:8px 14px;font-size:13px}.topbar{background:var(--lohas-dark);align-items:center;gap:12px;padding:14px 16px;display:flex}.topbar-title{color:#fff;font-size:15px;font-weight:600}.topbar-sub{color:#ffffff80;font-size:11px}.topbar-badge{color:#f09595;background:#e24b4a4d;border:.5px solid #e24b4a80;border-radius:20px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600}.avatar{background:var(--lohas-gold);width:40px;height:40px;color:var(--lohas-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.mini-bar{background:#eee;border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.mini-fill{background:var(--lohas-dark);border-radius:2px;height:100%}.loading{color:#888;justify-content:center;align-items:center;height:200px;font-size:14px;display:flex}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.metric{background:#eee;border-radius:10px;padding:12px 14px}.metric-val{color:var(--lohas-dark);font-size:26px;font-weight:700}.metric-lbl{color:#888;margin-top:3px;font-size:11px}.metric-sub{margin-top:3px;font-size:10px;font-weight:600}.metric-sub.up{color:var(--green)}.metric-sub.dn{color:var(--red)}