*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:#0a0a0f;margin:0}#root{width:100%}:root{--bg:#0a0a0f;--bg-card:#12121a;--bg-hover:#1a1a28;--border:#222;--border-hover:#2a2a3a;--accent:#7873f5;--accent-dim:#7873f522;--accent-glow:#6560e0;--danger:#e74c3c;--warning:#f39c12;--safe:#2ecc71;--text:#e0e0e0;--text-dim:#888;--text-muted:#555;--radius:12px;--nav-height:64px;--header-height:56px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,Pretendard,Segoe UI,sans-serif}.app-shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.app-header{height:var(--header-height);border-bottom:1px solid var(--border);z-index:100;background:linear-gradient(135deg,#1a1a2e 0%,#0a0a1a 100%);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.app-title{color:var(--accent);font-size:20px;font-weight:700}.lang-switcher{position:relative}.lang-btn{background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);cursor:pointer;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600}.lang-dropdown{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius);z-index:200;min-width:160px;margin-top:4px;list-style:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.lang-option{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:14px;display:block}.lang-option:hover{background:var(--bg-hover)}.lang-option.selected{background:var(--accent-dim);color:var(--accent);font-weight:600}.app-main{padding-bottom:var(--nav-height);flex:1;overflow-y:auto}.bottom-nav{width:100%;max-width:480px;height:var(--nav-height);border-top:1px solid var(--border);z-index:100;background:linear-gradient(135deg,#1a1a2e 0%,#0a0a1a 100%);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--accent)}.nav-icon{font-size:22px}.nav-label{font-size:10px;font-weight:600}.page{padding:20px 16px}.page-header{margin-bottom:20px}.page-header h2{color:var(--text);font-size:22px;font-weight:700}.page-subtitle{color:var(--text-dim);margin-top:4px;font-size:13px}.section-title{color:var(--text-dim);margin-bottom:12px;font-size:15px;font-weight:600}.category-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius);cursor:pointer;color:var(--text);flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .2s;display:flex}.category-card:hover{border-color:var(--accent);background:var(--bg-hover)}.category-icon{font-size:28px}.category-label{text-align:center;font-size:12px;font-weight:600}.chatbot-section{margin-top:16px}.chatbot-btn{background:linear-gradient(135deg, var(--accent), var(--accent-glow));color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700}.chatbot-btn:hover{opacity:.9}.trust-cards{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.info-card{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius);padding:14px}.info-card.verified{border-left:4px solid var(--safe)}.info-card.warning{border-left:4px solid var(--warning);background:#f39c1208}.card-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.info-card.verified .card-badge{color:var(--safe);background:#2ecc7122;border:1px solid #2ecc7144}.info-card.warning .card-badge{color:var(--warning);background:#f39c1222;border:1px solid #f39c1244}.info-card h3{color:var(--text);margin:6px 0 2px;font-size:17px}.info-card p{color:var(--text-dim);font-size:12px}.report-btn{width:100%;color:var(--danger);border-radius:var(--radius);cursor:pointer;background:#e74c3c22;border:1px solid #e74c3c44;padding:14px;font-family:inherit;font-size:15px;font-weight:700}.report-btn:hover{background:#e74c3c33}.mission-list{flex-direction:column;gap:10px;display:flex}.mission-card{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius);align-items:center;gap:12px;padding:14px;transition:border-color .2s;display:flex}.mission-card:hover{border-color:var(--accent)}.mission-icon{font-size:28px}.mission-info{flex-direction:column;flex:1;gap:2px;display:flex}.mission-info strong{color:var(--text);font-size:14px}.mission-location{color:var(--text-dim);font-size:11px}.join-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600}.join-btn:hover{background:var(--accent-glow)}.riverwatch-link{background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius);text-align:center;color:var(--accent);margin-top:20px;padding:12px;font-size:13px;font-weight:600}.people-sections,.story-sections{flex-direction:column;gap:10px;display:flex}.section-card{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius);padding:16px;transition:border-color .2s}.section-card:hover{border-color:var(--accent)}.section-icon{font-size:24px}.section-card h3{color:var(--text);margin:6px 0 4px;font-size:15px}.section-card p{color:var(--text-dim);font-size:12px}.empty-state{text-align:center;color:var(--text-muted);padding:20px}.create-story-btn{background:linear-gradient(135deg, var(--accent), var(--accent-glow));color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700}