:root{--bg: #F9F8FF;--bg2: #F0EEF9;--card: #FFFFFF;--border: rgba(0,0,0,.09);--text: #0F0A1E;--muted: #7B7491;--accent: #7C3AED;--accent-bg: #F5F3FF;--accent-border:#C4B5FD;--green: #059669;--red: #DC2626}[data-theme=dark]{--bg: #0D0B14;--bg2: #16131F;--card: #1E1A2E;--border: rgba(255,255,255,.09);--text: #F0EEFF;--muted: #8B80AB;--accent: #9D6FFF;--accent-bg: #1E1A2E;--accent-border:#4C3880;--green: #34D399;--red: #F87171}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;transition:background .2s,color .2s}input,textarea,button,select{font-family:inherit}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.header{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px}.logo{display:flex;align-items:center;gap:8px}.logo-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#4f46e5);display:flex;align-items:center;justify-content:center}.logo-name{font-family:Outfit,sans-serif;font-size:19px;font-weight:800;color:var(--text);letter-spacing:-.3px}.logo-name span{color:#7c3aed}.park-switcher{display:flex;gap:6px;padding:0 14px 10px}.park-btn{flex:1;padding:7px 0;border-radius:9px;font-size:12px;font-weight:600;text-align:center;cursor:pointer;background:var(--bg2);color:var(--muted);border:1px solid transparent;transition:all .15s;-webkit-user-select:none;user-select:none}.park-btn.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.tabs{display:flex;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:92px;z-index:90}.tab{flex:1;padding:10px 0;font-size:12px;font-weight:600;text-align:center;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;transition:all .15s;-webkit-user-select:none;user-select:none;position:relative}.tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--card)}.content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,16px)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:11px 13px}.section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:14px 0 6px}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.spinner{width:22px;height:22px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge-red{position:absolute;top:4px;right:6px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}