:root{--color-primary:#1d9e75;--color-secondary:#d85a30;--color-background:#f5f5f5;--color-surface:#fff;--color-text-primary:#2c2c2a;--color-text-secondary:#5f5e5a;--color-border:#d3d1c7;--color-success:#639922;--color-danger:#e24b4a;--color-info:#378add}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-background);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mobile-container{background:var(--color-surface);max-width:600px;min-height:100vh;margin:0 auto;padding-bottom:80px}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.logo{color:var(--color-primary);align-items:center;gap:.5rem;font-size:24px;font-weight:600;display:flex}.bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;justify-content:space-around;width:100%;max-width:600px;padding:.75rem 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;display:flex}.nav-btn.active{color:var(--color-primary)}.nav-label{font-size:11px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.tag{color:#378add;background:#e6f1fb;border-radius:16px;padding:.25rem .75rem;font-size:13px;font-weight:500;display:inline-block}