:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a2e;--bg-card-hover: #1e1e35;--bg-input: #0d0d15;--border: #2a2a3e;--border-focus: #5b5bd6;--text-primary: #e8e8f0;--text-secondary: #8888a0;--text-muted: #55556a;--accent: #5b5bd6;--accent-glow: rgba(91, 91, 214, .3);--accent-soft: rgba(91, 91, 214, .1);--green: #22c55e;--green-glow: rgba(34, 197, 94, .2);--yellow: #eab308;--yellow-glow: rgba(234, 179, 8, .2);--red: #ef4444;--red-glow: rgba(239, 68, 68, .2);--blue: #3b82f6;--blue-glow: rgba(59, 130, 246, .2);--orange: #f97316;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app{max-width:1280px;margin:0 auto;padding:0 24px;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:32px}.header-left{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:1.5rem;color:var(--accent);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{text-shadow:0 0 8px var(--accent-glow)}50%{text-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow)}}.logo-text{font-size:1.4rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{font-size:.65rem;font-weight:700;background:var(--green);color:#000;padding:2px 8px;border-radius:99px;letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:16px}.tagline{color:var(--text-secondary);font-size:.85rem}.follow-btn{font-size:.8rem;color:var(--accent);text-decoration:none;padding:6px 14px;border:1px solid var(--accent);border-radius:99px;transition:all .2s}.follow-btn:hover{background:var(--accent);color:#fff}.main{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-header h2{font-size:.9rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.composer-panel{position:sticky;top:24px;align-self:start}.composer-box{display:flex;gap:12px;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .3s}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}.composer-input-wrapper{flex:1}.tweet-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font);font-size:1.1rem;line-height:1.5;resize:none;min-height:140px}.tweet-input::placeholder{color:var(--text-muted)}.clear-btn{font-size:.75rem;color:var(--text-muted);background:none;border:1px solid var(--border);padding:4px 12px;border-radius:99px;cursor:pointer;transition:all .2s}.clear-btn:hover{color:var(--red);border-color:var(--red)}.char-bar{margin-top:16px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;gap:14px}.char-info{display:flex;align-items:baseline;gap:2px;min-width:70px}.char-count{font-size:1.3rem;font-weight:700;color:var(--green);font-variant-numeric:tabular-nums;transition:color .3s}.char-count.warning{color:var(--yellow)}.char-count.danger{color:var(--red)}.char-separator,.char-max{font-size:.8rem;color:var(--text-muted)}.char-progress-track{flex:1;height:4px;background:var(--bg-input);border-radius:2px;overflow:hidden}.char-progress-fill{height:100%;width:0%;background:var(--green);border-radius:2px;transition:width .2s,background .3s}.char-progress-fill.warning{background:var(--yellow)}.char-progress-fill.danger{background:var(--red)}.char-status{font-size:.75rem;color:var(--text-muted);min-width:100px;text-align:right}.analyze-btn{width:100%;margin-top:16px;padding:14px 24px;font-family:var(--font);font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),#8b5cf6);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:8px}.analyze-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #5b5bd666}.analyze-btn:active:not(:disabled){transform:translateY(0)}.analyze-btn:disabled{opacity:.35;cursor:not-allowed}.analyze-icon{font-size:1.1rem}.templates-section{margin-top:24px}.templates-section h3{font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.template-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:.78rem;font-family:var(--font);padding:7px 14px;border-radius:99px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.preview-card{margin-bottom:20px}.theme-toggle{display:flex;gap:4px;background:var(--bg-input);border-radius:99px;padding:3px}.theme-btn{font-size:.7rem;font-family:var(--font);padding:4px 12px;border-radius:99px;border:none;background:none;color:var(--text-muted);cursor:pointer;transition:all .2s}.theme-btn.active{background:var(--bg-card);color:var(--text-primary)}.tweet-preview{padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .3s}.tweet-preview.dark{background:#000}.tweet-preview.light{background:#fff;border-color:#e0e0e0}.tweet-preview.light .preview-name{color:#0f1419}.tweet-preview.light .preview-handle{color:#536471}.tweet-preview.light .preview-text{color:#0f1419}.tweet-preview.light .preview-action{filter:grayscale(1);opacity:.5}.preview-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.preview-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff}.preview-user-info{display:flex;flex-direction:column}.preview-name{font-weight:700;font-size:.9rem;color:var(--text-primary)}.preview-handle{font-size:.8rem;color:var(--text-muted)}.preview-text{font-size:.95rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;min-height:40px}.preview-placeholder{color:var(--text-muted);font-style:italic}.preview-footer{margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}.preview-actions{display:flex;justify-content:space-between;max-width:340px}.preview-action{color:#71767b;display:flex;align-items:center;cursor:pointer;transition:color .2s}.preview-action:hover{color:var(--accent)}.preview-action:nth-child(2):hover{color:#00ba7c}.preview-action:nth-child(3):hover{color:#f91880}.scores-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.score-card{padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .3s}.score-card:hover{background:var(--bg-card-hover)}.score-card.overall{grid-column:1 / -1;background:linear-gradient(135deg,var(--bg-card),rgba(91,91,214,.08));border-color:#5b5bd64d}.score-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.score-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.score-value{font-size:1.1rem;font-weight:800;color:var(--text-muted);font-variant-numeric:tabular-nums;transition:color .3s}.score-value.score-big{font-size:1.4rem}.score-value.green{color:var(--green)}.score-value.yellow{color:var(--yellow)}.score-value.red{color:var(--red)}.score-bar-track{height:4px;background:var(--bg-input);border-radius:2px;overflow:hidden;margin-bottom:8px}.score-bar-fill{height:100%;width:0%;border-radius:2px;background:var(--text-muted);transition:width .4s ease,background .3s}.score-bar-fill.green{background:var(--green)}.score-bar-fill.yellow{background:var(--yellow)}.score-bar-fill.red{background:var(--red)}.score-tip{font-size:.72rem;color:var(--text-muted);line-height:1.4}.format-rec{margin-bottom:20px}.format-content{padding:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;gap:14px}.format-badge{font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);white-space:nowrap;border:1px solid rgba(91,91,214,.2)}.format-badge.image{background:var(--blue-glow);color:var(--blue);border-color:#3b82f633}.format-badge.poll{background:var(--green-glow);color:var(--green);border-color:#22c55e33}.format-badge.thread{background:var(--yellow-glow);color:var(--yellow);border-color:#eab30833}.format-reason{font-size:.82rem;color:var(--text-secondary);line-height:1.4}.tips-section{margin-bottom:32px}.tips-list{list-style:none;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.tip-item{font-size:.82rem;color:var(--text-secondary);padding:8px 0 8px 20px;position:relative;line-height:1.4}.tip-item:before{content:"→";position:absolute;left:0;color:var(--accent)}.tip-item+.tip-item{border-top:1px solid rgba(42,42,62,.5)}.tip-item.good:before{content:"✓";color:var(--green)}.tip-item.warn:before{content:"!";color:var(--yellow)}.tip-item.bad:before{content:"✗";color:var(--red)}.footer{text-align:center;padding:24px 0;border-top:1px solid var(--border);margin-top:auto}.footer p{font-size:.78rem;color:var(--text-muted)}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width:900px){.main{grid-template-columns:1fr}.composer-panel{position:static}.header{flex-direction:column;gap:12px}.header-right{flex-direction:column;gap:8px}.tagline{display:none}.scores-grid{grid-template-columns:1fr}}@media(max-width:500px){html{font-size:14px}.app{padding:0 14px}}