.activity-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px;background-color:#fff;transition:box-shadow .2s ease,transform .1s ease}.participants-widget{display:inline-flex;align-items:center;gap:6px;margin-top:8px;cursor:pointer;background-color:#f5f5f5;padding:.5rem .9rem;border-radius:8px;color:#555;font-weight:600;font-size:.9rem;transition:background-color .2s ease;position:relative}.participants-widget:hover{background-color:#e8e8e8}.participants-widget:before{content:"👥";font-size:1rem}.participants-popup{position:absolute;background-color:#2c2c2c;color:#fff;padding:8px 12px;border-radius:8px;top:100%;left:0;white-space:nowrap;z-index:100;margin-top:8px;box-shadow:0 4px 12px #00000026;font-size:.85rem;font-weight:500}.activity-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}.activity-card h3{margin-top:0;margin-bottom:.5rem}.title-with-type{display:flex;align-items:center;gap:12px}.activity-type{background-color:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.activity-card.joined{border-color:#4caf50;background-color:#f6fff6}.activity-card.past{border-color:#ccc;opacity:.6}button.join{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;border:none;border-radius:12px;padding:.6rem 1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 25px #2563eb40;transition:transform .12s ease,box-shadow .12s ease;font-size:.9rem;margin-left:30px}button.join:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 35px #2563eb59}button.join:disabled{background:linear-gradient(135deg,#4caf50,#388e3c);cursor:default;box-shadow:0 10px 25px #4caf5040;position:relative}button.join:disabled:after{content:"✓";margin-left:.5rem}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#f0f9ffbf,#dbeafebf),url(/background.JPG) center/cover fixed;color:#0f172a;min-height:100vh}.settings-page{max-width:760px;margin:2.5rem auto;padding:0 1rem}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem;box-shadow:0 10px 30px #0f172a12}.settings-alert{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;font-weight:500}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#64748b;margin:0 0 .2rem}.muted{color:#475569;margin:.35rem 0 0}.avatar-fallback{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#93c5fd,#38bdf8);display:grid;place-items:center;color:#0b2c52;font-weight:700;font-size:1.2rem}.settings-form{display:flex;flex-direction:column;gap:1rem}.settings-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}.setting-box{border:1px solid #e2e8f0;border-radius:12px;padding:1rem;background:#f8fafc;display:flex;flex-direction:column;gap:.35rem;min-height:120px}.setting-current{background:#f1f5f9}.setting-label{font-size:.9rem;font-weight:700;color:#0f172a;margin:0}.setting-value{margin:0;color:#334155;font-size:1rem;word-break:break-word}.setting-input label{display:flex;flex-direction:column;gap:.4rem;height:100%}.setting-input input{padding:.7rem .9rem;border-radius:10px;border:1px solid #cbd5e1;background:#fff;font-size:1rem;transition:border-color .15s,box-shadow .15s}.setting-input input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.form-actions button{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;border:none;border-radius:12px;padding:.8rem 1.3rem;font-weight:700;cursor:pointer;box-shadow:0 10px 25px #2563eb40;transition:transform .12s ease,box-shadow .12s ease}.form-actions button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #2563eb4d}.form-actions button:active{transform:translateY(0)}