body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--container-xs:560px;--container-sm:680px;--container-md:840px;--container-gutter:clamp(12px,4vw,24px)}.lw-container{margin-inline:auto;max-width:680px;max-width:var(--container-sm);padding-inline:clamp(12px,4vw,24px);padding-inline:var(--container-gutter);width:100%}.lw-container--wide{max-width:840px;max-width:var(--container-md)}.lw-section{padding-block:24px;padding-block:var(--space-6)}.lw-stack{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.lw-panel{background:#f8f8f8;background:var(--bg-secondary,#f8f8f8);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:16px;border-radius:var(--radius-lg);padding:20px;padding:var(--space-5)}.link-preview{background-color:color-mix(in srgb,var(--main-action-color) 25%,#0000);color:var(--main-action-color);cursor:pointer;display:inline;outline:none;position:relative;text-decoration:underline}.link-preview-popup{align-items:flex-start;background:#1f1f24;border:1px solid #2a2a35;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;color:#e8e8ef;display:flex;gap:12px;max-width:400px;min-width:280px;padding:12px;position:fixed;z-index:1000}.link-preview-image{object-fit:cover}.link-preview-image,.link-preview-placeholder{border-radius:var(--radius-sm);flex-shrink:0;height:80px;width:80px}.link-preview-placeholder{background:#2a2a35}.link-preview-content{flex:1 1;min-width:0}.link-preview-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.link-preview-hostname{color:#a6a6b3;font-size:12px;line-height:1.2}.link-preview-close-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:#a6a6b3;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s ease-in-out;width:20px}.link-preview-close-button:hover{background:#ffffff1a;color:#fff}.link-preview-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.link-preview-actions{align-items:center;display:flex;gap:8px}.link-preview-button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease-in-out}.link-preview-button.primary{background:var(--main-action-color);color:#fff}.link-preview-button.primary:hover{background:color-mix(in srgb,var(--main-action-color) 90%,#000)}.link-preview-button.secondary{background:#0000;border:1px solid #3a3a48;color:#a6a6b3}.link-preview-button.secondary:hover{background:#ffffff0d;border-color:#555;color:#fff}@media (max-width:768px){.link-preview-popup{max-width:min(320px,calc(100vw - 16px));min-width:280px}}.post-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px;padding:12px}.post-card-compact{margin-bottom:0}.post-card-header{align-items:center;display:flex;justify-content:space-between}.post-card-meta{align-items:center;display:flex;gap:8px}.post-card-timestamp{color:var(--text-tertiary);font-size:12px}.post-card-status-pill{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px}.post-card-avatar{border-radius:50%;display:block;flex-shrink:0;height:24px;object-fit:cover;width:24px}.post-card-avatar-threaded{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);display:flex;justify-content:center}.post-card-avatar-threaded svg{stroke:var(--text-secondary);stroke-width:2.5;height:14px;width:14px}.post-card-platforms{align-items:center;display:flex;flex-shrink:0;gap:12px}.post-card-platform-link{align-items:center;display:inline-flex;transition:opacity .2s}.post-card-platform-link:hover{opacity:1}.post-card-platform-icon{height:16px;opacity:.5;transition:opacity .2s;width:16px}.post-card-platform-link:hover .post-card-platform-icon{opacity:1}.post-card-body p{color:var(--text-primary);font-size:15px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.post-card-content{align-items:flex-start;display:flex;flex:1 1;gap:8px;min-width:0}.post-card-compact .post-card-content{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px}.post-card-content p{color:var(--text-secondary);flex:1 1;font-size:13px;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.post-card-images{display:flex;gap:8px;overflow-x:auto}.post-card-image-thumb{border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;height:80px;object-fit:cover;width:80px}.post-card-footer{align-items:center;display:flex;padding-top:4px}.post-card-footer-actions{align-items:center;display:flex;flex:1 1;gap:16px}.post-card-action-icon{align-items:center;appearance:none;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:8px;transition:all .15s ease}.post-card-action-icon:hover{background:#0000000d;background:var(--bg-hover,#0000000d);opacity:1}.post-card-action-icon:disabled{cursor:default;opacity:.3}.post-card-action-icon:disabled:hover{background:#0000;opacity:.3}.post-card-action-icon svg{color:inherit;flex-shrink:0;height:16px;width:16px}.post-card-action-icon-copied{color:#2ecc71cc;opacity:1}.post-card-action-icon-trash{margin-left:auto}.post-card-action-icon-trash svg{stroke:var(--main-warn-color);color:var(--main-warn-color)}.post-card-action-icon-retry{margin-left:auto}.post-card-action-icon-retry svg{stroke:var(--main-action-color);color:var(--main-action-color)}.post-card-action-icon-retry:hover,.post-card-action-icon-trash:hover{background-color:#0000000d;background-color:var(--bg-hover,#0000000d);opacity:1}.linked-post-bar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:12px;margin-top:12px;padding:12px}.linked-post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.linked-post-header-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.linked-post-mode-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:4px 12px;transition:background .2s,border-color .2s}.linked-post-mode-toggle:hover{background:var(--bg-hover);border-color:var(--border-color-strong)}.linked-post-mode-label{font-weight:500}.linked-post-platforms-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:6px;padding:4px 12px}.linked-post-platform-link{align-items:center;display:inline-flex;transition:opacity .2s}.linked-post-platform-link:hover{opacity:1}.linked-post-platform-icon{height:16px;opacity:.8;transition:opacity .2s;width:16px}.linked-post-platform-link:hover .linked-post-platform-icon{opacity:1}.linked-post-bar .post-card{background:#0000;border:none;margin:0;padding:0}.linked-post-bar .post-card-content{margin-top:0}.linked-post-clear{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:color .2s,background .2s;white-space:nowrap}.linked-post-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.linked-post-content{align-items:flex-start;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;gap:8px;padding:10px}.linked-post-avatar{border-radius:50%;display:block;flex-shrink:0;height:24px;object-fit:cover;width:24px}.linked-post-content p{color:var(--text-secondary);flex:1 1;font-size:13px;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.linked-post-platforms{display:flex;gap:6px}.platform-badge{border-radius:var(--radius-sm);font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.platform-badge.twitter{background:#1da1f233;color:#1da1f2}.platform-badge.bluesky{background:#0085ff33;color:#0085ff}.platform-badge.farcaster{background:#8b5cf633;color:#8b5cf6}.home-tabs-container{display:flex;flex-direction:column;min-height:auto;padding-bottom:80px;position:relative}.home-tabs-content{align-items:flex-start;display:flex;flex:1 1 auto;justify-content:center;overflow-y:auto;padding:0 0 calc(96px + env(safe-area-inset-bottom));text-align:center}.home-tab-panel{margin:0 auto;max-width:var(--container-sm);min-width:0;padding-inline:var(--container-gutter);width:100%}.recent-tab-panel{display:flex;flex-direction:column;margin:0 auto;max-width:var(--container-md);min-width:auto;text-align:left;width:100%}.recent-tab-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:var(--space-3)}.recent-search-input{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s}.recent-search-input:focus{border-color:var(--border-color-strong)}.recent-search-input::placeholder{color:var(--text-tertiary)}.recent-view-toggle{background:#0000;border-radius:var(--radius-md);display:flex;gap:4px;padding:4px}.view-toggle-button{align-items:center;appearance:none;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:all .2s}.view-toggle-button:hover{background:var(--bg-hover);color:var(--text-secondary)}.view-toggle-button.active{background:var(--bg-primary);color:var(--text-primary)}.view-toggle-button:not(.active){opacity:.75}.view-toggle-button svg{color:inherit;height:20px;width:20px}.recent-cards-container{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.recent-list-container{display:flex;flex-direction:column;text-align:left;width:100%}.recent-list-item{align-items:center;background:#0000;border-bottom:1px solid var(--border-color);border-radius:0;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding:12px;transition:background-color .2s}.recent-list-item:hover{background-color:var(--bg-hover)}.recent-list-content{display:flex;flex:1 1;flex-direction:column;gap:4px;margin-right:12px;max-width:100%;min-width:0}.recent-list-preview-row{align-items:center;display:flex;gap:8px}.draft-linked-indicator-list{align-items:center;color:var(--text-secondary);display:inline-flex;flex-shrink:0;justify-content:center;opacity:.8}.draft-linked-indicator-list svg{height:14px;width:14px}.recent-list-preview{color:var(--text-primary);font-size:.9rem;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-list-timestamp{color:var(--text-secondary);font-size:.8rem}.recent-list-delete-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.7;padding:6px;transition:all .2s ease}.recent-list-delete-button:hover{background-color:#e0245e1a;opacity:1}.recent-list-delete-button .recent-delete-icon{stroke:#e0245e}.home-heading{margin:0 0 8px}.home-subheading{color:var(--text-secondary);margin:0 0 16px;opacity:.7}.home-latest-preview{margin:0 0 16px;opacity:.85;white-space:pre-wrap}.home-latest-card{align-items:flex-start;background:var(--bg-tertiary);border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:flex-start;margin:0;max-width:var(--container-md);padding:var(--space-6);position:relative;text-align:left;transition:background-color .2s ease;width:100%}.home-latest-card:hover{background:var(--bg-hover)}.draft-badge-container{display:flex;justify-content:flex-start}.home-latest-meta{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;opacity:.8;padding:6px 10px}.home-latest-meta-container{align-items:center;display:flex;justify-content:space-between;width:100%}.recent-card-header{align-items:flex-start;display:flex;justify-content:space-between;left:16px;position:absolute;right:16px;top:16px;z-index:1}.recent-card-header-left{align-items:center;display:flex;gap:8px}.draft-linked-indicator{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:inline-flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.draft-linked-indicator svg{height:14px;width:14px}.recent-card-delete-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;opacity:.7;padding:4px;transition:all .2s ease}.recent-card-delete-button:hover{background-color:#e0245e1a;opacity:1}.recent-card-delete-button .recent-delete-icon{stroke:#e0245e}.home-tabs-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000;border-top:1px solid var(--border-color);bottom:0;column-gap:16px;left:0;padding:var(--space-2) var(--container-gutter) calc(var(--space-2) + env(safe-area-inset-bottom)) var(--container-gutter);position:fixed;right:0;z-index:10}.home-tabs-bar,.tab-button{align-items:center;display:flex;justify-content:center}.tab-button{appearance:none;background:none;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-tertiary);flex-direction:column;gap:6px;height:56px;padding:6px;width:76px}.tab-button.active{background:var(--text-primary);border-color:#0000;color:var(--bg-primary)}.tab-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.tab-icon svg{color:var(--text-primary);height:24px;width:24px}.tab-button.active .tab-icon svg{color:var(--bg-primary)}.tab-icon.spinning{animation:spin-ccw .6s ease}@keyframes spin-ccw{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.tab-label{font-size:11px;line-height:1;-webkit-user-select:none;user-select:none}@media (max-width:480px){.tab-button{width:86px}.recent-tab-header{align-items:center;flex-direction:row;gap:12px}.recent-search-input{flex:1 1;min-width:0}.recent-view-toggle{flex-shrink:0}}.posted-tab-panel{margin:0 auto;max-width:var(--container-md);min-width:auto;text-align:left}.posted-cards-container,.posted-tab-panel{display:flex;flex-direction:column;width:100%}.posted-cards-container{gap:var(--space-4)}.posted-content{color:var(--text-primary);font-size:.95rem;line-height:1.5}.posted-meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.posted-time{color:var(--text-secondary);font-size:.8rem}.posted-platforms{display:flex;font-size:1rem;gap:6px}.posted-platforms span{opacity:.8}.posted-platform-icon{height:16px;opacity:.8;width:16px}.posted-context{display:flex;gap:8px}.posted-quote-badge,.posted-reply-badge{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;padding:2px 8px}.posted-load-more{align-self:center;background:var(--bg-secondary);border:1px solid #0000001f;border:1px solid var(--border-color,#0000001f);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background .15s ease,opacity .15s ease}.posted-load-more:hover:not(:disabled){background:var(--bg-secondary);background:var(--bg-hover,var(--bg-secondary))}.posted-load-more:disabled{cursor:default;opacity:.6}.posted-load-more-error{align-self:center;color:var(--text-secondary);font-size:.9rem;margin:0}.posted-actions{border-top:1px solid var(--border-color);display:flex;gap:8px;padding-top:8px}.posted-action-button{appearance:none;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .15s ease}.posted-action-button:hover{background:var(--bg-hover);border-color:var(--text-secondary);color:var(--text-primary)}.draft-body{font-size:20px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.draft-body.truncate-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.thread-container{gap:0}.thread-container,.threaded-post{display:flex;flex-direction:column}.threaded-post{position:relative}.threaded-post-root{margin-left:0}.threaded-post-nested{margin-left:28px;position:relative}.threaded-post-nested:before{background:#333;background:var(--border-color,#333);bottom:0;content:"";left:-18px;position:absolute;top:0;width:2px}.thread-replies{display:flex;flex-direction:column;gap:0;margin-top:0;position:relative}.threaded-post .post-card{border-top:none;margin-bottom:0}.thread-container>.threaded-post-root>.post-card{border-top:1px solid var(--border-color)}.threaded-post-root:has(.thread-toggle-button)>.post-card{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.threaded-post-nested>.post-card{border-radius:0}.thread-replies>.threaded-post-nested:last-child>.post-card{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.thread-toggle-button{align-items:center;appearance:none;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;border-top:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:flex-start;margin:0;padding:8px 12px;transition:all .2s;width:100%}.thread-toggle-button:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.thread-toggle-button:not(:last-child){border-bottom-left-radius:var(--radius-lg)}.thread-toggle-button:hover{background:var(--bg-hover);color:var(--text-primary)}.thread-toggle-button svg{flex-shrink:0;transition:transform .2s}.action-footer{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-primary);background:var(--glass-overlay,var(--bg-primary));border-top:1px solid var(--border-color);box-sizing:border-box;color:var(--text-primary);display:flex;flex-shrink:0;margin-top:auto;min-height:calc(var(--footer-height) + env(safe-area-inset-bottom));padding:0 var(--space-5) env(safe-area-inset-bottom)}.action-footer--fixed{bottom:var(--keyboard-height);left:0;position:fixed;right:0;z-index:20}.action-footer--sticky{bottom:0;position:sticky;z-index:2}.action-footer__inner{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:var(--container-sm);min-height:var(--footer-height);width:100%}.action-footer__button{border-radius:var(--radius-pill);cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .15s ease}.action-footer__button--secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.action-footer__button--secondary:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.action-footer__button--primary{background:var(--main-action-color);border:none;color:#fff;padding:10px 20px}.action-footer__button--primary:hover{filter:brightness(1.05)}.action-footer__button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.action-footer{padding-inline:var(--space-4)}}:root{--main-action-color:#005df8;--main-warn-color:#e0245e;--app-height:100svh;--keyboard-height:0px;--is-keyboard-open:0;--header-height:48px;--footer-height:56px;--color-platform-twitter:#000;--color-platform-bluesky:#2d69f6;--color-platform-farcaster:#643ef6}:root:not([data-theme]),:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f8f8;--bg-tertiary:#f5f5f5;--bg-hover:#eee;--glass-overlay:#ffffffb8;--text-primary:#000;--text-secondary:#666;--text-tertiary:#999;--border-color:#e0e0e0;--border-color-strong:#ccc;--offwhite-color:#b2b2b2;--main-border-color:#e0e0e0}:root[data-theme=dark]{--bg-primary:#000;--bg-secondary:#1a1a1a;--bg-tertiary:#252525;--bg-hover:#2a2a2a;--glass-overlay:#000000b8;--text-primary:#e7e9ea;--text-secondary:#71767b;--text-tertiary:#9aa0a6;--border-color:#2f3336;--border-color-strong:#444;--offwhite-color:#b2b2b2;--main-border-color:#333;--color-platform-twitter:#fff}#root,body,html{height:100%;min-height:100%}body,html{overflow:hidden}body,footer{padding-bottom:env(safe-area-inset-bottom)}.App{background-color:var(--bg-primary);box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;height:100svh;height:var(--app-height);min-height:100svh;min-height:var(--app-height);overflow:hidden;padding-bottom:0;padding-bottom:var(--keyboard-height);transition:background-color .3s ease,color .3s ease}.main-scroll-container{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;position:relative}.main-container{display:flex;flex:1 1;overflow:hidden}.drafts-sidebar{background:#f8f8f8;border-right:1px solid #eee;display:flex;flex-direction:column;width:280px}.drafts-header{border-bottom:1px solid var(--border-color);flex-direction:row;gap:20px}.drafts-header h2{flex-shrink:0}.app-name{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px}.draft-item,.drafts-list{padding:12px}.draft-item{border-bottom:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:8px}.draft-item:hover{background-color:#eee}.draft-item.active{background-color:#e8f5e9}.draft-date{color:#666;font-size:12px}.editor-container{padding:4px 16px 0;position:relative}.editor-container:after{background:red;border:2px solid #fff;box-shadow:0 2px 8px #0000004d;color:#fff;content:"Keyboard: " attr(data-keyboard) "\A Height: " 0 "\A Viewport: " attr(data-viewport-height);content:"Keyboard: " attr(data-keyboard) "\A Height: " var(--keyboard-height) "\A Viewport: " attr(data-viewport-height);display:none;font-family:monospace;font-size:16px;left:0;padding:10px;position:fixed;top:0;white-space:pre;z-index:9999}.editor-layout{display:flex;flex-direction:column;min-height:0;overflow:visible;position:relative}.debug-textarea{background:#fff;border:none;color:#111;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;outline:none;overflow-y:auto;padding:1rem;resize:none;width:100%}.editor-top{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:start;padding:16px 0}.content-input,.draft-body,.lexical-content-editable,.lexical-placeholder,.twitter-like-editor{font-family:PT Mono,monospace!important;font-size:16px!important;line-height:1.5!important}.editor-sidebar{flex-shrink:0;height:fit-content;position:sticky;top:60px;width:60px}.editor-main{flex:1 1;min-width:0}.user-avatar{align-items:center;background-color:#333;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:0;transition:border-color .2s ease;width:40px}.user-avatar:hover{border-color:#005df8;border-color:var(--main-action-color)}.avatar-placeholder{background-color:#333;height:100%;width:100%}.avatar-image{height:100%;object-fit:cover;width:100%}.content-input{background-color:initial;border:none;color:#e7e9ea;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;line-height:1.5;margin:0;min-height:120px;outline:none;overflow-y:visible;padding:0;resize:none;width:100%}.content-input::placeholder{color:#71767b}.footer-left-group{align-items:center;display:flex;gap:8px}.image-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:#005df8;color:var(--main-action-color);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease-in-out}.image-button:hover{background-color:var(--bg-hover)}.image-button.disabled{cursor:not-allowed;opacity:.5}.image-button-wrapper{display:inline-flex;position:relative}.image-button-tooltip{background:var(--text-primary);border-radius:var(--radius-sm);color:var(--bg-primary);font-size:13px;left:50%;line-height:1.3;padding:6px 12px;pointer-events:none;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9999}svg{color:#005df8;color:var(--main-action-color,#005df8);height:20px;width:20px}svg.warn{color:#e0245e;color:var(--main-warn-color,#ca4137)}svg.feather-trash-2{color:#e0245e;color:var(--main-warn-color,#005df8)}.action-icon{color:#005df8;color:var(--main-action-color,#005df8);height:20px;width:20px}.media-button{align-items:center;display:flex;justify-content:center;transition:background-color .2s}.user-label{color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:4px}.character-count-wheel{height:20px;opacity:.7;transition:opacity .2s ease;width:20px}.character-count-wheel:hover{opacity:1}.wheel{height:100%;width:100%}.wheel-bg{stroke:var(--border-color)}.wheel-progress{stroke:#005df8;stroke:var(--main-action-color,#005df8);transition:stroke-dasharray .2s ease}.wheel-fill{fill:#005df8;transition:fill .2s ease}.wheel-text{fill:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:500}.post-button{border:none}.post-button:hover{background-color:#005df8;background-color:var(--main-action-color,#005df8)}.error-message{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f4212e1a;border-radius:var(--radius-pill);bottom:80px;color:#f4212e;font-size:14px;left:50%;margin-top:12px;padding:12px 24px;position:fixed;transform:translateX(-50%)}.drafts-footer{border-top:1px solid #eee;margin-top:auto;padding:12px}.account-link{background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.account-link:hover{color:#333}.connection-status{background:#f8f8f8;border-radius:var(--radius-sm);padding:20px}.status{align-items:center;color:#666;display:flex;font-size:14px;gap:12px}.status.connected{color:#2ecc71}.status-dot{background-color:#ccc;border-radius:50%;height:8px;width:8px}.status.connected .status-dot{background-color:#2ecc71}.connect-button,.disconnect-button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;margin-left:auto;padding:6px 12px}@media (prefers-color-scheme:dark){body{background-color:#1a1a1a;color:#fff}.drafts-sidebar{background:#1f1f1f;border-right-color:#333}.drafts-header{border-bottom-color:#333}.app-name{color:#999}.draft-item:hover{background-color:#2a2a2a}.draft-item.active{background-color:#2c3b2d}.draft-preview{color:#fff}.draft-date{color:#999}.content-input{background-color:#2a2a2a;border-color:#444;color:#fff}.char-count{color:#999}.copy-button,.post-button{opacity:.9}.copy-button:hover,.new-draft-button:hover,.post-button:hover{opacity:1}.error-message{background-color:#422;color:#ff6b6b}.char-count.over-limit{color:#ff6b6b}.drafts-footer{border-top-color:#333}.account-link{color:#999}.account-link:hover{color:#fff}.connection-status{background:#1f1f1f}.status{color:#999}.status.connected{color:#2ecc71}.status-dot{background-color:#666}.connect-button,.disconnect-button{opacity:.9}.connect-button:hover,.disconnect-button:hover{opacity:1}}@media (max-width:768px){.main-container{flex-direction:column}.drafts-sidebar{border-bottom:1px solid #eee;border-right:none;height:auto;max-height:40vh;width:100%}.editor-container{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.editor-header{align-items:flex-start;flex-direction:column;gap:10px}.editor-actions{justify-content:space-between;width:100%}.content-input{min-height:150px}.editor-content{padding-bottom:100px}.placeholder{color:#888;font-size:20px;position:absolute;top:2ch;-webkit-user-select:none;user-select:none}@media (prefers-color-scheme:dark){.drafts-sidebar{border-bottom-color:#333}}}@media (max-width:480px){.copy-button,.post-button{font-size:13px;padding:8px 12px}.draft-item{padding:8px}}.editor-header{display:flex;margin-bottom:12px}.user-avatar img{height:100%;object-fit:cover;width:100%}.media-actions{display:flex;margin-bottom:16px}.media-button{background:none;border:none;color:#005df8;cursor:pointer;font-size:20px;padding:8px}.media-button:hover{background-color:#1d9bf01a}.post-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.character-count{color:#71767b;font-size:14px}.platform-toggles{display:flex;gap:12px}.platform-toggle{align-items:center;background:none;border:none;color:#71767b;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px}.platform-toggle.active{color:#005df8}.platform-toggle:hover{background-color:#1d9bf01a}.post-button{background-color:initial;border:2px solid #005df8;border:2px solid var(--main-action-color,#005df8);border-radius:var(--radius-pill);color:#005df8;color:var(--main-action-color,#005df8);cursor:pointer;font-size:15px;font-weight:700;min-width:80px;padding:8px 16px;position:relative;transition:all .2s ease}.post-button:active,.post-button:hover{background-color:#005df8;background-color:var(--main-action-color,#005df8);color:#fff}.post-button:disabled{cursor:not-allowed;opacity:.5}.drafts-toggle-button{button{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:8px;transition:background-color .2s;&:hover{background-color:#ffffff1a}}}@media (prefers-color-scheme:light){.twitter-like-editor{background-color:#fff;color:#0f1419}.content-input{color:#0f1419}.content-input::placeholder{color:#536471}.editor-footer{border-top-color:#eff3f4}.character-count,.platform-toggle{color:#536471}}@media (max-width:768px){.content-input{font-size:18px}.post-actions{flex-wrap:wrap}.character-count{order:1;width:100%}.platform-toggles{order:2}}.drafts-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.drafts-header h2{font-size:18px;font-weight:600;margin:0}.drafts-list{flex:1 1;overflow-y:auto;padding:10px 0}.draft-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s}.draft-item:hover{background-color:#f8f8f8}.draft-content{flex:1 1;margin-right:10px}.draft-preview{color:#333;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-timestamp{color:#666;font-size:12px}.delete-draft-button{background:none;border:none;color:#e0245e;cursor:pointer;font-size:13px;opacity:.5;padding:4px 8px;transition:opacity .2s}.delete-draft-button:hover{opacity:1}@media (prefers-color-scheme:dark){.drafts-panel{background:#0d0d0d;box-shadow:2px 0 10px #0000004d;color:#e7e9ea}.drafts-header{border-bottom-color:#2f3336}.drafts-header h2{color:#e7e9ea}.draft-item{border-bottom-color:#2f3336}.draft-item:hover{background-color:#1f1f1f}.draft-preview{color:#e7e9ea}.draft-timestamp{color:#71767b}.delete-draft-button{color:#e0245e}}.drafts-toggle-button{background:none;border:none;color:#fff;cursor:pointer;transition:background-color .2s}.drafts-toggle-button:hover{background:#ffffff1a}.account-settings{background-color:var(--bg-tertiary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;color:var(--text-primary);min-width:300px;padding:24px;z-index:1000;h3{color:var(--text-primary);margin-top:0;padding:0}}.platform-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.platform-settings-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.platform-list{gap:16px}.platform-item label{gap:12px}.platform-list-header{border-bottom:2px solid #333;color:#888;font-weight:700;margin-bottom:8px;padding:0 8px 12px}.platform-list-header .platform-identity{padding-left:40px}.platform-list-header .platform-connection{justify-content:center}.platform-item input[type=checkbox]{height:18px;width:18px}@media (prefers-color-scheme:light){.account-settings{box-shadow:none}.platform-settings{background-color:#fff;box-shadow:0 4px 12px #00000014}.platform-settings-header h2{color:#0f1419}.close-button{color:#536471}.close-button:hover{background-color:#0f14191a}.platform-item{color:#0f1419}}.settings-button{align-items:center;background:none;border:none;color:#71767b;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.settings-button:hover{background-color:#eff3f41a;color:#005df8}@media (prefers-color-scheme:light){.settings-button{color:#536471}.settings-button:hover{background-color:#1d9bf01a}}.drafts-panel:not(.open) .close-drafts-button{display:none}.lexical-content-editable{background:#0000;border:none;color:inherit;font-size:20px;line-height:1.5;margin:0 0 6rem;min-height:120px;outline:none;padding:0;resize:none;width:100%}.lexical-editor-container{position:relative}.lexical-placeholder{color:#71767b;left:0;opacity:.5;pointer-events:none;position:absolute;top:0}.account-sheet-overlay,.account-sheet-overlay.fullscreen{z-index:2000!important}.account-sheet,.account-sheet.fullscreen{z-index:2001!important}.editor-container{margin:0 auto;max-width:var(--container-sm);padding-inline:var(--container-gutter);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom));padding-top:var(--space-2);width:100%}.editor-layout{gap:var(--space-4)}.footer-content{gap:var(--space-3)}@media (min-width:769px){.footer-content{margin:0 auto;max-width:var(--container-sm)}}.post-actions{gap:var(--space-3)}.editor-footer__utility-actions{align-items:center;display:flex;gap:8px}.editor-footer .footer-icon-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);display:flex;justify-content:center;padding:4px;transition:background-color .15s ease,color .15s ease}.editor-footer .footer-icon-button:hover{background:var(--bg-hover)}.editor-footer .footer-icon-button.disabled,.editor-footer .footer-icon-button:disabled{opacity:.5}.editor-footer .footer-icon-button svg{color:currentColor}.editor-footer .char-over-limit,.editor-footer .wheel-fill,.editor-footer .wheel-progress{color:var(--text-primary)}.editor-footer .wheel-progress{stroke:currentColor}.editor-footer .wheel-fill{fill:currentColor}.editor-footer .char-over-limit{font-size:10px;font-weight:500}.editor-footer .post-button:disabled{cursor:not-allowed;opacity:.5}@media (min-width:768px){:root{--header-height:56px}.editor-container{padding-top:var(--space-2)}}.home-logo-button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;margin:0;padding:0}.home-logo-image{display:block;height:24px;width:24px}.platform-explainer-row{align-items:flex-start;display:flex;gap:8px;margin-top:12px}.platform-explainer-icon{align-items:center;display:flex;flex:0 0 16px;height:16px;justify-content:center}.platform-explainer-text{color:#888;flex:1 1 auto;font-size:14px;font-style:italic;line-height:1.5}.account-cards-row{align-items:stretch;display:flex;gap:32px;justify-content:center;margin-bottom:32px}.account-cards-row .account-settings{flex:1 1;max-width:none;min-width:0;width:50%}@media (max-width:900px){.account-cards-row{flex-direction:column;gap:20px}.account-cards-row .account-settings{width:100%}}.action-icon.open,.drafts-toggle-button.open .action-icon{color:#fff!important;transition:color .2s}.account-cards-container{display:flex;flex-direction:column;margin:0 auto;max-width:700px;width:100%}.account-cards-container .account-settings{max-width:none;min-width:0;width:100%}.status-icon{align-items:center;justify-content:center}.status-icon.pending svg{animation:spin 1.5s linear infinite;color:#888}.status-icon.success svg{color:#005df8;color:var(--main-action-color)}.status-icon.error svg{color:#e0245e;color:var(--main-warn-color)}.reply-quote-context-bar{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;font-size:.85rem;justify-content:space-between;padding:10px 16px}.reply-quote-context-bar .context-label{color:var(--text-secondary)}.reply-quote-context-bar .context-dismiss{appearance:none;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:1rem;padding:4px 8px;transition:all .2s}.reply-quote-context-bar .context-dismiss:hover{background:var(--bg-hover);color:var(--text-primary)}.account-page-screen{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100svh;height:var(--app-height,100svh);min-height:100svh;min-height:var(--app-height,100svh);overflow-y:auto}.account-page-scroll{padding:0 0 var(--space-8)}.account-page-layout{display:flex;flex-direction:column;gap:var(--space-4)}.account-page-column{padding-inline:var(--container-gutter)}.account-page-column,.account-page-content{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.account-notice{background:color-mix(in srgb,var(--main-action-color) 8%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--main-action-color) 20%,var(--border-color));border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;padding:var(--space-3) var(--space-4)}.account-page{padding-bottom:var(--space-8)}.account-page,.account-section{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.account-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6)}.account-section h1,.account-section h2{color:var(--text-primary);font-size:18px;margin:0}.account-row{gap:12px;justify-content:space-between}.account-row,.account-row-meta{align-items:center;display:flex;flex-wrap:wrap}.account-row-meta{gap:8px}.account-column{display:flex;flex-direction:column;gap:8px}.user-email{color:var(--text-secondary);font-weight:600}.account-subtext{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 12px}.clarity-examples-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;line-height:1.4;min-height:140px;padding:12px;resize:vertical;width:100%}.clarity-examples-input:focus{border-color:var(--main-action-color);box-shadow:0 0 0 2px #1d9bf033;outline:none}.theme-toggle-container{display:flex;flex-direction:column;gap:8px}.theme-toggle-label{color:var(--text-primary);justify-content:space-between}.theme-toggle-label,.theme-toggle-switch{align-items:center;cursor:pointer;display:flex}.theme-toggle-switch{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:28px;padding:0;position:relative;transition:all .3s ease;width:52px}.theme-toggle-switch:hover{border-color:var(--border-color-strong)}.theme-toggle-slider{align-items:center;background:var(--text-primary);border-radius:50%;display:flex;height:24px;justify-content:center;left:2px;position:absolute;transition:transform .3s ease;width:24px}.theme-toggle-slider.dark{transform:translateX(24px)}.theme-toggle-icon{font-size:14px;line-height:1}.export-button,.import-button{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;margin:4px 0;padding:10px 16px;transition:all .15s ease}.export-button:hover,.import-button:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.google-sign-in-button,.sign-out-button{background:var(--main-action-color);border:none;border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:4px 0;padding:10px 16px;transition:all .15s ease}.google-sign-in-button:hover,.sign-out-button:hover{filter:brightness(1.1)}.platform-settings{margin:16px 0}.platform-settings h3{color:#e7e9ea;color:var(--text-color,#e7e9ea);font-size:16px;margin:0 0 12px}.platform-list{display:flex;flex-direction:column;gap:12px}.platform-item{align-items:center;color:#e7e9ea;color:var(--text-color,#e7e9ea);display:flex;justify-content:space-between}.platform-item label{align-items:center;cursor:pointer;display:flex;gap:8px}.platform-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.platform-hashtag{color:#005df8;color:var(--main-action-color,#005df8);font-family:monospace;font-size:14px}@media (prefers-color-scheme:light){.platform-item,.platform-settings h3{color:#0f1419;color:var(--text-color,#0f1419)}}.platform-settings{margin:0;padding-top:8px}.account-feedback{border-top:1px solid var(--border-color);padding:var(--space-4) 0;text-align:center}.account-feedback-button{background:none;border:none;color:var(--main-action-color);cursor:pointer;font-size:14px;text-decoration:none}@media (max-width:768px){.account-page-scroll{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}.account-page-column{padding-inline:0}}.manage-drafts{display:flex;flex-direction:row;gap:12px}.twitter-connect{background-color:var(--background-secondary);border-radius:var(--radius-sm);margin-top:1rem;padding:1rem}.twitter-connected{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.twitter-connect-button{background-color:#1da1f2;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:background-color .2s;width:100%}.twitter-connect-button:hover{background-color:#004cc7}.checkmark{color:#4caf50}.platform-row{align-items:center;border-bottom:1px solid var(--main-border-color);display:flex;padding:12px 8px;transition:opacity .3s ease-in-out}.platform-row.disabled{opacity:.5}.platform-identity{align-items:center;display:flex;flex-grow:1;gap:16px;margin-right:16px}.platform-icon{height:24px;width:24px}.platform-name{font-size:14px;font-weight:500}@media (max-width:768px){.platform-row:not(.logged-out) .platform-name{display:none}.platform-row:not(.logged-out) .platform-identity{flex-grow:0;gap:8px}}.platform-connection{align-items:center;display:flex;gap:12px;opacity:1;width:50%}.method-label{color:#888;font-size:14px;transition:color .2s ease-in-out}.method-label.active{color:#fff;font-weight:500}.connection-action{text-align:left;width:120px}.connect-link{color:var(--main-action-color);font-size:14px;font-weight:500;text-decoration:none}.disconnect-button{background:none;border:none;color:#e54848;cursor:pointer;padding:4px}.disconnect-button img{height:16px;opacity:.7;transition:opacity .2s ease-in-out;width:16px}.disconnect-button:hover img{opacity:1}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:16px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#444;border-radius:var(--radius-sm);flex-shrink:0;height:24px;left:0;position:relative;top:0;transition:background-color .2s ease-in-out;width:24px}.checkbox-container:hover input~.checkmark{background-color:#555}.checkbox-container input:checked~.checkmark{background-color:var(--main-action-color)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid #fff;border-width:0 3px 3px 0;height:10px;left:9px;top:5px;transform:rotate(45deg);width:5px}.switch{display:inline-block;height:24px;min-width:40px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:var(--main-action-color)}input:focus+.slider{box-shadow:0 0 1px var(--main-action-color)}input:checked+.slider:before{transform:translateX(16px)}.slider.round{border-radius:var(--radius-lg)}.slider.round:before{border-radius:50%}.connection-action.shake,.switch.shake .slider:before{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@media (max-width:600px){.platform-connection{width:50%}.connection-action{width:auto}}.top-bar-actions{align-items:center;color:var(--text-primary);color:var(--top-bar-actions-color,var(--text-primary));display:flex;gap:var(--space-2);justify-content:flex-end}.top-bar-actions--inverse{--top-bar-actions-color:#fff}.top-bar-actions--muted{--top-bar-actions-color:var(--text-secondary)}.top-bar-actions__button{align-items:center;appearance:none;background:#0000;border:none;border-radius:var(--radius-pill);color:inherit;cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:8px;touch-action:manipulation;transition:background-color .2s ease,color .2s ease,opacity .2s ease;width:40px}.top-bar-actions__button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.top-bar-actions--inverse .top-bar-actions__button:hover:not(:disabled){color:#fff}.top-bar-actions__button:disabled{cursor:default;opacity:.5}.top-bar-actions__icon{color:currentColor;flex-shrink:0;height:24px;width:24px}@media (max-width:768px){.top-bar-actions__button{height:36px;padding:6px;width:36px}.top-bar-actions__icon{height:20px;width:20px}}.view-header{align-items:center;display:flex;flex-shrink:0;height:var(--header-height);padding-inline:0}.view-header__inner{align-items:center;display:flex;justify-content:flex-end;margin:0 auto;max-width:var(--container-sm);padding-inline:var(--container-gutter);width:100%}.crosspost-modal-overlay{--crosspost-warn-color:#ff7a00;align-items:flex-end;animation:crosspost-overlay-fade .2s ease-out;background:#000000b3;display:flex;inset:0;justify-content:center;min-height:100svh;min-height:var(--app-height,100svh);position:fixed;z-index:3000}.crosspost-modal{animation:crosspost-sheet-enter .28s cubic-bezier(.2,.8,.2,1);background:var(--bg-primary);border:1px solid var(--main-border-color);border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 -4px 32px #0003;color:var(--text-primary);max-width:var(--container-xs);min-width:360px;padding:var(--space-8);width:100%}.crosspost-modal-header{align-items:center;display:flex;justify-content:flex-start}.crosspost-modal-title{margin-bottom:0;margin-top:0}.crosspost-error-details{background:color-mix(in srgb,var(--crosspost-warn-color) 10%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--crosspost-warn-color) 40%,#0000);border-radius:var(--radius-sm);color:var(--crosspost-warn-color);font-size:14px;margin-top:var(--space-4);padding:var(--space-3)}.crosspost-error-detail-item{margin:0}.crosspost-error-detail-item+.crosspost-error-detail-item{margin-top:var(--space-2)}@supports not (background:color-mix(in srgb,red 50%,blue)){.crosspost-error-details{background:#ff7a001a;border:1px solid #ff7a0066}}.crosspost-status-row{align-items:center;border-bottom:1px solid var(--main-border-color);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-2);transition:opacity .3s ease-in-out}.crosspost-platform-identity{align-items:center;display:flex;flex-grow:1;gap:var(--space-4)}.crosspost-platform-icon{height:24px;width:24px}.crosspost-platform-name{font-size:14px;font-weight:500;white-space:nowrap}.length-warning{align-items:center;color:var(--crosspost-warn-color);cursor:help;display:inline-flex;margin-left:var(--space-2)}.crosspost-status-details{align-items:center;display:flex;gap:var(--space-3)}.crosspost-method-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:13px;text-align:right;width:40px}.status-icon-wrapper{align-items:center;display:flex;gap:var(--space-2)}.status-icon-wrapper.success{gap:var(--space-2)}.status-icon{display:flex}.status-icon.error-icon,.status-icon.warning-icon{color:var(--crosspost-warn-color)}.status-post-link{align-items:center;animation:fadeInScale .3s ease-out;color:var(--main-action-color);display:inline-flex;transition:opacity .2s,transform .2s}.status-post-link:hover{opacity:.8;transform:translateX(2px)}.status-post-link svg{height:16px;width:16px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.intent-link{background:none;border:none;color:var(--main-action-color);cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.crosspost-modal-footer{display:flex;justify-content:flex-end;margin-top:var(--space-5)}.crosspost-secondary-button{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .15s ease}.crosspost-secondary-button:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.status-icon.pending svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes crosspost-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes crosspost-sheet-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.attachment-overlay{align-items:flex-end;bottom:calc(var(--footer-height) + var(--keyboard-height)*var(--is-keyboard-open) + 8px + env(safe-area-inset-bottom));box-sizing:border-box;display:flex;gap:8px;justify-content:flex-start;left:50%;padding-inline:var(--container-gutter);position:fixed;transform:translateX(-50%);transition:bottom .2s ease;width:min(100vw,calc(var(--container-sm) + var(--container-gutter)*2));z-index:25}.attachment-toggle-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-overlay);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;width:28px}.attachment-toggle-button:hover{background:var(--bg-hover);border-color:var(--border-color-strong)}.attachment-toggle-button:active{transform:scale(.96)}.attachment-toggle-icon{stroke:var(--text-primary);color:var(--text-primary);height:16px;transition:transform .2s ease-in-out;width:16px}.attachment-toggle-icon.open{transform:rotate(180deg)}.attachment-minimized{display:flex;gap:6px;padding:4px}.attachment-minimized,.attachment-thumbnail{border-radius:var(--radius-sm);transition:all .3s ease-in-out}.attachment-thumbnail{border:1px solid var(--border-color);height:24px;object-fit:cover;width:24px}.attachment-image-button,.attachment-thumb-button{background:#0000;border:0;border-radius:var(--radius-sm);cursor:pointer;margin:0;padding:0}.attachment-fullscreen-close:focus-visible,.attachment-image-button:focus-visible,.attachment-thumb-button:focus-visible{outline:2px solid var(--main-action-color);outline-offset:2px}.attachment-expanded{border-radius:var(--radius-sm);flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding:8px}.attachment-expanded,.attachment-item{align-items:flex-end;display:flex;gap:8px;transition:all .3s ease-in-out}.attachment-item{flex:0 0 auto}.attachment-image{border:1px solid var(--main-border-color);border-radius:var(--radius-sm);display:block;height:auto;max-height:min(100px,18vmax);max-width:min(100px,18vmax);object-fit:cover;transition:all .3s ease-in-out;width:auto}.attachment-remove-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:#e0245e;cursor:pointer;display:flex;flex:0 0 auto;height:30px;justify-content:center;opacity:.7;padding:6px;transition:all .2s ease-in-out;width:30px}.attachment-remove-button:hover{background-color:#e0245e1a;opacity:1}.attachment-remove-button .icon{stroke:#e0245e;height:18px;width:18px}.attachment-uploading-indicator{color:var(--text-secondary);font-size:12px}.attachment-fullscreen-overlay{align-items:center;background:#0000;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease,background-color .2s ease;z-index:60}.attachment-fullscreen-overlay.is-open{background:#000000e0;opacity:1;pointer-events:auto}.attachment-fullscreen-content{animation:attachment-preview-enter .2s ease;max-height:100vh;padding:24px 12px;position:relative;width:min(100vw,960px)}.attachment-fullscreen-image{border-radius:var(--radius-md);display:block;max-height:calc(100vh - 48px);object-fit:contain;width:100%}.attachment-fullscreen-close{background:#0009;border:1px solid #ffffff73;border-radius:var(--radius-pill);color:#fffffff2;cursor:pointer;font-size:22px;height:32px;line-height:1;position:absolute;right:8px;top:0;width:32px}@keyframes attachment-preview-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.attachment-error-boundary{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;left:50%;max-width:400px;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.attachment-error-content{text-align:center}.attachment-error-icon{font-size:48px;margin-bottom:16px}.attachment-error-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 12px}.attachment-error-message{color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.attachment-error-list{color:var(--text-secondary);font-size:14px;margin:0 0 24px;padding-left:20px;text-align:left}.attachment-error-list li{margin-bottom:4px}.attachment-error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.attachment-error-reload-button,.attachment-error-retry-button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease-in-out}.attachment-error-retry-button{background:var(--main-action-color);color:#fff}.attachment-error-retry-button:hover{background:var(--main-action-color-hover)}.attachment-error-reload-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.attachment-error-reload-button:hover{background:var(--bg-tertiary)}.attachment-error-details{border-top:1px solid var(--border-color);margin-top:20px;padding-top:16px;text-align:left}.attachment-error-details summary{color:var(--text-secondary);cursor:pointer;font-weight:500;margin-bottom:8px}.attachment-error-info,.attachment-error-stack{background:var(--bg-secondary);color:var(--text-secondary);font-family:Courier New,monospace;font-size:12px;max-height:200px;overflow-y:auto;padding:8px;white-space:pre-wrap}.attachment-error-info,.attachment-error-stack,.upload-error-boundary{border:1px solid var(--border-color);border-radius:var(--radius-sm);margin:8px 0}.upload-error-boundary{background:var(--bg-primary);padding:16px}.upload-error-content{text-align:center}.upload-error-icon{font-size:24px;margin-bottom:8px}.upload-error-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.upload-error-message{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.upload-error-actions{display:flex;justify-content:center}.upload-error-retry-button{background:var(--main-action-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:background .2s ease-in-out}.upload-error-retry-button:hover{background:var(--main-action-color-hover)}@media (max-width:768px){.attachment-error-boundary{margin:0 8px;padding:20px;width:95%}.attachment-error-actions{align-items:center;flex-direction:column}.attachment-error-reload-button,.attachment-error-retry-button{max-width:200px;width:100%}}.post-preview-overlay{background:var(--bg-primary);inset:0;position:fixed;z-index:2500}.post-preview-modal{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100svh;height:var(--app-height,100svh);max-height:none;max-width:none;overflow:hidden;position:relative;width:100vw}.post-preview-scroll-area{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.post-preview-body{width:100%}.post-preview-version-selector{align-items:center;background:var(--bg-primary);display:flex;gap:8px;padding:0 var(--space-5) var(--space-4)}.post-preview-version-pill{background:var(--bg-secondary);border:none;border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.post-preview-version-pill.active,.post-preview-version-pill:hover{background:var(--text-secondary);color:#fff}.post-preview-version-pill.loading{cursor:wait;font-style:italic;opacity:.6}.post-preview-version-error{color:#e24a4a;font-size:12px;margin-left:auto;padding:8px 0}.post-preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:0 var(--space-5) var(--space-4);padding:var(--space-4)}.post-preview-card-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.post-preview-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;overflow:hidden;width:40px}.post-preview-avatar-fallback{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);display:flex;justify-content:center}.post-preview-avatar-fallback svg{stroke:var(--text-secondary)}.post-preview-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:15px;gap:4px}.post-preview-display-name{color:var(--text-primary);font-weight:700}.post-preview-dot,.post-preview-handle,.post-preview-time{color:var(--text-secondary)}.post-preview-content{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.post-preview-diff-token.added{background:#2da65a40;border-radius:var(--radius-sm);color:#2da65a;padding:1px 3px}.post-preview-diff-token.removed{background:#e24a4a33;border-radius:var(--radius-sm);color:#e24a4a;padding:1px 3px;text-decoration:line-through}.post-preview-diff-token.removed.clickable{cursor:pointer;transition:background .2s ease,color .2s ease}.post-preview-diff-token.removed.clickable:focus,.post-preview-diff-token.removed.clickable:hover{background:#e24a4a4d;color:#d64040;outline:none}.post-preview-diff-token.same{color:var(--text-primary)}.post-preview-diff-hint{color:var(--text-secondary);font-size:12px;margin-top:10px}.post-preview-error{color:#e24a4a;font-size:13px;margin:0}.post-preview-info-card{background:#005df814;border:1px solid #005df829;border-radius:var(--radius-md);margin:0 var(--space-5) var(--space-4);padding:14px 16px}.post-preview-info-card-error{background:#e24a4a14;border-color:#e24a4a2e}.post-preview-reasoning-title{color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.post-preview-info-card p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.post-preview-attachments{display:flex;gap:10px;overflow-x:auto;padding:0 var(--space-5) var(--space-4)}.post-preview-attachment{border:1px solid var(--border-color);border-radius:var(--radius-md);flex-shrink:0;height:80px;object-fit:cover;width:80px}.post-preview-footer-left{align-items:center;display:flex;gap:10px}.post-preview-post-to-label{color:var(--text-secondary);font-size:13px;white-space:nowrap}.post-preview-platform-icons{display:flex;gap:4px}.post-preview-platform-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.5;padding:4px;transition:opacity .15s ease;width:32px}.post-preview-platform-btn:hover{opacity:.75}.post-preview-platform-btn.active{opacity:1}.post-preview-platform-btn img{height:22px;object-fit:contain;width:22px}.post-preview-footer-right{align-items:center;display:flex;gap:10px}@media (min-width:769px){.post-preview-body{margin:0 auto;max-width:var(--container-sm)}}@media (max-width:480px){.post-preview-overlay{padding:0}.post-preview-modal{height:100svh;height:var(--app-height,100svh);width:100vw}.post-preview-card{margin-bottom:var(--space-3)}}
/*# sourceMappingURL=main.54ab6270.css.map*/