:root{--primary: #0f766e;--primary-dark: #115e59;--primary-light: #14b8a6;--primary-soft: #ccfbf1;--accent: #f59e0b;--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--danger: #e11d48;--success: #16a34a;--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shell-w: 480px;--tabbar-h: 64px;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit}img{display:block;max-width:100%}.app-shell{width:100%;max-width:var(--shell-w);margin:0 auto;height:100dvh;background:var(--surface);position:relative;box-shadow:0 0 0 1px var(--border);display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg)}@media (min-width: 520px){body{background:#e2e8f0}.app-shell{box-shadow:var(--shadow)}}.screen{padding:16px 16px 28px}.topbar{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:56px}.topbar h1{font-size:20px;font-weight:800;letter-spacing:-.02em}.topbar .spacer{flex:1}.topbar-action{background:none;border:none;color:var(--primary);font-weight:700;cursor:pointer;padding:8px;display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-sm)}.topbar-action:active{background:var(--surface-2)}.back-btn{background:none;border:none;cursor:pointer;color:var(--text);display:inline-flex;align-items:center;padding:6px;margin:-6px;border-radius:50%}.back-btn:active{background:var(--surface-2)}.brand{font-weight:800;letter-spacing:-.03em;color:var(--primary);display:inline-flex;align-items:baseline}.brand .u{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:12px 20px;font-weight:700;font-size:15px;cursor:pointer;transition:transform .05s ease,background .15s ease,opacity .15s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{background:var(--surface-2);color:var(--text)}.btn-ghost:hover{background:#eef2f7}.btn-outline{background:transparent;color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}.btn-danger{background:#fef2f2;color:var(--danger)}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{padding:15px 24px;font-size:16px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}.card-pad{padding:16px}.list{display:flex;flex-direction:column;gap:12px}.field{margin-bottom:16px}.label{display:block;font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.input,.textarea,.select{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-soft)}.textarea{resize:vertical;min-height:96px}.input::placeholder,.textarea::placeholder{color:#94a3b8}.form-hint{font-size:12px;color:var(--text-muted);margin-top:6px}.form-error{background:#fff1f2;color:var(--danger);border:1px solid #fecdd3;border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;font-weight:600;margin-bottom:14px}.form-success{background:#f0fdf4;color:var(--success);border:1px solid #bbf7d0;border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;font-weight:600;margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1.5px solid var(--border);color:var(--text);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s ease}.chip.active{background:var(--primary-soft);border-color:var(--primary-light);color:var(--primary-dark)}.chip.readonly{cursor:default}.chip-tag{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.avatar{border-radius:50%;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;overflow:hidden;flex-shrink:0;object-fit:cover;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.tabbar{flex-shrink:0;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff5;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--border);display:flex;z-index:30}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:10.5px;font-weight:700;cursor:pointer;border:none;background:none;position:relative}.tab svg{width:24px;height:24px}.tab.active{color:var(--primary)}.tab .fab{width:46px;height:46px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;margin-top:-18px;box-shadow:0 6px 16px #0f766e66}.tab .fab svg{width:26px;height:26px}.section-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:22px 2px 10px}.section-title:first-child{margin-top:4px}.spinner-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.spinner-wrap.full{min-height:100dvh}.spinner{width:32px;height:32px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty .emoji{font-size:44px;margin-bottom:12px}.empty h3{font-size:17px;color:var(--text);margin-bottom:6px}.empty p{font-size:14px;max-width:280px;margin:0 auto 18px}.muted{color:var(--text-muted)}.small{font-size:13px}.row{display:flex;align-items:center;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:4px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--border);margin:16px 0}.landing{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(160deg,#0f766e,#0d5e57 55%,#0b4f49);color:#fff;padding:0 24px;position:relative;overflow:hidden}.landing:before{content:"";position:absolute;top:-120px;right:-120px;width:320px;height:320px;background:radial-gradient(circle,rgba(245,158,11,.35),transparent 70%);border-radius:50%}.landing-inner{max-width:var(--shell-w);width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.landing-logo{font-size:34px;font-weight:800;letter-spacing:-.03em;margin-top:56px}.landing-logo .u{color:var(--accent)}.landing-hero{margin-top:auto;margin-bottom:24px}.landing-hero h1{font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.landing-hero p{font-size:16px;opacity:.92;max-width:360px}.landing-points{list-style:none;margin:20px 0 8px;display:flex;flex-direction:column;gap:12px}.landing-points li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600}.landing-points .ic{width:36px;height:36px;border-radius:10px;background:#ffffff24;display:flex;align-items:center;justify-content:center;font-size:18px}.landing-cta{padding:24px 0 32px;display:flex;flex-direction:column;gap:12px}.landing-cta .btn-primary{background:#fff;color:var(--primary-dark)}.landing-cta .btn-primary:hover{background:#f1f5f9}.landing-cta .btn-outline{color:#fff;box-shadow:inset 0 0 0 1.5px #fff9}.landing-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff24;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;align-self:flex-start;margin-top:24px}.landing-footer{text-align:center;padding:0 0 28px;font-size:12px;color:#ffffff80}.landing-footer a{color:#fff9;text-decoration:none}.landing-footer a:hover{color:#fff}.auth-screen{min-height:100dvh;max-width:var(--shell-w);margin:0 auto;padding:20px 24px 40px;display:flex;flex-direction:column;background:var(--surface)}.auth-head{margin:12px 0 28px}.auth-head h1{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.auth-head p{color:var(--text-muted);font-size:15px}.auth-foot{margin-top:22px;text-align:center;font-size:14px;color:var(--text-muted)}.auth-foot a{color:var(--primary);font-weight:700}.auth-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .06s ease}.tile:active{transform:scale(.99)}.tile-body{flex:1;min-width:0}.tile-title{font-weight:700;font-size:15px;margin-bottom:2px}.tile-sub{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tile-thumb{width:52px;height:52px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;font-weight:800;overflow:hidden}.tile-thumb img{width:100%;height:100%;object-fit:cover}.event-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer}.event-cover{height:132px;position:relative;display:flex;align-items:flex-end;background-size:cover;background-position:center}.event-cover-fallback{background:linear-gradient(135deg,var(--primary-light),var(--primary))}.event-date-badge{position:absolute;top:12px;left:12px;background:#fffffff2;border-radius:12px;padding:6px 10px;text-align:center;box-shadow:var(--shadow-sm);line-height:1.1}.event-date-badge .d{font-size:18px;font-weight:800;color:var(--primary)}.event-date-badge .m{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.event-card-body{padding:14px}.event-card-body h3{font-size:16px;font-weight:700;margin-bottom:6px;letter-spacing:-.01em}.meta-row{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;margin-bottom:4px}.meta-row svg{width:15px;height:15px;flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:5px;background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.pill.muted{background:var(--surface-2);color:var(--text-muted)}.pill.accent{background:#fef3c7;color:#b45309}.avatar-stack{display:flex}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--surface);margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.chat-screen{display:flex;flex-direction:column;height:100dvh;background:var(--surface-2)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:78%;padding:9px 13px;border-radius:18px;font-size:15px;line-height:1.35;word-wrap:break-word;white-space:pre-wrap}.bubble.mine{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:5px}.bubble.theirs{align-self:flex-start;background:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:5px}.bubble-time{font-size:10px;opacity:.7;margin-top:3px;display:block;text-align:right}.bubble.theirs .bubble-time{color:var(--text-muted)}.chat-day{align-self:center;font-size:11px;font-weight:700;color:var(--text-muted);background:#ffffffb3;padding:3px 12px;border-radius:999px;margin:6px 0}.chat-input-bar{display:flex;gap:8px;align-items:flex-end;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border)}.chat-input{flex:1;border:1.5px solid var(--border);border-radius:22px;padding:10px 16px;font-size:15px;max-height:120px;resize:none}.chat-input:focus{outline:none;border-color:var(--primary-light)}.chat-send{width:42px;height:42px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.chat-send:disabled{opacity:.4}.profile-head{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 0 8px}.profile-head .avatar{margin-bottom:14px;box-shadow:0 8px 24px #0f766e40}.profile-head h2{font-size:22px;font-weight:800;letter-spacing:-.02em}.profile-head .loc{color:var(--text-muted);font-size:14px;margin-top:2px;display:inline-flex;gap:5px;align-items:center}.profile-bio{text-align:center;color:var(--text);font-size:15px;margin:14px 4px;line-height:1.55}.stat-row{display:flex;justify-content:center;gap:28px;margin:16px 0}.stat{text-align:center}.stat .n{font-size:20px;font-weight:800;color:var(--primary)}.stat .l{font-size:12px;color:var(--text-muted);font-weight:600}.detail-cover{height:180px;margin:-16px -16px 16px;background-size:cover;background-position:center;display:flex;align-items:flex-end;position:relative}.detail-cover-fallback{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark))}.detail-cover .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 60%)}.detail-cover .back-float{position:absolute;top:14px;left:14px;z-index:2;width:38px;height:38px;border-radius:50%;background:#ffffffeb;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.fab-float{position:fixed;bottom:calc(var(--tabbar-h) + 16px);right:50%;transform:translate(calc(var(--shell-w) / 2 - 16px - 56px));width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 20px #0f766e73;display:flex;align-items:center;justify-content:center;z-index:25}@media (max-width: 520px){.fab-float{right:16px;transform:none}}