@font-face{font-family:TwitterChirp;src:url('assets/Chirp-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:TwitterChirp;src:url('assets/Chirp-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:TwitterChirp;src:url('assets/Chirp-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light;--planner-border:#eff3f4;--planner-muted:#536471;--planner-blue:#1d9bf0}
.tweet-link-card{position:relative;display:block;border:1px solid #cfd9de;border-radius:16px;overflow:hidden;background:#f7f9f9;aspect-ratio:1.91;color:#fff}.tweet-link-card img{display:block;width:100%;height:100%;object-fit:cover}.link-card-domain{position:absolute;bottom:12px;left:12px;max-width:calc(100% - 24px);padding:2px 5px;border-radius:4px;background:#000b;color:#fff;font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html{scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent}
body{margin:0;background:#fff;color:#0f1419;font-family:TwitterChirp,Arial,sans-serif;font-size:15px}
button,input,select,textarea{font:inherit}button,label.file-label{cursor:pointer}button,a,.upload-button{touch-action:manipulation}button{user-select:none}button:disabled{opacity:.35;cursor:default}button:active:not(:disabled){opacity:.7}a{color:var(--planner-blue)}:focus-visible{outline:2px solid var(--planner-blue);outline-offset:3px}
.planner-shell{display:grid;grid-template-columns:240px 600px 350px;max-width:1230px;margin:0 auto;gap:0 24px;align-items:start}
.planner-nav{height:100dvh;position:sticky;top:0;padding:12px 8px 12px 0;display:flex;flex-direction:column;min-width:0;overflow-y:auto}
.brand{display:flex;align-items:center;gap:16px;font-size:23px;font-weight:700;padding:8px 12px 24px}.brand svg{width:29px;height:29px;fill:currentColor}
.primary{background:#0f1419;color:white;border:0;border-radius:999px;padding:10px 20px;font-weight:700;min-height:38px}.wide{width:100%;min-height:48px}.pill{border:1px solid #cfd9de;border-radius:999px;font-weight:700;padding:7px 16px;min-height:36px;white-space:nowrap}.pill[aria-pressed=true]{background:#0f1419;color:white;border-color:#0f1419}
.outline-heading{padding:28px 12px 10px;font-size:15px;font-weight:700;display:flex;justify-content:space-between}.outline-heading span{color:var(--planner-muted);font-weight:400}
.outline-item{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:12px;border-radius:999px;min-height:50px;position:relative}.outline-item[aria-current=true]{font-weight:700;background:#eff3f4}.outline-number{width:20px;color:var(--planner-muted);font-size:14px;text-align:center;font-variant-numeric:tabular-nums}.outline-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-dot{width:7px;height:7px;border:1px solid #9aa6af;border-radius:50%}.status-dot.Ready{background:var(--planner-blue);border-color:var(--planner-blue)}.status-dot.Posted{background:#0f1419;border-color:#0f1419}.outline-item.drag-over{outline:2px solid var(--planner-blue)}
.nav-bottom{margin-top:auto;padding-top:24px}.plain{display:block;padding:9px 12px;font-size:14px;color:var(--planner-muted)}.profile-button{display:flex;gap:10px;width:100%;padding:16px 10px 2px;align-items:center;text-align:left}.profile-button small{display:block;color:var(--planner-muted)}.profile-more{margin-left:auto;font-size:22px}.avatar{height:40px;width:40px;flex-shrink:0;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar img{width:25px;height:auto}
.timeline{border-left:1px solid var(--planner-border);border-right:1px solid var(--planner-border);min-height:100dvh;width:600px;min-width:0}.feed-header{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(12px);height:72px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.feed-header h1{font-size:20px;font-weight:700;line-height:25px}.feed-header #saved{font-size:12px;line-height:18px;color:var(--planner-muted)}.feed-tabs{display:flex;border-bottom:1px solid var(--planner-border);height:52px}.feed-tabs button{flex:1;font-weight:500;color:var(--planner-muted);position:relative}.feed-tabs button[aria-pressed=true]{color:#0f1419;font-weight:700}.feed-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;height:4px;border-radius:999px;background:var(--planner-blue);width:42px;left:50%;margin-left:-21px}
.tweet-row{position:relative;scroll-margin-top:80px}.tweet-row[data-selected=true]:before{content:'';position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--planner-blue)}.tweet-row:focus-visible{outline-offset:-3px}.tweet-body{overflow-wrap:anywhere}.thread-stem{position:absolute;top:44px;bottom:-20px;width:2px;background:#cfd9de}.tweet-avatar{background:#f0f0f0;display:flex;align-items:center;justify-content:center}.tweet-avatar img{width:25px;height:auto}.tweet-action-preview{pointer-events:none;user-select:none}.tweet-media{border:1px solid #cfd9de;border-radius:16px;overflow:hidden;width:100%;background:#f7f9f9}.tweet-media video,.tweet-media img{display:block;width:100%;max-height:510px;object-fit:contain}.tweet-overflow{color:var(--planner-muted)}.preview-mode .tweet-row:before{display:none}.preview-mode .editor{visibility:hidden}.preview-mode .feed-tabs{display:none}#empty{padding:48px 24px;text-align:center;color:var(--planner-muted)}
.editor{position:sticky;top:0;max-height:100dvh;overflow-y:auto;padding-bottom:24px;scrollbar-width:thin}.editor-header{height:72px;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10}.editor h2{font-size:20px;font-weight:700}.editor-content{border:1px solid var(--planner-border);border-radius:16px;padding:16px}.field-label{display:block;color:var(--planner-muted);font-size:13px;margin-bottom:6px}.field{border:1px solid #cfd9de;border-radius:5px;width:100%;padding:10px 11px;min-width:0;background:#fff;color:#0f1419}.field:focus{outline:2px solid var(--planner-blue);outline-offset:-1px}.label-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.label-row #char-count{font-size:12px;color:var(--planner-muted)}#char-count.over{color:#b21722}.tweet-input{min-height:230px;line-height:21px;resize:vertical;font-size:15px}.editor-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0 20px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:20px}.field-grid{display:grid;grid-template-columns:90px 1fr;gap:12px}.field-grid input{padding:10px 5px;font-size:13px}.small-note{font-size:12px;color:var(--planner-muted);line-height:17px;margin:8px 0 16px}.editor details{border-top:1px solid var(--planner-border);padding:15px 0 0;margin-top:16px}.editor summary{cursor:pointer;font-weight:700;list-style:none;display:flex;align-items:center;gap:6px;min-height:24px}.editor summary:after{content:'⌄';margin-left:auto;color:var(--planner-muted)}.editor details[open] summary:after{content:'⌃'}.editor summary span{font-weight:400;color:var(--planner-muted)}.media-reference{display:block;padding:12px 0;border-bottom:1px solid var(--planner-border);overflow-wrap:anywhere;font-size:14px;line-height:19px;color:#0f1419}.media-reference small{display:block;color:var(--planner-muted);font-size:11px;line-height:16px;margin-top:4px}.media-reference a{display:inline-flex;gap:4px}.upload-button{display:block;border:1px solid #cfd9de;border-radius:999px;text-align:center;font-size:13px;font-weight:700;padding:9px 12px;margin-top:14px;cursor:pointer}.notes-input{resize:vertical;min-height:100px;font-size:14px;line-height:20px}.editor details .field-label{margin-top:14px}#attached-info{font-size:12px;overflow-wrap:anywhere;color:var(--planner-muted)}#attached-info button{color:var(--planner-blue);padding:8px}.attachment-name{display:block;padding-top:10px}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#0f1419;color:white;border-radius:8px;padding:13px 20px;box-shadow:0 4px 20px #0002;max-width:calc(100vw - 24px);font-size:14px}#toast button{color:white;font-weight:700;margin-left:20px}dialog{border:0;border-radius:16px;width:400px;max-width:calc(100vw - 32px);padding:24px;margin:auto;background:#fff;color:#0f1419;box-shadow:0 12px 48px #0002}dialog::backdrop{background:#0005}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-header h2{font-size:20px;font-weight:700}dialog .field{margin-bottom:18px}#close-editor{display:none}
@media(hover:hover) and (pointer:fine){.outline-item:hover,.plain:hover,.icon-button:hover,.feed-tabs button:hover{background:#f2f2f2}.primary:hover{background:#272c30}.pill:hover,.upload-button:hover{background:#f2f2f2}.media-reference a:hover{text-decoration:underline}}
@media(max-width:1260px){.planner-shell{grid-template-columns:72px 600px minmax(290px,350px);max-width:1070px;gap:0 20px}.planner-nav{padding-left:6px}.brand{padding:8px 12px 22px}.brand span,.outline-heading,.outline-text,.status-dot,.nav-bottom .plain,.profile-button>span:not(.avatar){display:none}.outline-item{justify-content:center}.outline-number{font-size:17px}.planner-nav>.primary{font-size:0;height:48px;width:48px;margin:0 auto 16px}.planner-nav>.primary:after{content:'+';font-size:27px}.profile-button{padding-left:7px}}
@media(max-width:1030px){.planner-shell{grid-template-columns:72px 600px;max-width:692px}.editor{display:none}.editor.mobile-open{display:block;position:fixed;right:0;top:0;bottom:0;width:370px;max-width:100%;padding:0 16px 32px;background:#fff;z-index:50;box-shadow:-10px 0 60px #0003}.editor.mobile-open #close-editor{display:inline-flex}.preview-mode .editor{display:none}}
@media(max-width:700px){.planner-shell{display:block;max-width:600px}.planner-nav{display:none}.timeline{width:100%;border-left:0;border-right:0}.feed-header{padding-top:calc(12px + env(safe-area-inset-top));height:calc(72px + env(safe-area-inset-top))}.feed-header h1{font-size:19px}.editor.mobile-open{width:100%;padding-top:env(safe-area-inset-top);padding-bottom:calc(24px + env(safe-area-inset-bottom))}.field,.tweet-input,.notes-input,.field-grid input{font-size:16px}.field-grid{grid-template-columns:100px 1fr}.editor-content{border:0;padding:4px 0}.feed-tabs{position:static}.mobile-add{display:flex!important}.feed-header #saved{font-size:11px}#toast{bottom:calc(18px + env(safe-area-inset-bottom));width:max-content}}
.mobile-add{display:none;position:fixed;bottom:24px;right:20px;z-index:25;width:54px;height:54px;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 12px #0003}.preview-mode .mobile-add{display:none!important}
.header-actions{display:flex;align-items:center;gap:6px}.compact-menu{display:none;position:relative}.compact-menu summary{cursor:pointer;list-style:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:50%}.compact-menu[open] summary{background:#eff3f4}.compact-menu>div{position:absolute;right:0;top:42px;width:175px;background:white;border:1px solid #eff3f4;box-shadow:0 4px 20px #0002;border-radius:12px;padding:6px}.compact-menu button{display:block;text-align:left;padding:12px;width:100%;font-size:14px;font-weight:500}.upload-button{width:100%}@media(max-width:1260px){.compact-menu{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.feed-header{background:white;backdrop-filter:none}}

/* Explicit workspace modes. Tweet component styles remain X's original. */
.header-title{display:flex;align-items:center;gap:8px;min-width:0}.header-title>div{min-width:0}.header-title h1{white-space:nowrap}.header-title .icon-button{flex-shrink:0;width:32px}.header-title svg{width:21px;height:21px}
.mode-switch{display:flex;align-items:center;background:#eff3f4;padding:3px;border-radius:999px;flex-shrink:0}.mode-switch button{height:34px;padding:0 15px;border-radius:999px;font-size:14px;font-weight:700;color:var(--planner-muted)}.mode-switch button[aria-pressed=true]{background:#0f1419;color:#fff}
.author-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--planner-border);font-size:13px;color:var(--planner-muted)}.author-bar button{display:flex;align-items:center;gap:7px;min-width:0;min-height:32px;border-radius:999px;padding:3px 10px 3px 3px}.author-bar strong{color:#0f1419}.author-bar .avatar{width:26px;height:26px}.avatar img,.tweet-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:13px;font-weight:700}.author-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 10px;text-align:left;border-radius:12px}.author-option strong,.author-option small{display:block}.author-option small{color:var(--planner-muted);font-size:14px;margin-top:2px}.author-option[aria-pressed=true]{background:#eff3f4}.author-check{margin-left:auto;font-size:20px;color:var(--planner-blue)}
#close-organizer{margin-left:auto;flex-shrink:0;font-size:24px}.brand{gap:12px}.organizer-collapsed .planner-nav{display:none}.organizer-collapsed .planner-shell{grid-template-columns:600px 350px;max-width:974px}.organizer-collapsed .compact-menu{display:block}
.preview-mode .planner-shell{display:block;max-width:600px}.preview-mode .timeline{width:100%}.preview-mode .editor,.preview-mode .feed-tabs,.preview-mode .author-bar,.preview-mode #saved,.preview-mode .compact-menu{display:none!important}.preview-mode .feed-header{height:60px;border-bottom:1px solid var(--planner-border)}.preview-mode .tweet-row:before{display:none}.preview-mode .tweet-row{scroll-margin-top:68px}
.preview-mode.organizer-open .planner-shell{display:grid;grid-template-columns:240px 600px;max-width:864px;gap:24px}.preview-mode.organizer-open .planner-nav{display:flex;padding-left:0}.preview-mode.organizer-open .brand span,.preview-mode.organizer-open .outline-heading,.preview-mode.organizer-open .outline-text,.preview-mode.organizer-open .status-dot,.preview-mode.organizer-open .nav-bottom .plain,.preview-mode.organizer-open .profile-button>span{display:revert}.preview-mode.organizer-open .outline-heading{display:flex}.preview-mode.organizer-open .outline-item{justify-content:initial}.preview-mode.organizer-open .planner-nav>.primary{font-size:15px;width:100%;margin:0}.preview-mode.organizer-open .planner-nav>.primary:after{display:none}
@media(hover:hover) and (pointer:fine){.author-option:hover,.author-bar button:hover{background:#eff3f4}.mode-switch button:not([aria-pressed=true]):hover{color:#0f1419}.organizer-collapsed .tweet-row:not(:has(a:hover)):hover{cursor:default}}
@media(max-width:1260px) and (min-width:701px){body:not(.preview-mode) #close-organizer{display:none}}
@media(max-width:1030px){.organizer-collapsed .planner-shell{display:block;max-width:600px}.organizer-collapsed .timeline{width:100%}}
@media(max-width:900px){.preview-mode.organizer-open .planner-shell{display:block;max-width:600px}.preview-mode.organizer-open .planner-nav{position:fixed;top:0;left:0;bottom:0;width:270px;height:100dvh;padding:16px;z-index:60;background:white;box-shadow:5px 0 30px #0003;border-right:1px solid #eff3f4}.preview-mode.organizer-open .planner-nav #close-organizer{display:inline-flex}}
@media(max-width:700px){.feed-header{padding-right:10px;padding-left:8px;gap:4px}.header-title{gap:4px}.header-title h1{font-size:17px}.mode-switch button{height:36px;padding:0 11px;font-size:13px}.header-actions{gap:0}.compact-menu summary{width:28px}.feed-header #saved{font-size:10px}.author-bar{padding:8px 16px}.author-bar #author-handle{display:none}.preview-mode .feed-header{height:calc(60px + env(safe-area-inset-top))}.organizer-open .planner-nav{display:flex;position:fixed;top:0;left:0;bottom:0;width:270px;height:100dvh;padding:16px;z-index:60;background:white;box-shadow:5px 0 30px #0003;border-right:1px solid #eff3f4}.organizer-open .brand span,.organizer-open .outline-heading,.organizer-open .outline-text,.organizer-open .status-dot,.organizer-open .nav-bottom .plain,.organizer-open .profile-button>span{display:revert}.organizer-open .outline-heading{display:flex}.organizer-open .outline-item{justify-content:initial}.organizer-open .planner-nav>.primary{font-size:15px;width:100%;margin:0}.organizer-open .planner-nav>.primary:after{display:none}.organizer-open .planner-nav #close-organizer{display:inline-flex}}

.tweet-like-count{margin-left:4px;font-size:13px;line-height:20px;font-variant-numeric:tabular-nums}