:root{--color-primary: #27ae60;--color-primary-dark: #1e8449;--color-accent: #f0913a;--color-text: #1b1b1f;--color-text-muted: #8a8a92;--color-bg: #f2f3f5;--color-card: #ffffff;--color-danger: #e74c3c;--color-border: #ececef;--tint-recipes-bg: #e3edfb;--tint-recipes-fg: #1f6fbf;--tint-chats-bg: #e6f2fb;--tint-chats-fg: #2f9fe0;--tint-networks-bg: #e4f7ec;--tint-networks-fg: #27ae60;--tint-friends-bg: #f3ece3;--tint-friends-fg: #8a5a2b;--tint-favourites-bg: #ffffff;--tint-favourites-fg: #e74c3c;--tint-uploads-bg: #fdeee0;--tint-uploads-fg: #f0932b;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--shadow-card: 0 10px 25px rgba(20, 20, 30, .08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Poppins,Segoe UI,Roboto,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);overflow-x:hidden}img{max-width:100%}a{color:inherit}.app-shell{width:100%;max-width:560px;margin:0 auto;min-height:100vh;background:var(--color-bg);position:relative}@media (min-width: 768px){body{background:var(--color-bg)}.app-shell{max-width:1120px}}.card-surface{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.top-bar{display:flex;align-items:center;gap:14px;padding:20px}.top-bar .back-btn{width:40px;height:40px;border-radius:50%;border:none;background:rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;flex-shrink:0}.top-bar h1,.top-bar h2{margin:0;font-weight:700;font-size:1.4rem}.pill-btn{border:none;border-radius:999px;padding:14px 20px;font-weight:600;cursor:pointer;text-align:center}.pill-btn.primary{background:var(--color-primary);color:#fff}.pill-btn.light{background:#fff;color:var(--color-primary)}.chip{display:inline-block;border:1px solid var(--color-border);border-radius:999px;padding:8px 16px;font-size:.85rem;color:var(--color-text);background:#fff}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (min-width: 768px){.grid-2col{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}}.avatar-circle{border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;overflow:hidden}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.explore-link{display:block;text-align:center;color:var(--color-primary);font-weight:700;text-decoration:underline;margin:24px 0;cursor:pointer}