:root{--bg: #0f172a;--panel: #1e293b;--teal: #0f766e;--teal-2: #14b8a6;--text: #e2e8f0;--muted: #94a3b8;--amber: #d97706;--red: #dc2626;--green: #16a34a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:560px;margin:0 auto;padding:16px}h1{font-size:1.2rem}h2{font-size:1rem;color:var(--muted)}.row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}button{min-height:52px;min-width:52px;padding:12px 16px;font-size:1rem;border:none;border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer}button.sel{background:var(--teal);color:#fff}button.primary{background:var(--teal-2);color:#04211d;font-weight:700;flex:1}button:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--panel);border-radius:14px;padding:14px;margin:10px 0}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.8rem}.b-draft{background:#334155}.b-pending{background:var(--amber);color:#fff}.b-synced{background:var(--green);color:#fff}.b-review{background:#7c3aed;color:#fff}.b-conflict{background:#b45309;color:#fff}.b-error{background:var(--red);color:#fff}.muted{color:var(--muted);font-size:.85rem}.net{font-size:.85rem}.net.on{color:var(--green)}.net.off{color:var(--amber)}.anti-phi{background:#7c2d12;color:#fff;border:1px solid var(--amber);border-radius:12px;padding:10px 14px;margin:10px 0;font-size:.9rem;font-weight:600}