@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background);padding:1rem}.auth-box{background:var(--surface);padding:2rem;border-radius:12px;box-shadow:0 4px 20px var(--shadow);width:100%;max-width:400px}.auth-box h2{text-align:center;margin-bottom:1.5rem;color:var(--text-primary);font-size:1.75rem;font-weight:600}.form-group{margin-bottom:1rem}.form-group input{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;transition:all .2s ease;background-color:var(--surface);color:var(--text-primary)}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--shadow)}.form-group input:disabled{background-color:var(--background);cursor:not-allowed}.auth-button{width:100%;padding:.75rem;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.auth-button:hover:not(:disabled){background-color:var(--primary-light);transform:translateY(-1px)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-error{color:var(--error);text-align:center;margin-bottom:1rem;padding:.75rem;background-color:#dc35451a;border-radius:8px;font-size:.9rem}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider span{padding:0 10px;color:var(--text-secondary);font-size:.9rem}.google-button{width:100%;padding:.75rem;background-color:var(--surface);border:2px solid var(--border);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease;color:var(--text-primary)}.google-button:hover:not(:disabled){background-color:var(--background);border-color:var(--primary)}.google-button:disabled{opacity:.7;cursor:not-allowed}.google-button svg{font-size:1.25rem}.auth-footer{margin-top:1.5rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:500;margin-left:.25rem;transition:color .2s ease}.auth-footer a:hover{color:var(--primary-light);text-decoration:underline}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-brand{font-size:1.5rem;font-weight:700;color:#0077b5}.navbar-user{position:relative}.user-profile{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.user-profile:hover{background-color:#f5f5f5}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background-color:#0077b5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.user-name{font-weight:500;color:#333}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;padding:.5rem;min-width:150px;z-index:1000}.logout-button{width:100%;padding:.5rem;border:none;background:none;color:#333;text-align:left;cursor:pointer;border-radius:4px;transition:background-color .2s}.logout-button:hover{background-color:#f5f5f5;color:#0077b5}.post-generator-container{display:flex;gap:30px;padding:20px;position:relative;z-index:1;max-width:1200px;margin:0 auto}.prompt-section,.results-section{flex:1;background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a;position:relative;z-index:2;min-width:500px}.form-group{margin-bottom:1.5rem;position:relative;z-index:3}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}textarea{width:100%;min-height:120px;padding:15px;border:2px solid #e1e1e1;border-radius:8px;font-size:1rem;line-height:1.5;resize:vertical;transition:all .2s ease;background:#fff;color:#333;font-family:inherit;position:relative;z-index:4;pointer-events:auto!important}textarea:focus{outline:none;border-color:#0077b5;box-shadow:0 0 0 2px #0077b51a}textarea::placeholder{color:#999;opacity:1}.form-options{display:flex;flex-direction:column;gap:20px;position:relative;z-index:2}.word-count,.voice-tone,.post-length{display:flex;flex-direction:column;gap:8px}.tone-options,.length-options{display:flex;gap:1rem;margin-top:.5rem}.tone-option,.length-option{flex:1;padding:.75rem 1rem;border:2px solid #ddd;border-radius:4px;background:#fff;color:#666;text-align:center;cursor:pointer;transition:all .2s}.tone-option:hover,.length-option:hover{border-color:#0077b5;color:#0077b5}.tone-option.selected,.length-option.selected{border-color:#0077b5;background-color:#0077b5;color:#fff}.word-count-control{display:flex;align-items:center;gap:15px}input[type=range]{flex:1;height:4px;background:#ddd;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#0077b5;border-radius:50%;cursor:pointer;transition:transform .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.word-count-control span{min-width:40px;text-align:center;font-weight:500;color:#0077b5}select{padding:10px 40px 10px 12px;border:2px solid #e1e1e1;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}select:focus{outline:none;border-color:#0077b5;box-shadow:0 0 0 2px #0077b51a}.checkbox-options{display:flex;flex-direction:column;gap:12px}.checkbox-options label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}input[type=checkbox]{width:18px;height:18px;border:2px solid #e1e1e1;border-radius:4px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;transition:all .2s ease;background:#fff}input[type=checkbox]:checked{background:#0077b5;border-color:#0077b5}input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;left:4px;top:0}.variations{display:flex;flex-direction:column;gap:8px}.variation-buttons{display:flex;gap:10px}.variation-buttons button{flex:1;padding:8px;border:2px solid #e1e1e1;border-radius:8px;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;font-weight:500}.variation-buttons button:hover{border-color:#0077b5;color:#0077b5}.variation-buttons button.active{background:#0077b5;color:#fff;border-color:#0077b5}.form-actions{display:flex;gap:12px;margin-top:10px}.generate-button{flex:1;padding:12px;background:#0077b5;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;width:100%;padding:1rem;background-color:#0077b5;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:1.5rem}.generate-button:not(:disabled):hover{background:#005582;transform:translateY(-1px);background-color:#005885}.generate-button:disabled{background:#ccc;cursor:not-allowed;transform:none;background-color:#ccc}.reset-button{padding:12px 24px;border:2px solid #e1e1e1;border-radius:8px;background:#fff;color:#666;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-button:hover{border-color:#dc3545;color:#dc3545}.loading-animation{display:flex;gap:4px}.dot{width:4px;height:4px;background:#fff;border-radius:50%;animation:bounce .5s infinite alternate}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{to{transform:translateY(-4px)}}.results-section h2{margin-bottom:20px}.instructions{color:#666;line-height:1.6;background:#f8f9fa;padding:20px;border-radius:8px;border:2px solid #e1e1e1}.instructions ol{margin-top:15px;padding-left:20px}.instructions li{margin-bottom:8px}.loading-container{text-align:center;padding:40px 0;color:#666}.typing-animation{display:flex;justify-content:center;gap:4px;margin-bottom:15px}.typing-dot{width:8px;height:8px;background:#0077b5;border-radius:50%;animation:typing 1s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error{color:#dc3545;padding:15px;border-radius:8px;background:#dc35451a;margin:20px 0;border:1px solid rgba(220,53,69,.2)}.generated-content{margin-top:20px}.post-preview{padding:20px;background:#f8f9fa;border-radius:8px;margin:15px 0;line-height:1.6;white-space:pre-wrap;border:2px solid #e1e1e1}.post-actions{display:flex;justify-content:flex-end;margin-top:15px}.copy-button{padding:8px 16px;border:none;border-radius:6px;background:#0077b5;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.copy-button:hover{background:#005582;transform:translateY(-1px)}@media (max-width: 768px){.post-generator-container{flex-direction:column}.prompt-section,.results-section{padding:15px}textarea{min-height:100px}.form-actions{flex-direction:column}.reset-button{width:100%}}.post-history{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.history-header{padding:20px;border-bottom:2px solid #f0f0f0;background:#fff;position:sticky;top:0;z-index:10}.history-header h2{margin:0 0 15px;color:#333}.filter-options{display:flex;gap:10px}.filter-options button{padding:8px 16px;border:2px solid #e1e1e1;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s ease;font-weight:500}.filter-options button:hover{border-color:#0077b5;color:#0077b5}.filter-options button.active{background:#0077b5;color:#fff;border-color:#0077b5}.history-list{flex:1;overflow-y:auto;padding:20px}.no-posts{text-align:center;color:#666;padding:40px 20px;background:#f8f9fa;border-radius:8px;border:2px solid #e1e1e1}.no-posts p{margin:5px 0}.history-item{background:#fff;border:2px solid #e1e1e1;border-radius:12px;margin-bottom:15px;overflow:hidden;transition:all .2s ease}.history-item:hover{border-color:#0077b5;box-shadow:0 2px 8px #0077b51a}.post-content{padding:20px;border-bottom:1px solid #e1e1e1}.post-content p{margin:0;line-height:1.6;color:#333;white-space:pre-wrap}.post-meta{margin-top:15px;color:#666;font-size:.9rem}.post-actions{display:flex;gap:8px;padding:12px 20px;background:#f8f9fa}.post-actions button{padding:8px;border:none;border-radius:6px;background:transparent;color:#666;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.post-actions button:hover{background:#0077b51a;color:#0077b5}.favorite-btn.active{color:#f1c40f}.favorite-btn.active:hover{color:#f39c12}.edit-btn:hover{color:#27ae60}.delete-btn:hover{color:#e74c3c}.export-btn:hover{color:#3498db}@media (max-width: 768px){.post-history{border-radius:0;box-shadow:none}.history-header,.history-list{padding:15px}.history-item{margin-bottom:10px}.post-content{padding:15px}.post-actions{padding:10px 15px}}:root{--primary: #0077b5;--primary-light: #0091de;--text-primary: #333333;--text-secondary: #666666;--background: #f0f2f5;--surface: #ffffff;--border: #e1e1e1;--shadow: rgba(0, 119, 181, .1);--error: #dc3545;--success: #28a745}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font-family:inherit}.app-dashboard{display:grid;grid-template-rows:auto 1fr;min-height:100vh;background-color:#f5f5f5}.navbar{grid-row:1;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;box-shadow:0 2px 4px #0000001a}.app-content{grid-row:2;display:grid;grid-template-columns:250px 1fr;gap:1rem;padding:1rem;height:calc(100vh - 64px)}.sidebar{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000000d;height:100%;overflow-y:auto}.main-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000000d;overflow-y:auto}.toggle-history{display:none}.header-content{text-align:center;margin-bottom:2rem}.header-content h1{color:#0077b5;margin-bottom:.5rem}.subtitle{color:#666;font-size:1.1rem}footer{margin-top:2rem;text-align:center;color:#666}input,textarea,select,button{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;outline:none;background:none}textarea{resize:vertical;min-height:120px;width:100%;padding:15px;border:2px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-primary);font-size:1rem;line-height:1.5;transition:all .2s ease}textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--shadow)}textarea::placeholder{color:var(--text-secondary);opacity:.7}@media (max-width: 768px){.app-content{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:block;position:fixed;left:0;top:64px;width:80%;height:calc(100vh - 64px);z-index:1000}.toggle-history{display:block;position:fixed;right:1rem;bottom:1rem;z-index:1001;width:48px;height:48px;border-radius:50%;background:#0077b5;color:#fff;border:none;cursor:pointer;box-shadow:0 2px 8px #0003}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh;background-color:#f3f4f6}*{box-sizing:border-box}