@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--tw-blue: #1da1f2;--tw-blue-hover: #0c85d0;--tw-blue-gradient: linear-gradient(135deg, #1da1f2 0%, #0284c7 100%);--tw-blue-glow: 0 4px 20px rgba(29, 161, 242, .35);--tw-blue-light: rgba(29, 161, 242, .12);--tw-blue-subtle: rgba(29, 161, 242, .06);--tw-dark: #242933;--tw-navy: #1e222b;--tw-white: #ffffff;--tw-red: #f43f5e;--tw-green: #10b981;--tw-yellow: #f59e0b;--tw-purple: #8b5cf6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-primary: #191c24;--bg-secondary: #212530;--bg-tertiary: #2a2f3e;--bg-elevated: #32384a;--glass-bg: rgba(33, 37, 48, .82);--glass-bg-card: rgba(38, 43, 56, .72);--glass-bg-hover: rgba(45, 51, 66, .9);--glass-border: rgba(255, 255, 255, .1);--glass-border-subtle: rgba(255, 255, 255, .07);--text-primary: #f0f3f6;--text-secondary: #9da7b3;--text-muted: #6e7681;--dock-bg: rgba(27, 31, 40, .92);--modal-overlay: rgba(12, 14, 18, .75);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45)}[data-theme=light]{--bg-primary: #f4f6f9;--bg-secondary: #ffffff;--bg-tertiary: #e9edf2;--bg-elevated: #ffffff;--glass-bg: rgba(255, 255, 255, .88);--glass-bg-card: rgba(255, 255, 255, .95);--glass-bg-hover: rgba(240, 244, 248, .9);--glass-border: rgba(0, 0, 0, .08);--glass-border-subtle: rgba(0, 0, 0, .05);--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--dock-bg: rgba(255, 255, 255, .94);--modal-overlay: rgba(15, 23, 42, .45);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--tw-blue)}.app-container{width:100%;max-width:680px;margin:0 auto;min-height:100vh;padding-bottom:110px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.glass-card{background:var(--glass-bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.posts-stream{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.post-stream-item{padding:16px 20px;border-bottom:1px solid var(--glass-border-subtle);transition:background-color var(--transition-fast)}.post-stream-item:last-child{border-bottom:none}.post-stream-item:hover{background-color:var(--glass-bg-hover)}input[type=text],input[type=password],input[type=email],textarea,select{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);outline:none;transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--tw-blue);box-shadow:0 0 0 3px var(--tw-blue-light)}.btn-twitter{background:var(--tw-blue-gradient);color:#fff;border:none;font-weight:700;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:var(--tw-blue-glow);transition:all var(--transition-fast)}.btn-twitter:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #1da1f273}.btn-twitter:active:not(:disabled){transform:translateY(0)}.btn-twitter:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{background:#ffffff0a;color:var(--text-primary);border:1px solid var(--glass-border-subtle);font-weight:600;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all var(--transition-fast)}.btn-ghost:hover{background:var(--glass-bg-hover);border-color:var(--glass-border)}.btn-danger{background:#f43f5e1f;color:var(--tw-red);border:1px solid rgba(244,63,94,.35);font-weight:700;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:var(--tw-red);color:#fff;border-color:var(--tw-red)}.glass-modal-backdrop{position:fixed;inset:0;background:var(--modal-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.glass-modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;animation:modalScaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:6px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:190px;z-index:100;padding:6px;overflow:hidden;animation:dropdownIn .15s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--glass-bg-hover)}.dropdown-item.danger{color:var(--tw-red)}.dropdown-item.danger:hover{background:#f43f5e1a}.mobile-floating-dock,.floating-bottom-dock{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--dock-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:0 12px 36px #00000073;display:flex;align-items:center;gap:6px;padding:6px 14px;z-index:900;transition:all var(--transition-normal)}.dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-full);cursor:pointer;font-size:.72rem;font-weight:600;transition:all var(--transition-fast);min-width:56px}.dock-item:hover{color:var(--text-primary);background:#ffffff0d}.dock-item.active{color:var(--tw-blue);background:var(--tw-blue-light)}.fab-post-btn{width:46px;height:46px;border-radius:var(--radius-full);background:var(--tw-blue-gradient);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--tw-blue-glow);margin:0 4px;transition:all var(--transition-fast)}.fab-post-btn:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 8px 24px #1da1f28c}.fab-post-btn:active{transform:scale(.96)}.badge-warning{background:#f59e0b26;color:var(--tw-yellow);border:1px solid rgba(245,158,11,.35);font-size:.64rem;font-weight:800;padding:2px 7px;border-radius:var(--radius-full);font-family:var(--font-mono)}.badge-banned{background:#f43f5e33;color:var(--tw-red);border:1px solid var(--tw-red);font-size:.64rem;font-weight:900;padding:2px 7px;border-radius:var(--radius-full);font-family:var(--font-mono)}.avatar-frame{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--glass-border-subtle);background-color:var(--bg-secondary)}@keyframes inputShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.limit-reached{border-color:var(--tw-red)!important;box-shadow:0 0 10px #f43f5e73!important}.shake-limit{animation:inputShake .35s ease-in-out;border-color:var(--tw-red)!important;box-shadow:0 0 12px #f43f5e80!important}