*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto!important;-webkit-overflow-scrolling:touch;height:100%}html.restoring-scroll{-webkit-overflow-scrolling:auto;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;line-height:1.5;overflow-x:hidden}.app{min-height:100vh;padding:20px;max-width:1400px;margin:0 auto}.app-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #333}.app-header h1{text-align:center;margin-bottom:15px;font-size:2rem;font-weight:700}.draft-title-input{display:flex;justify-content:center}.title-input{background-color:#16181c;border:1px solid #333;border-radius:8px;padding:10px 15px;color:#fff;font-size:14px;width:100%;max-width:400px;transition:border-color .2s}.title-input:focus{outline:none;border-color:#1d9bf0}.app-content{display:grid;grid-template-columns:1fr 400px;gap:20px}@media (max-width: 1024px){.app-content{grid-template-columns:1fr}}.btn{padding:10px 20px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background-color:#16181c;color:#fff}.btn:hover{background-color:#1a1d21}.btn-primary{background-color:#1d9bf0;color:#fff}.btn-primary:hover{background-color:#1a8cd8}.btn-secondary{background-color:#16181c;border:1px solid #333}.btn-secondary:hover{background-color:#1a1d21;border-color:#444}.btn-danger{background-color:#f4212e;color:#fff}.btn-danger:hover{background-color:#d91d28}.btn-small{padding:5px 10px;font-size:12px;border-radius:15px}.thread-composer{background-color:#16181c;border-radius:16px;padding:20px;margin-bottom:20px}.composer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.composer-header h2{font-size:1.5rem;font-weight:700}.add-post-btn{width:100%;margin-top:20px;padding:12px 20px;font-size:15px}.insert-post-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:10px 0;padding:8px 16px;background-color:transparent;border:1px dashed #333;border-radius:8px;color:#71767a;font-size:14px;cursor:pointer;transition:all .2s;opacity:.5}.insert-post-btn:hover{opacity:1;border-color:#1d9bf0;background-color:#1d9bf010;color:#1d9bf0}.insert-icon{font-size:18px;font-weight:700}.insert-label{font-weight:500}.insert-post-btn:hover .insert-label{display:inline}@media (max-width: 640px){.insert-label{display:none}.insert-post-btn:hover .insert-label{display:inline}}.tweets-list{display:flex;flex-direction:column;gap:20px}.tweet-input-wrapper{background-color:#000;border:1px solid #333;border-radius:12px;padding:15px;transition:border-color .2s}.tweet-input-wrapper:focus-within{border-color:#1d9bf0}.tweet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tweet-number{font-size:12px;color:#71767a;font-weight:600}.tweet-input-container{position:relative}.tweet-input{width:100%;background-color:transparent;border:none;color:#fff;font-size:16px;resize:vertical;min-height:100px;padding:10px;font-family:inherit;line-height:1.5}.tweet-input:focus{outline:none}.tweet-input::placeholder{color:#71767a}.character-counter{display:flex;justify-content:flex-end;margin-top:8px;font-size:13px;color:#71767a}.character-counter.warning{color:gold}.character-counter.over-limit{color:#f4212e}.char-count{font-weight:600}.char-limit{margin-inline-start:2px}.auto-split-section{background-color:#16181c;border-radius:16px;padding:20px;margin-bottom:20px}.auto-split-section h3{font-size:1.2rem;margin-bottom:15px;font-weight:700}.auto-split-input{width:100%;background-color:#000;border:1px solid #333;border-radius:8px;padding:12px;color:#fff;font-size:14px;font-family:inherit;margin-bottom:10px;resize:vertical}.auto-split-input:focus{outline:none;border-color:#1d9bf0}.auto-split-input::placeholder{color:#71767a}.thread-preview{background-color:#16181c;border-radius:16px;padding:20px;margin-bottom:20px}.thread-preview h2{font-size:1.5rem;font-weight:700;margin-bottom:15px}.preview-empty{color:#71767a;text-align:center;padding:40px 20px;font-style:italic}.preview-tweets{display:flex;flex-direction:column;gap:15px}.preview-tweet{background-color:#000;border:1px solid #333;border-radius:12px;padding:15px;transition:border-color .2s}.preview-tweet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;color:#71767a}.preview-tweet-number,.preview-char-count{font-weight:600}.preview-tweet-content{font-size:15px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.preview-placeholder{color:#71767a;font-style:italic}.preview-tweet[dir=rtl],.tweet-input[dir=rtl]{text-align:right}.preview-tweet[dir=ltr],.tweet-input[dir=ltr]{text-align:left}.draft-manager{background-color:#16181c;border-radius:16px;padding:20px;margin-bottom:20px}.draft-manager h2{font-size:1.5rem;font-weight:700;margin-bottom:15px}.draft-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.draft-info{padding-top:15px;border-top:1px solid #333;font-size:14px;color:#71767a}.draft-info p{margin-bottom:8px}.draft-info strong{color:#fff;margin-inline-end:8px}.autosave-indicator{margin-top:12px;padding-top:12px;border-top:1px solid #333;color:#1d9bf0;font-size:13px}.autosave-icon{margin-inline-end:6px}.export-options{background-color:#16181c;border-radius:16px;padding:20px}.export-options h2{font-size:1.5rem;font-weight:700;margin-bottom:15px}.export-actions{display:flex;flex-direction:column;gap:10px}.auth{margin-top:15px;padding:15px;background-color:#16181c;border-radius:12px;text-align:center}.auth p{margin-bottom:10px;color:#71767a;font-size:14px}.user-info{display:flex;justify-content:space-between;align-items:center;gap:15px}.user-info p{margin:0;color:#fff;font-size:14px}.user-info strong{color:#71767a;margin-inline-end:5px}.drafts-list{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}.drafts-list h3{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:#fff}.drafts-list-items{list-style:none;display:flex;flex-direction:column;gap:8px}.draft-item{margin:0}.draft-item-button{width:100%;text-align:left;padding:10px 12px;background-color:#000;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.draft-item-button:hover{background-color:#1a1d21;border-color:#444}.draft-item-button strong{font-weight:600;font-size:14px}.draft-meta{font-size:12px;color:#71767a}.loading{text-align:center;padding:40px;color:#71767a}@media (max-width: 768px){.app{padding:15px}.app-header h1{font-size:1.5rem}.composer-header{flex-direction:column;align-items:flex-start;gap:15px}.draft-actions,.export-actions{flex-direction:column}.btn{width:100%}.user-info{flex-direction:column;align-items:flex-start}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-container{max-width:500px;width:100%;background-color:#16181c;border-radius:16px;padding:40px;text-align:center}.login-header h1{font-size:2rem;margin-bottom:10px}.login-header p{color:#71767a;margin-bottom:30px}.login-features{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;text-align:left}.feature{display:flex;align-items:center;gap:12px;color:#e7e9ea}.feature-icon{font-size:24px}.github-login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 24px;background-color:#1d9bf0;color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.github-login-btn:hover:not(:disabled){background-color:#1a8cd8}.github-login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{margin-top:15px;padding:12px;background-color:#f4212e20;border:1px solid #f4212e;border-radius:8px;color:#f4212e;font-size:14px}.login-footer{margin-top:30px;padding-top:20px;border-top:1px solid #333}.login-footer p{font-size:13px;color:#71767a}.draft-list-page{max-width:900px;margin:0 auto;padding:20px}.draft-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.draft-list-header h1{font-size:2rem;font-weight:700}.new-draft-btn{padding:10px 20px;background-color:#1d9bf0;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.new-draft-btn:hover{background-color:#1a8cd8}.draft-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #333}.draft-tabs .tab{padding:12px 20px;background-color:transparent;color:#71767a;border:none;border-bottom:2px solid transparent;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.draft-tabs .tab:hover{color:#e7e9ea}.draft-tabs .tab.active{color:#1d9bf0;border-bottom-color:#1d9bf0}.draft-list{display:flex;flex-direction:column;gap:15px}.draft-list .draft-item{display:flex;align-items:center;justify-content:space-between;gap:15px;background-color:#16181c;border:1px solid #333;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.draft-list .draft-item:hover{background-color:#1a1d21;border-color:#444}.draft-info{flex:1}.draft-info h3{font-size:18px;margin-bottom:8px;font-weight:600}.draft-meta{display:flex;gap:8px;font-size:13px;color:#71767a}.draft-actions{display:flex;gap:8px}.delete-btn{padding:8px 12px;background-color:transparent;border:1px solid #333;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s}.delete-btn:hover{background-color:#f4212e20;border-color:#f4212e}.empty-state{text-align:center;padding:60px 20px;color:#71767a}.empty-state p{margin-bottom:20px;font-size:16px}.post-box{background-color:#000;border:1px solid #333;border-radius:12px;padding:15px;margin-bottom:15px;transition:border-color .2s}.post-box:focus-within{border-color:#1d9bf0}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.post-number{font-size:13px;color:#71767a;font-weight:600}.post-header-actions{display:flex;gap:8px;align-items:center}.copy-post-btn{background-color:#16181c;border:1px solid #333;color:#fff;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.copy-post-btn:hover:not(:disabled){background-color:#1d9bf0;border-color:#1d9bf0}.copy-post-btn:disabled{opacity:.5;cursor:not-allowed}.copy-post-btn.copied{background-color:#00ba7c;border-color:#00ba7c}.remove-post-btn{background-color:transparent;border:none;color:#f4212e;font-size:24px;cursor:pointer;padding:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-post-btn:hover{background-color:#f4212e20}.post-textarea{width:100%;background-color:transparent;border:none;color:#fff;font-size:16px;resize:none;min-height:120px;font-family:inherit;line-height:1.6;text-align:start;transition:height .1s ease}.post-textarea:focus{outline:none}.post-textarea.over-limit{color:#f4212e}.post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.post-controls{position:relative}.emoji-btn{background-color:transparent;border:none;font-size:20px;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.emoji-btn:hover{background-color:#1a1d21}.char-counter{font-size:13px;color:#71767a;font-weight:600}.char-counter.over-limit{color:#f4212e}.emoji-picker-container{position:absolute;top:100%;left:0;z-index:1000;margin-top:8px}.image-upload{margin-top:12px}.upload-area{border:2px dashed #333;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .2s}.upload-area:hover:not(.uploading){border-color:#1d9bf0;background-color:#1d9bf010}.upload-area.drag-active{border-color:#1d9bf0;background-color:#1d9bf020}.upload-area.uploading{cursor:not-allowed;opacity:.6}.upload-icon{font-size:32px;display:block;margin-bottom:8px}.upload-prompt{color:#71767a;font-size:14px}.upload-status{color:#1d9bf0;font-size:14px}.upload-error{margin-top:8px;padding:8px 12px;background-color:#f4212e20;border:1px solid #f4212e;border-radius:6px;color:#f4212e;font-size:13px}.image-carousel{margin-top:12px;width:100%}.image-carousel-container{position:relative;width:100%;max-height:500px;min-height:300px;border-radius:12px;overflow:hidden;background-color:#000}.carousel-image{width:100%;height:100%;max-height:500px;object-fit:contain;display:block}.carousel-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.carousel-overlay>*{pointer-events:auto}.upload-method-badge{position:absolute;bottom:5px;left:5px;background-color:#000c;padding:2px 6px;border-radius:4px;font-size:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.source-url-link{position:absolute;bottom:5px;right:35px;background-color:#000c;padding:4px 8px;border-radius:4px;font-size:14px;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s}.source-url-link:hover{background-color:#1d9bf0}.url-detection-status{margin-top:10px;padding:10px 15px;background-color:#1d9bf020;border:1px solid #1d9bf0;border-radius:8px;color:#1d9bf0;font-size:13px;text-align:center}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#000c;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10}.carousel-nav:hover{background-color:#000e;transform:translateY(-50%) scale(1.1)}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-indicators{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:8px}.carousel-indicator{width:8px;height:8px;border-radius:50%;background-color:#333;border:none;cursor:pointer;transition:all .2s;padding:0}.carousel-indicator:hover{background-color:#555;transform:scale(1.2)}.carousel-indicator.active{background-color:#1d9bf0;width:24px;border-radius:4px}.carousel-counter{margin-left:8px;font-size:13px;color:#71767a;font-weight:600}.remove-image-btn{position:absolute;top:10px;right:10px;background-color:#000c;border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-image-btn:hover{background-color:#f4212e}.embed-input{margin-top:12px}.embed-url-input{width:100%;padding:10px 12px;background-color:#000;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;font-family:inherit}.embed-url-input:focus{outline:none;border-color:#1d9bf0}.embedded-tweet-container{margin-top:12px}.tweet-embed{border:1px solid #333;border-radius:8px;padding:15px;background-color:#16181c}.tweet-embed-loading,.tweet-embed-error{padding:20px;text-align:center;color:#71767a}.tweet-embed-error a{color:#1d9bf0;text-decoration:none;display:block;margin-top:10px}.tweet-embed-error a:hover{text-decoration:underline}.remove-embed-btn{display:block;margin-top:10px;padding:8px 16px;background-color:#16181c;border:1px solid #333;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s}.remove-embed-btn:hover{background-color:#f4212e20;border-color:#f4212e;color:#f4212e}.share-button-container{position:relative}.share-btn{padding:8px 16px;background-color:#16181c;border:1px solid #333;border-radius:20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.share-btn:hover{background-color:#1a1d21;border-color:#1d9bf0}.share-tooltip{position:absolute;top:100%;right:0;margin-top:8px;padding:8px 12px;background-color:#1d9bf0;color:#fff;border-radius:6px;font-size:12px;white-space:nowrap;z-index:100;animation:fadeIn .2s ease-out}.draft-editor{min-height:100vh;width:100%;margin:0;padding:0}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#000;border-bottom:1px solid #333;position:sticky;top:0;z-index:100;width:100vw;box-sizing:border-box;margin:0 -20px;left:0;right:0}.header-left{display:flex;align-items:center;gap:20px;flex:1}.back-link{color:#1d9bf0;text-decoration:none;font-size:16px;font-weight:600;transition:color .2s}.back-link:hover{color:#1a8cd8}.draft-title-input{flex:1;max-width:400px;padding:8px 12px;background-color:#16181c;border:1px solid #333;border-radius:6px;color:#fff;font-size:16px;font-weight:600}.draft-title-input:focus{outline:none;border-color:#1d9bf0}.draft-title-display{font-size:18px;font-weight:600}.header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sync-status{font-size:13px;font-weight:600;transition:opacity .3s ease}.sync-status.syncing{color:gold}.sync-status.synced{color:#00ba7c}@media (max-width: 768px){.sync-status{display:none}}.publish-btn{padding:8px 16px;background-color:#00ba7c;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.publish-btn:hover:not(:disabled){background-color:#00a06d}.publish-btn:disabled{opacity:.6;cursor:not-allowed}.logout-btn{padding:8px 16px;background-color:#16181c;border:1px solid #333;border-radius:20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background-color:#1a1d21;border-color:#f4212e}.editor-content{display:grid;grid-template-columns:1fr 350px;gap:20px;padding:20px;max-width:1400px;margin:0 auto;position:relative;transition:grid-template-columns .3s ease}.editor-content.sidebar-collapsed{grid-template-columns:1fr 0px}.main-panel{min-height:400px}.side-panel{position:sticky;top:80px;height:fit-content;overflow:hidden;transition:all .3s ease}.side-panel.collapsed{opacity:0;visibility:hidden;width:0;padding:0}.sidebar-toggle{position:fixed;right:20px;top:50%;transform:translateY(-50%);background-color:#1d9bf0;border:1px solid #1d9bf0;color:#fff;width:32px;height:48px;border-radius:8px 0 0 8px;cursor:pointer;font-size:16px;z-index:100;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}.sidebar-toggle:hover{background-color:#1a8cd8;right:22px}.editor-content.sidebar-collapsed .sidebar-toggle{right:10px}.editor-hint{margin-top:20px;padding:15px;background-color:#1d9bf010;border:1px solid #1d9bf040;border-radius:12px;color:#71767a;font-size:14px}.published-badge{margin-top:20px;padding:15px;background-color:#00ba7c10;border:1px solid #00ba7c40;border-radius:12px;color:#00ba7c;font-size:14px;text-align:center}.view-only-notice{margin-top:20px;padding:15px;background-color:#ffd70010;border:1px solid #ffd70040;border-radius:12px;color:gold;font-size:14px;text-align:center}.loading-screen,.error-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:20px}.error-screen .error{max-width:500px}.error-screen h2{font-size:24px;margin-bottom:15px;color:#f4212e}.error-screen p{color:#71767a;margin-bottom:20px}.posts-list{display:flex;flex-direction:column}@media (max-width: 768px){.login-container{padding:30px 20px}.login-header h1{font-size:1.6rem}.draft-list-header{flex-direction:column;align-items:flex-start;gap:15px}.draft-list-header h1{font-size:1.6rem}.new-draft-btn{width:100%}.draft-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.editor-header{flex-direction:column;align-items:stretch;gap:12px;padding:12px 15px;margin:0 -15px}.header-left{flex-direction:column;align-items:stretch;gap:10px}.draft-title-input{max-width:none;width:100%}.header-right{flex-wrap:wrap;justify-content:flex-start;gap:8px}.header-right>*{flex-shrink:0}.editor-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.editor-content.sidebar-collapsed{grid-template-columns:1fr}.side-panel{position:static;order:-1;margin-bottom:20px}.side-panel.collapsed{display:none}.sidebar-toggle{position:fixed;top:auto;bottom:20px;right:20px;transform:none;width:48px;height:48px;border-radius:50%;font-size:20px}.sidebar-toggle:hover,.editor-content.sidebar-collapsed .sidebar-toggle{right:20px}.image-carousel-container{min-height:200px;max-height:400px}.carousel-nav{width:36px;height:36px;font-size:24px}.carousel-prev{left:5px}.carousel-next{right:5px}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tweet-input-wrapper,.preview-tweet,.post-box,.draft-item{animation:fadeIn .2s ease-out}