:root{--bg-page:#f6f5f2;--bg-sidebar:#fff;--bg-input:#fafaf8;--border:#e8e6e1;--border-hover:#c8c5be;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-muted:#a0a0a0;--brand-gradient:linear-gradient(135deg, #7c3aed, #2563eb)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-page:#0c0c0c;--bg-sidebar:#161616;--bg-input:#1e1e1e;--border:#2a2a2a;--border-hover:#3a3a3a;--text-primary:#f0f0f0;--text-secondary:#888;--text-muted:#555}}[data-theme=dark]{--bg-page:#0c0c0c;--bg-sidebar:#161616;--bg-input:#1e1e1e;--border:#2a2a2a;--border-hover:#3a3a3a;--text-primary:#f0f0f0;--text-secondary:#888;--text-muted:#555}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:var(--bg-page);--surface:var(--bg-sidebar);--surface-raised:var(--bg-input);--border-strong:var(--border-hover);--text-tertiary:var(--text-muted);--brand-from:#7c3aed;--brand-to:#2563eb;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014, 0 1px 4px #0000000a;--shadow-lg:0 20px 60px #0000001f, 0 4px 16px #0000000f;--progress-track:var(--border);--progress-green:#16a34a;--progress-amber:#d97706;--progress-red:#dc2626}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 20px 60px #0009, 0 4px 16px #0006;--progress-green:#22c55e;--progress-amber:#f59e0b;--progress-red:#ef4444}}[data-theme=dark]{--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 20px 60px #0009, 0 4px 16px #0006;--progress-green:#22c55e;--progress-amber:#f59e0b;--progress-red:#ef4444}html,body,#root{height:100%}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.6}.app{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);z-index:10;background:#ffffffe0;flex-shrink:0;height:52px;position:sticky;top:0}[data-theme=dark] .app-header{background:#161616e0}.header-inner{justify-content:space-between;align-items:center;height:100%;padding:0 24px;display:flex}.header-left{align-items:center;gap:14px;min-width:0;display:flex}.header-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-logo-mark{background:var(--brand-gradient);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex;box-shadow:0 2px 8px #7c3aed47}.header-name{letter-spacing:-.02em;color:var(--text-primary);font-size:15px;font-weight:600}.header-divider{background:var(--border);flex-shrink:0;width:1px;height:16px}.header-tagline{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sidebar{width:300px;box-shadow:1px 0 0 0 var(--border);background:var(--bg-sidebar);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:2px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.sidebar-inner{flex-direction:column;flex:1;gap:0;min-height:min-content;padding:14px 14px 28px;display:flex}.preview-area{background:var(--bg-page);flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:center;align-items:center;padding:10px 20px;display:flex}.preview-content-area{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.preview-frame-area{background-image:radial-gradient(circle,#00000012 1px,#0000 1px);background-size:24px 24px;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden}[data-theme=dark] .preview-frame-area{background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px)}.preview-area.desktop .preview-frame-area{align-items:stretch;padding:20px}.field-group{flex-direction:column;gap:5px;display:flex}.field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.sidebar-divider{border-top:1px solid var(--border);height:0;margin:12px 0}.caption-label-row{justify-content:space-between;align-items:center;display:flex}.caption-actions{align-items:center;gap:4px;display:flex}.copy-btn{height:28px;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.copy-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-input);border-color:var(--border-hover)}.copy-btn:disabled{opacity:.4;cursor:default}.copy-btn.copied{color:#16a34a;background:#f0fdf4;border-color:#86efac}[data-theme=dark] .copy-btn.copied{color:#4ade80;background:#4ade801a;border-color:#4ade804d}.clear-btn{height:28px;color:var(--text-tertiary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.clear-btn:hover:not(:disabled){color:var(--text-secondary);background:var(--bg-input);border-color:var(--border-hover)}.clear-btn:disabled{opacity:.3;cursor:default}.emoji-warning{color:var(--text-secondary);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;gap:6px;padding:7px 10px;font-size:11.5px;line-height:1.4;display:flex}.hashtag-counter{color:var(--text-tertiary);align-items:center;gap:2px;margin-top:0;font-size:11px;display:flex}.hashtag-count{color:var(--text-secondary);font-weight:600}.hashtag-counter.near .hashtag-count{color:var(--progress-amber)}.hashtag-counter.over .hashtag-count{color:var(--progress-red)}.hashtag-sep{color:var(--border-strong);margin:0 1px}.hashtag-unit{color:var(--text-tertiary);margin-left:2px;font-size:11px}.caption-field{border:1px solid var(--border);background:var(--bg-input);border-radius:10px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.caption-field:focus-within{border-color:var(--border-hover);box-shadow:0 0 0 3px #0000000f}.caption-field[data-platform=instagram]:focus-within{border-color:#e1306c99;box-shadow:0 0 0 3px #e1306c1f}.caption-field[data-platform=tiktok]:focus-within{border-color:#69c9d099;box-shadow:0 0 0 3px #69c9d01f}.caption-field[data-platform=facebook]:focus-within{border-color:#1877f299;box-shadow:0 0 0 3px #1877f21f}.caption-field[data-platform=x]:focus-within{border-color:#0000004d;box-shadow:0 0 0 3px #00000014}.caption-field[data-platform=youtube]:focus-within{border-color:#f009;box-shadow:0 0 0 3px #ff00001a}.caption-field[data-platform=linkedin]:focus-within{border-color:#0a66c299;box-shadow:0 0 0 3px #0a66c21f}.caption-field[data-platform=threads]:focus-within{border-color:#0000004d;box-shadow:0 0 0 3px #00000014}.caption-field[data-platform=pinterest]:focus-within{border-color:#e6002399;box-shadow:0 0 0 3px #e600231a}.caption-input-wrap{position:relative}.caption-top-fade{background:linear-gradient(to bottom, var(--bg-sidebar), transparent);pointer-events:none;z-index:2;border-radius:var(--radius-sm) var(--radius-sm) 0 0;height:24px;position:absolute;top:0;left:0;right:0}.hook-bar{pointer-events:none;z-index:1;border-radius:0 0 2px;width:3px;transition:height .15s,background-color .2s;position:absolute;top:0;bottom:auto;left:0}.hook-bar.ok{background:var(--progress-green)}.hook-bar.near{background:var(--progress-amber)}.hook-bar.over{background:var(--progress-red)}.format-warn-icon{color:var(--text-muted);cursor:help;opacity:.7;margin-left:auto;padding:0 2px;font-size:11px}.caption-input{width:100%;min-height:120px;color:var(--text-primary);resize:vertical;background:0 0;border:none;outline:none;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.7}.caption-input::placeholder{color:var(--text-muted);font-style:normal}.format-toolbar-inline{border-top:1px solid var(--border);background:var(--bg-input);align-items:center;gap:2px;padding:5px 8px;display:flex}.format-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-size:12px;transition:all .12s;display:flex}.format-btn:hover{background:var(--border);color:var(--text-primary)}.char-meter{flex-direction:column;gap:4px;display:flex}.hook-meter-header{justify-content:space-between;align-items:center;display:flex}.counter-display{color:var(--text-muted);flex-wrap:nowrap;align-items:baseline;gap:0;font-size:11px;display:flex}.counter-seg{align-items:baseline;gap:1px;display:flex}.counter-seg strong{color:var(--progress-green);font-size:12px;font-weight:600}.counter-seg.near strong{color:var(--progress-amber)}.counter-seg.over strong{color:var(--progress-red)}.counter-of{color:var(--text-tertiary);margin-left:1px;font-size:11px}.counter-dot{color:var(--border-strong);margin:0 4px;font-size:11px}.char-badge{border-radius:20px;padding:2px 7px;font-size:11px;font-weight:500}.over-badge{color:#dc2626;background:#fef2f2}[data-theme=dark] .over-badge{color:#f87171;background:#ef444426}.progress-bar-wrap{width:100%}.progress-bar-track{background:var(--progress-track);border-radius:99px;height:3px;overflow:hidden}.progress-bar-fill{background:var(--progress-green);border-radius:99px;height:100%;transition:width .15s,background .25s}.progress-bar-fill.near{background:var(--progress-amber)}.progress-bar-fill.over{background:var(--progress-red)}.cutoff-warning{border-radius:var(--radius-md);background:#fff7ed;border:1.5px solid #fb923c;border-left:4px solid #f97316;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #f973161f}.cutoff-icon{flex-shrink:0;margin-top:1px;font-size:16px}.cutoff-title{color:#c2410c;text-transform:uppercase;letter-spacing:.03em;margin-bottom:3px;font-size:13px;font-weight:700}.cutoff-detail{color:#9a3412;font-size:12.5px;line-height:1.5}.platform-switcher{grid-template-columns:1fr 1fr;gap:5px;display:grid}.platform-btn{height:32px;color:var(--text-secondary);background:var(--bg-page);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:flex-start;align-items:center;gap:6px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.platform-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.platform-btn.active{border-color:var(--border-strong);color:var(--text-primary);border-left-width:3px;padding-left:9px;font-weight:600}.platform-btn.active[data-platform=instagram]{background:#e1306c0f;border-left-color:#e1306c}.platform-btn.active[data-platform=tiktok]{background:#69c9d00f;border-left-color:#69c9d0}.platform-btn.active[data-platform=threads],.platform-btn.active[data-platform=x]{background:#0000000a;border-left-color:#000}.platform-btn.active[data-platform=facebook]{background:#1877f20f;border-left-color:#1877f2}.platform-btn.active[data-platform=youtube]{background:#ff00000d;border-left-color:red}.platform-btn.active[data-platform=linkedin]{background:#0a66c20f;border-left-color:#0a66c2}.platform-btn.active[data-platform=pinterest]{background:#e600230d;border-left-color:#e60023}.view-toggle{background:#00000012;border-radius:999px;gap:0;padding:3px;display:flex;position:relative}.toggle-glider{pointer-events:none;background:#fff;border-radius:999px;width:calc(50% - 3px);transition:transform .2s;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001f}[data-theme=dark] .toggle-glider{background:#2a2a2a;box-shadow:0 1px 4px #00000080}.view-toggle--desktop .toggle-glider{transform:translate(100%)}.toggle-btn{z-index:1;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s;display:flex;position:relative}.toggle-btn.active{color:var(--text-primary);font-weight:600}.ratio-selector{scrollbar-width:none;gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.ratio-selector::-webkit-scrollbar{display:none}.ratio-card{border:1px solid var(--border);width:48px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:7px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;padding:5px;font-family:inherit;transition:border-color .15s,color .15s,background .15s;display:flex}.ratio-card:hover{border-color:var(--border-hover);color:var(--text-primary)}.ratio-card.active{color:var(--text-primary);background:#7c3aed0f;border:2px solid #7c3aed}.ratio-card-preview{justify-content:center;align-items:center;width:100%;height:18px;display:flex}.ratio-card-rect{background:var(--border);border-radius:2px;transition:background .15s}.ratio-card.active .ratio-card-rect{background:linear-gradient(135deg,#7c3aedb3,#2563ebb3)}.ratio-card-name{margin-top:4px;font-size:9px;font-weight:500;line-height:1}.ratio-card-dims{opacity:.6;font-size:8px;line-height:1}.post-type-tabs{flex-wrap:wrap;gap:4px;display:flex}.post-type-btn{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:100px;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s}.post-type-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.post-type-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg)}[data-theme=dark] .post-type-btn.active{color:var(--bg)}.preview-panel{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preview-panel.desktop{align-items:stretch}.frame-wrapper{justify-content:center;align-items:center;height:100%;display:flex}.frame-wrapper.desktop{width:100%;height:100%}.phone-frame{background:#1a1a1a;border-radius:48px;flex-direction:column;flex-shrink:0;gap:0;width:320px;height:640px;padding:14px 10px 18px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #333,0 0 0 1px #111,0 24px 80px #00000026,0 8px 24px #0000001f}.phone-notch{z-index:20;background:#1a1a1a;border-radius:20px;width:90px;height:24px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone-screen{background:#fff;border-radius:38px;flex:1;position:relative;overflow:hidden auto}.phone-status-bar{z-index:5;pointer-events:none;background:#fff;flex-shrink:0;height:44px;position:sticky;top:0}.phone-status-bar.dark{background:#000}.phone-home{flex-shrink:0;justify-content:center;align-items:center;height:28px;margin-top:4px;display:flex}.phone-home:after{content:"";background:#444;border-radius:2px;width:88px;height:4px}.browser-frame{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000026,0 4px 16px #00000014}.browser-chrome{border-bottom:1px solid var(--border);background:#f1f0ee;flex-shrink:0;align-items:center;gap:12px;height:44px;padding:0 16px;display:flex}.browser-dots{flex-shrink:0;gap:5px;display:flex}.browser-dots span{background:var(--border-strong);border-radius:50%;width:11px;height:11px}.browser-dots span:first-child{background:#ff5f57}.browser-dots span:nth-child(2){background:#febc2e}.browser-dots span:nth-child(3){background:#28c840}.browser-bar{border:1px solid var(--border);background:#fff;border-radius:6px;flex:1;max-width:320px;margin:0 auto;padding:5px 12px}.browser-url{color:var(--text-secondary);font-size:12px}.browser-viewport{flex:1;overflow:hidden auto}.caption-body{color:inherit;white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.5}.caption-placeholder{color:#bbb;font-size:13.5px;line-height:1.5}.caption-placeholder.dark{color:#ffffff4d}.caption-link{color:#0095f6;cursor:pointer}.caption-more-btn{font-family:inherit;font-size:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.caption-more-btn:hover{color:var(--text-primary)}.ig-feed{background:#fff;flex-direction:column;min-height:100%;display:flex}.ig-main{flex-direction:column;flex:1;align-items:center;display:flex}.ig-post{background:#fff;border:1px solid #efefef;border-radius:4px;width:100%;max-width:468px;margin:16px 0}.ig-feed.mobile .ig-post{border-left:none;border-right:none;border-radius:0;margin:0}.ig-post-header{align-items:center;gap:10px;padding:10px 12px;display:flex}.ig-avatar{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;flex-shrink:0;width:32px;height:32px}.ig-user-info{flex:1}.ig-username{color:#262626;font-size:13px;font-weight:600}.ig-location{color:#8e8e8e;font-size:11px}.ig-more{color:#262626;letter-spacing:1px;cursor:pointer;padding:4px;font-size:16px;font-weight:700}.ig-image{aspect-ratio:1;background:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:aspect-ratio .2s;display:flex;position:relative;overflow:hidden}.ig-image-inner{justify-content:center;align-items:center;display:flex}.ig-image-dots{gap:4px;display:flex;position:absolute;bottom:10px}.ig-image-dots .dot{background:#ffffff80;border-radius:50%;width:6px;height:6px}.ig-image-dots .dot.active{background:#0095f6}.ig-actions{justify-content:space-between;padding:6px 8px 2px;display:flex}.ig-actions-left{gap:2px;display:flex}.ig-action-btn{cursor:pointer;color:#262626;background:0 0;border:none;border-radius:50%;align-items:center;padding:6px;transition:opacity .15s;display:flex}.ig-action-btn:hover{opacity:.6}.ig-likes{color:#262626;padding:4px 12px;font-size:13px;font-weight:600}.ig-caption{color:#262626;padding:4px 12px 6px;font-size:13.5px;line-height:1.5}.ig-caption-username{font-weight:600}.ig-caption .caption-link{color:#00376b}.ig-comments-link{color:#8e8e8e;cursor:pointer;padding:2px 12px;font-size:13px}.ig-timestamp{text-transform:uppercase;letter-spacing:.03em;color:#8e8e8e;padding:4px 12px 12px;font-size:10px}.ig-desktop{background:#fafafa;height:100%;min-height:100%;display:flex}.ig-left-nav{background:#fff;border-right:1px solid #dbdbdb;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:4px;width:72px;padding:16px 0;display:flex}.ig-left-nav-logo{color:#262626;padding:10px 20px 16px}.ig-left-nav-item{cursor:pointer;color:#262626;border-radius:8px;align-items:center;gap:14px;width:100%;padding:10px 20px;font-size:14px;transition:background .12s;display:flex}.ig-left-nav-item span{display:none}.ig-left-nav-item:hover{background:#f5f5f5}.ig-left-nav-item.active{font-weight:700}.ig-left-nav-avatar{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;flex-shrink:0;width:24px;height:24px}.ig-left-nav-profile{margin-top:auto}.ig-desktop-feed{background:#fafafa;flex-direction:column;flex:1;align-items:center;min-width:0;padding:20px 16px;display:flex;overflow-y:auto}.ig-desktop-feed .ig-post{background:#fff;border:1px solid #efefef;border-radius:4px;width:100%;max-width:468px}.ig-right-sidebar{background:#fafafa;border-left:1px solid #efefef;flex-direction:column;flex-shrink:0;gap:14px;width:220px;padding:20px 16px;display:flex}.ig-right-own{align-items:center;gap:10px;display:flex}.ig-right-own-avatar{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;flex-shrink:0;width:38px;height:38px}.ig-right-own-username{color:#262626;font-size:13px;font-weight:600}.ig-right-own-name{color:#8e8e8e;font-size:12px}.ig-right-switch{color:#0095f6;cursor:pointer;white-space:nowrap;background:0 0;border:none;margin-left:auto;font-family:inherit;font-size:12px;font-weight:600}.ig-right-suggested-header{color:#8e8e8e;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.ig-right-see-all{color:#262626;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:600}.ig-right-account{align-items:center;gap:10px;display:flex}.ig-right-account-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;width:32px;height:32px}.ig-right-account-username{color:#262626;font-size:12.5px;font-weight:600}.ig-right-account-label{color:#8e8e8e;font-size:11.5px}.ig-right-follow{color:#0095f6;cursor:pointer;white-space:nowrap;background:0 0;border:none;margin-left:auto;font-family:inherit;font-size:12px;font-weight:600}.ig-right-footer{color:#c7c7c7;margin-top:auto;font-size:10.5px;line-height:1.8}[data-theme=dark] .ig-desktop{background:#000}[data-theme=dark] .ig-left-nav{background:#000;border-right-color:#262626}[data-theme=dark] .ig-left-nav-logo,[data-theme=dark] .ig-left-nav-item{color:#f5f5f5}[data-theme=dark] .ig-left-nav-item:hover{background:#1a1a1a}[data-theme=dark] .ig-desktop-feed{background:#000}[data-theme=dark] .ig-desktop-feed .ig-post{background:#000;border-color:#262626}[data-theme=dark] .ig-right-sidebar{background:#000;border-left-color:#262626}[data-theme=dark] .ig-right-own-username,[data-theme=dark] .ig-right-see-all,[data-theme=dark] .ig-right-account-username{color:#f5f5f5}[data-theme=dark] .ig-right-footer{color:#555}.tt-mobile{color:#fff;background:#000;width:100%;height:552px;position:relative;overflow:hidden}.tt-video-bg{background:linear-gradient(160deg,#1a1a2e 0%,#16213e 40%,#0f3460 100%);position:absolute;inset:0}.tt-topbar{z-index:5;justify-content:center;gap:24px;display:flex;position:absolute;top:40px;left:0;right:0}.tt-tab{color:#fff9;cursor:pointer;font-size:14px;font-weight:500}.tt-tab.active{color:#fff;text-underline-offset:4px;font-weight:700;text-decoration:underline}.tt-sidebar{z-index:5;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:120px;right:8px}.tt-avatar-wrap{margin-bottom:4px;position:relative}.tt-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;width:40px;height:40px}.tt-follow-btn{color:#fff;background:#fe2c55;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.tt-action{flex-direction:column;align-items:center;gap:4px;display:flex}.tt-action-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tt-action-count{color:#fff;font-size:11px;font-weight:500}.tt-bottom{z-index:5;position:absolute;bottom:70px;left:12px;right:56px}.tt-username{color:#fff;margin-bottom:6px;font-size:14px;font-weight:700}.tt-caption-wrap{margin-bottom:8px}.tt-caption-wrap .caption-body,.tt-caption-wrap .caption-placeholder{color:#ffffffe6;font-size:13px}.tt-caption-wrap .caption-more-btn{color:#ffffffb3}.tt-sound{color:#fffc;align-items:center;gap:5px;font-size:12px;display:flex}.tt-desktop{background:#fff;min-height:100%;display:flex}.tt-desktop-sidebar{border-right:1px solid #f0f0f0;flex-shrink:0;width:200px;padding:20px 16px}.tt-logo{letter-spacing:-.5px;color:#000;margin-bottom:20px;font-size:22px;font-weight:900}.tt-nav{flex-direction:column;gap:2px;display:flex}.tt-nav-item{color:#333;cursor:pointer;border-radius:8px;padding:10px 12px;font-size:14px}.tt-nav-item.active{background:#f5f5f5;font-weight:700}.tt-desktop-feed{flex:1;padding:20px;overflow-y:auto}.tt-desktop-post{gap:16px;max-width:600px;margin:0 auto;display:flex}.tt-desktop-video{aspect-ratio:9/16;border-radius:10px;flex-shrink:0;width:220px;transition:aspect-ratio .2s;overflow:hidden}.tt-video-bg-desktop{background:linear-gradient(160deg,#1a1a2e 0%,#16213e 40%,#0f3460 100%);width:100%;height:100%}.tt-desktop-info{flex:1;padding-top:4px}.tt-desktop-user{align-items:center;gap:10px;margin-bottom:12px;display:flex}.tt-username-desktop{color:#000;font-size:14px;font-weight:700}.tt-display-name{color:#777;font-size:12px}.tt-follow-desktop{color:#fff;cursor:pointer;background:#fe2c55;border:none;border-radius:4px;margin-left:auto;padding:6px 14px;font-size:13px;font-weight:600}.tt-desktop-caption{color:#333;margin-bottom:16px;font-size:14px;line-height:1.5}.tt-desktop-actions{gap:20px;display:flex}.tt-desktop-action{color:#555;align-items:center;gap:5px;font-size:13px;display:flex}.tt-desktop-action-icon{background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.fb-wrap{background:#f0f2f5;min-height:100%;display:flex}.fb-wrap.mobile{background:#fff}.fb-sidebar{background:#fff;border-right:1px solid #e4e6ea;flex-shrink:0;width:220px;padding:20px 16px}.fb-logo{margin-bottom:20px}.fb-nav{flex-direction:column;gap:2px;display:flex}.fb-nav-item{color:#333;cursor:pointer;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:500}.fb-nav-item.active{color:#1877f2;background:#e7f3ff}.fb-feed{flex-direction:column;flex:1;align-items:center;gap:12px;padding:16px;display:flex}.fb-wrap.mobile .fb-feed{gap:0;padding:0}.fb-stories{background:#fff;border-bottom:1px solid #e4e6ea;gap:8px;width:100%;max-width:500px;padding:10px 12px;display:flex;overflow-x:auto}.fb-story-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0;width:64px;height:104px;position:relative}.fb-story-avatar{background:#fff;border:2px solid #1877f2;border-radius:50%;width:28px;height:28px;position:absolute;top:6px;left:6px}.fb-post{background:#fff;border-radius:8px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 1px 3px #00000014}.fb-wrap.mobile .fb-post{box-shadow:none;border-bottom:8px solid #f0f2f5;border-radius:0}.fb-post-header{align-items:center;gap:10px;padding:12px 16px 8px;display:flex}.fb-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;width:38px;height:38px}.fb-post-meta{flex:1}.fb-post-name{color:#050505;font-size:14px;font-weight:600}.fb-post-time{color:#65676b;align-items:center;gap:4px;font-size:12px;display:flex}.fb-dot{color:#65676b}.fb-more{color:#606770;cursor:pointer;border-radius:50%;padding:4px 8px;font-size:18px;font-weight:700}.fb-caption{color:#050505;white-space:pre-wrap;word-break:break-word;padding:4px 16px 12px;font-size:14px;line-height:1.55}.fb-caption .caption-link{color:#216fdb}.fb-image{aspect-ratio:16/9;background:#f0f2f5;justify-content:center;align-items:center;width:100%;transition:aspect-ratio .2s;display:flex;overflow:hidden}.fb-image-inner{justify-content:center;align-items:center;display:flex}.fb-reactions{align-items:center;gap:6px;padding:8px 16px;display:flex}.fb-reaction-emojis{display:flex}.fb-reaction-emojis span{margin-right:-2px;font-size:16px}.fb-reaction-count{color:#65676b;flex:1;margin-left:8px;font-size:13px}.fb-comment-count{color:#65676b;cursor:pointer;font-size:13px}.fb-comment-count:hover{text-decoration:underline}.fb-divider{background:#e4e6ea;height:1px;margin:0 16px}.fb-actions{padding:2px 8px;display:flex}.fb-action-btn{color:#65676b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .1s;display:flex}.fb-action-btn:hover{background:#f2f2f2}.x-wrap{background:#fff;min-height:100%;display:flex}.x-sidebar{border-right:1px solid #eff3f4;flex-direction:column;flex-shrink:0;width:220px;padding:16px;display:flex}.x-logo{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;padding:6px;display:flex}.x-logo:hover{background:#0000000f}.x-nav{flex-direction:column;flex:1;gap:2px;display:flex}.x-nav-item{color:#0f1419;cursor:pointer;border-radius:100px;padding:12px 16px;font-size:18px;transition:background .1s}.x-nav-item:hover{background:#0000000a}.x-nav-item.active{font-weight:700}.x-post-btn{color:#fff;cursor:pointer;background:#1d9bf0;border:none;border-radius:100px;margin-top:16px;padding:14px;font-family:inherit;font-size:16px;font-weight:700;transition:background .1s}.x-post-btn:hover{background:#1a8cd8}.x-feed{border-right:1px solid #eff3f4;flex:1}.x-tweet{cursor:pointer;border-bottom:1px solid #eff3f4;gap:12px;padding:12px 16px;transition:background .1s;display:flex}.x-tweet:hover{background:#00000005}.x-tweet-avatar{flex-shrink:0}.x-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;width:40px;height:40px}.x-tweet-body{flex:1;min-width:0}.x-tweet-header{flex-wrap:wrap;align-items:baseline;gap:4px;margin-bottom:2px;display:flex}.x-display-name{color:#0f1419;font-size:14px;font-weight:700}.x-handle,.x-time{color:#536471;font-size:14px}.x-tweet-text{color:#0f1419;white-space:pre-wrap;word-break:break-word;margin-bottom:10px;font-size:14px;line-height:1.55}.x-tweet-text .caption-link{color:#1d9bf0}.x-tweet-image{aspect-ratio:16/9;background:#f7f9f9;border:1px solid #eff3f4;border-radius:14px;justify-content:center;align-items:center;width:100%;margin-bottom:10px;transition:aspect-ratio .2s;display:flex;overflow:hidden}.x-image-inner{justify-content:center;align-items:center;display:flex}.x-actions{gap:0;margin-left:-8px;display:flex}.x-action{color:#536471;cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;align-items:center;gap:4px;max-width:80px;padding:6px 8px;font-size:12.5px;transition:all .1s;display:flex}.x-action:hover{color:#1d9bf0;background:#1d9bf014}.x-action:nth-child(2):hover{color:#00ba7c;background:#00ba7c14}.x-action:nth-child(3):hover{color:#f91880;background:#f9188014}.x-right-rail{flex-shrink:0;width:290px;padding:16px}.x-trending-box{background:#f7f9f9;border-radius:16px;padding:16px}.x-trending-title{color:#0f1419;margin-bottom:12px;font-size:18px;font-weight:800}.x-trending-item{border-top:1px solid #eff3f4;padding:10px 0}.x-trending-tag{color:#536471;font-size:12px}.x-trending-topic{color:#0f1419;margin-top:2px;font-size:14px;font-weight:700}.x-mobile{background:#fff;flex-direction:column;min-height:100%;display:flex}.x-mobile-topbar{border-bottom:1px solid #eff3f4;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.x-mobile-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;width:30px;height:30px}.x-mobile-tabs{border-bottom:1px solid #eff3f4;display:flex}.x-mobile-tab{text-align:center;color:#536471;cursor:pointer;flex:1;padding:10px;font-size:14px;font-weight:500;position:relative}.x-mobile-tab.active{color:#0f1419;font-weight:700}.x-mobile-tab.active:after{content:"";background:#1d9bf0;border-radius:2px;height:2px;position:absolute;bottom:0;left:25%;right:25%}.x-feed-mobile{border-right:none!important}[data-theme=dark] .x-mobile{background:#000}[data-theme=dark] .x-mobile-topbar{color:#e7e9ea;border-color:#2f3336}[data-theme=dark] .x-mobile-tabs{border-color:#2f3336}[data-theme=dark] .x-mobile-tab{color:#71767b}[data-theme=dark] .x-mobile-tab.active{color:#e7e9ea}.yt-mobile{background:#fff;flex-direction:column;min-height:100%;display:flex}.yt-mobile-topbar{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.yt-mobile-search{color:#606060;cursor:pointer}.yt-thumbnail{aspect-ratio:16/9;background:#1a1a1a;flex-shrink:0;justify-content:center;align-items:center;width:100%;transition:aspect-ratio .2s;display:flex;position:relative;overflow:hidden}.yt-duration{color:#fff;background:#000c;border-radius:3px;padding:2px 5px;font-size:11px;font-weight:600;position:absolute;bottom:6px;right:8px}.yt-video-info{padding:10px 14px}.yt-video-meta-row{color:#606060;margin-bottom:4px;font-size:11.5px}.yt-title{color:#0f0f0f;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.4}.yt-channel-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.yt-channel-avatar{background:linear-gradient(135deg,red,#c00);border-radius:50%;flex-shrink:0;width:30px;height:30px}.yt-channel-avatar.sm{width:36px;height:36px}.yt-channel-name{color:#0f0f0f;font-size:12.5px;font-weight:600}.yt-verified{color:#606060;font-size:11px}.yt-subs{color:#606060;font-size:12px}.yt-subscribe-btn{color:#fff;cursor:pointer;background:#0f0f0f;border:none;border-radius:100px;margin-left:auto;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600}.yt-description-box{background:#f2f2f2;border-radius:10px;margin-top:8px;padding:10px 12px}.yt-description-text{color:#0f0f0f;font-size:12.5px;line-height:1.5}.yt-description-text .caption-link{color:#065fd4}.yt-description-text .caption-more-btn{color:#0f0f0f;font-weight:600}.yt-actions{border-top:1px solid #f0f0f0;flex-shrink:0;gap:0;padding:4px 8px 10px;display:flex;overflow-x:auto}.yt-action-btn{color:#0f0f0f;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;padding:8px 12px;font-family:inherit;font-size:11px;display:flex}.yt-action-btn:hover{background:#f2f2f2}.yt-desktop{background:#fff;height:100%;display:flex;overflow:hidden}.yt-desktop-sidebar{border-right:1px solid #f0f0f0;flex-shrink:0;width:200px;padding:12px 0;overflow-y:auto}.yt-desktop-logo{letter-spacing:-.3px;color:#0f0f0f;align-items:center;gap:4px;padding:8px 16px 16px;font-size:15px;font-weight:700;display:flex}.yt-logo-text{font-size:14px;font-weight:800}.yt-desktop-nav{flex-direction:column;display:flex}.yt-desktop-nav-item{color:#0f0f0f;cursor:pointer;border-radius:10px;align-items:center;gap:16px;margin:0 8px;padding:8px 16px;font-size:13px;display:flex}.yt-desktop-nav-item:hover{background:#f2f2f2}.yt-desktop-nav-item.active{background:#f2f2f2;font-weight:600}.yt-desktop-main{flex:1;padding:16px 20px;overflow-y:auto}.yt-desktop-player{aspect-ratio:16/9;background:#1a1a1a;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-bottom:14px;display:flex;position:relative;overflow:hidden}.yt-desktop-placeholder{cursor:pointer;background:0 0;border:none;width:100%;height:100%}.yt-desktop-info{padding-bottom:20px}.yt-desktop-title{color:#0f0f0f;margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.4}.yt-desktop-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.yt-desktop-channel{align-items:center;gap:10px;display:flex}.yt-desktop-btns{align-items:center;gap:8px;display:flex}.yt-desktop-actions{background:#f2f2f2;border-radius:100px;display:flex;overflow:hidden}.yt-desktop-action-btn{color:#0f0f0f;cursor:pointer;background:0 0;border:none;border-right:1px solid #e0e0e0;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.yt-desktop-action-btn:last-child{border-right:none}.yt-desktop-action-btn:hover{background:#e5e5e5}.yt-desktop-description{background:#f2f2f2;border-radius:12px;padding:12px 14px}.yt-desc-stats{color:#0f0f0f;margin-bottom:6px;font-size:12.5px;font-weight:600}.yt-desktop-description .caption-body{color:#0f0f0f;font-size:13px}.yt-desktop-description .caption-link{color:#065fd4}.yt-desktop-description .caption-more-btn{color:#0f0f0f;font-weight:700}.yt-desktop-sidebar-right{border-left:1px solid #f0f0f0;flex-shrink:0;width:260px;padding:16px 12px;overflow-y:auto}.yt-suggested{cursor:pointer;gap:8px;margin-bottom:12px;display:flex}.yt-suggested-thumb{background:#e5e5e5;border-radius:6px;flex-shrink:0;width:120px;height:68px}.yt-suggested-info{flex:1}.yt-suggested-title{color:#0f0f0f;margin-bottom:3px;font-size:12.5px;font-weight:600;line-height:1.3}.yt-suggested-channel{color:#606060;font-size:11.5px}.li-mobile{background:#f3f2ef;min-height:100%}.li-mobile-topbar{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.li-mobile-icons{color:#666;gap:14px;display:flex}.li-post{background:#fff;border-radius:8px;margin:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}.li-post-header{align-items:flex-start;gap:10px;padding:12px 14px 8px;display:flex}.li-avatar{background:linear-gradient(135deg,#0077b5,#00a0dc);border-radius:50%;flex-shrink:0;width:40px;height:40px}.li-post-meta{flex:1;min-width:0}.li-name{color:#000;font-size:13px;font-weight:700}.li-badge{color:#0a66c2;font-size:12px;font-weight:400}.li-headline{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.li-post-time{color:#666;margin-top:1px;font-size:11px}.li-globe{font-size:11px}.li-follow-btn{color:#0a66c2;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #0a66c2;border-radius:100px;flex-shrink:0;padding:5px 14px;font-family:inherit;font-size:13px;font-weight:700}.li-caption{color:#000;white-space:pre-wrap;word-break:break-word;padding:4px 14px 10px;font-size:13.5px;line-height:1.55}.li-caption .caption-link{color:#0a66c2}.li-caption .caption-more-btn{color:#666;font-weight:600}.li-image{aspect-ratio:16/9;background:#f3f2ef;justify-content:center;align-items:center;width:100%;transition:aspect-ratio .2s;display:flex;overflow:hidden}.li-reactions{align-items:center;gap:6px;padding:8px 14px;display:flex}.li-reaction-icons{display:flex}.li-reaction-icons span{margin-right:-2px;font-size:15px}.li-reaction-count{color:#666;flex:1;margin-left:8px;font-size:12px}.li-divider{background:#e0e0e0;height:1px;margin:0 14px}.li-actions{padding:2px 6px;display:flex}.li-action-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 4px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .1s;display:flex}.li-action-btn:hover{color:#000;background:#f3f2ef}.li-desktop{background:#f3f2ef;min-height:100%;display:flex}.li-desktop-left{flex-shrink:0;width:220px;padding:12px}.li-profile-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.li-profile-banner{background:linear-gradient(135deg,#0077b5,#00a0dc);height:50px}.li-profile-avatar{background:linear-gradient(135deg,#0077b5,#00a0dc);border:3px solid #fff;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 12px}.li-profile-name{color:#000;padding:8px 12px 2px;font-size:14px;font-weight:700}.li-profile-title{color:#666;padding:0 12px 8px;font-size:11.5px}.li-profile-stat{color:#666;border-top:1px solid #e0e0e0;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.li-profile-stat strong{color:#0a66c2}.li-desktop-feed{flex:1;max-width:540px;padding:12px}.li-desktop-right{flex-shrink:0;width:220px;padding:12px}.li-news-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px}.li-news-title{color:#000;margin-bottom:10px;font-size:14px;font-weight:700}.li-news-item{color:#333;border-top:1px solid #f0f0f0;padding:5px 0;font-size:12.5px}.th-mobile{background:#fff;min-height:100%}.th-mobile-topbar{color:#0f0f0f;border-bottom:1px solid #efefef;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:16px;font-weight:700;display:flex}.th-post{border-bottom:1px solid #efefef;gap:0;padding:12px 16px;display:flex}.th-left-col{flex-direction:column;flex-shrink:0;align-items:center;width:46px;display:flex}.th-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;width:36px;height:36px}.th-thread-line{background:#efefef;border-radius:1px;flex:1;width:2px;min-height:24px;margin-top:8px}.th-right-col{flex:1;min-width:0;padding-left:10px}.th-post-header{align-items:center;gap:4px;margin-bottom:4px;display:flex}.th-username{color:#0f0f0f;font-size:13.5px;font-weight:700}.th-verified{align-items:center;display:flex}.th-time{color:#999;font-size:12.5px}.th-more{color:#999;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:16px}.th-text{color:#0f0f0f;white-space:pre-wrap;word-break:break-word;margin-bottom:10px;font-size:14px;line-height:1.5}.th-text .caption-link{color:#0095f6}.th-text .caption-more-btn{color:#999;font-weight:600}.th-image-wrap{aspect-ratio:1;border-radius:12px;width:100%;margin-bottom:10px;transition:aspect-ratio .2s;position:relative;overflow:hidden}.th-image-actual{object-fit:cover;width:100%;height:100%;display:block}.th-image-placeholder{cursor:pointer;background:#f5f5f5;border:none;border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;margin-bottom:10px;display:flex}.th-actions{gap:10px;margin-bottom:6px;display:flex}.th-action{cursor:pointer;color:#555;background:0 0;border:none;border-radius:50%;padding:4px;transition:opacity .1s}.th-action:hover{opacity:.6}.th-reply-count{color:#999;font-size:12px}.th-desktop{background:#fff;min-height:100%;display:flex}.th-desktop-left{border-right:1px solid #efefef;flex-shrink:0;width:220px;padding:20px 12px}.th-desktop-logo{padding:0 8px 20px}.th-desktop-nav{flex-direction:column;gap:2px;display:flex}.th-desktop-nav-item{color:#333;cursor:pointer;border-radius:8px;padding:10px 12px;font-size:14px}.th-desktop-nav-item:hover{background:#f5f5f5}.th-desktop-nav-item.active{background:#f5f5f5;font-weight:700}.th-desktop-feed{flex:1;max-width:600px;padding:8px 0}.pi-mobile{background:#fff;min-height:100%}.pi-mobile-topbar{border-bottom:1px solid #efefef;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pi-mobile-search{color:#333;background:#efefef;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pi-pin-image-mobile{aspect-ratio:2/3;background:#efefef;justify-content:center;align-items:center;width:100%;transition:aspect-ratio .2s;display:flex;position:relative;overflow:hidden}.pi-placeholder{border-radius:0}.pi-save-btn-overlay{color:#fff;cursor:pointer;background:#e60023;border:none;border-radius:100px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:700;position:absolute;top:12px;right:12px}.pi-pin-info{padding:14px 16px}.pi-title{color:#111;margin-bottom:8px;font-size:18px;font-weight:700}.pi-title.desktop{margin-bottom:10px;font-size:22px}.pi-description{color:#333;margin-bottom:12px;font-size:13.5px;line-height:1.55}.pi-description.desktop{margin-bottom:16px;font-size:14.5px}.pi-description .caption-link{color:#e60023}.pi-source{color:#767676;align-items:center;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.pi-user-row{align-items:center;gap:10px;display:flex}.pi-user-row.desktop{margin-top:16px}.pi-user-avatar{background:linear-gradient(135deg,#e60023,#c00);border-radius:50%;flex-shrink:0;width:36px;height:36px}.pi-user-name{color:#111;font-size:13px;font-weight:600}.pi-board{color:#767676;font-size:12px}.pi-follow-btn{cursor:pointer;color:#111;background:#efefef;border:none;border-radius:100px;margin-left:auto;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:700}.pi-stats{color:#767676;margin-top:12px;font-size:12.5px}.pi-desktop{background:#fff;flex-direction:column;min-height:100%;display:flex}.pi-desktop-topbar{border-bottom:1px solid #efefef;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.pi-desktop-search{color:#767676;background:#efefef;border-radius:100px;flex:1;align-items:center;gap:8px;max-width:200px;padding:7px 14px;font-size:13px;display:flex}.pi-desktop-nav{gap:4px;display:flex}.pi-desktop-nav-item{color:#333;cursor:pointer;border-radius:100px;padding:7px 14px;font-size:13.5px;font-weight:600}.pi-desktop-nav-item.active{color:#fff;background:#111}.pi-desktop-pin{background:#fff;border-radius:16px;flex:1;gap:0;width:calc(100% - 40px);max-width:800px;margin:20px auto;display:flex;overflow:hidden;box-shadow:0 2px 20px #0000001a}.pi-desktop-image{aspect-ratio:2/3;background:#efefef;flex-shrink:0;justify-content:center;align-items:center;width:48%;transition:aspect-ratio .2s;display:flex;position:relative;overflow:hidden}.pi-desktop-img{object-position:center top}.pi-desktop-details{flex:1;padding:20px 24px;overflow-y:auto}.pi-desktop-actions-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.pi-save-btn{color:#fff;cursor:pointer;background:#e60023;border:none;border-radius:100px;padding:10px 24px;font-family:inherit;font-size:15px;font-weight:700}.pi-more-btn{cursor:pointer;color:#333;background:#efefef;border:none;border-radius:50%;width:40px;height:40px;font-size:18px}.header-actions{align-items:center;margin-left:auto;display:flex}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:flex}.theme-toggle:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--surface-raised)}.upload-btn{border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.upload-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-input)}.upload-thumb-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.upload-thumb-item{border-radius:var(--radius-sm);flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.upload-thumb{object-fit:cover;width:100%;height:100%;display:block}.upload-remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:background .1s;display:flex;position:absolute;top:3px;right:3px}.upload-remove:hover{background:#000000e6}.preview-media-img{object-fit:cover;width:100%;height:100%;display:block}.preview-media-placeholder{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.x-placeholder{border-radius:14px}.tt-media-img{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.tt-video-placeholder{cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tt-desktop-media-img{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.tt-desktop-placeholder{cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}[data-theme=dark] .caption-input,[data-theme=dark] .platform-btn{background:var(--surface-raised)}[data-theme=dark] .platform-btn.active{color:#fff;border-color:#0000}[data-theme=dark] .platform-btn.active[data-platform=instagram]{background:#e1306c26;border-left:3px solid #e1306c}[data-theme=dark] .platform-btn.active[data-platform=tiktok]{background:#69c9d026;border-left:3px solid #69c9d0}[data-theme=dark] .platform-btn.active[data-platform=threads],[data-theme=dark] .platform-btn.active[data-platform=x]{background:#ffffff1f;border-left:3px solid #fff}[data-theme=dark] .platform-btn.active[data-platform=facebook]{background:#1877f226;border-left:3px solid #1877f2}[data-theme=dark] .platform-btn.active[data-platform=youtube]{background:#ff000026;border-left:3px solid red}[data-theme=dark] .platform-btn.active[data-platform=linkedin]{background:#0a66c226;border-left:3px solid #0a66c2}[data-theme=dark] .platform-btn.active[data-platform=pinterest]{background:#e6002326;border-left:3px solid #e60023}[data-theme=dark] .view-toggle{background:var(--surface-raised)}[data-theme=dark] .toggle-btn.active{background:var(--surface)}[data-theme=dark] .cutoff-warning{background:#f9731614;border-color:#f9731666 #f9731666 #f9731666 #f97316}[data-theme=dark] .cutoff-title{color:#fb923c}[data-theme=dark] .cutoff-detail{color:#fdba74}[data-theme=dark] .phone-frame{box-shadow:inset 0 0 0 2px #2a2a2a, 0 0 0 1px #000, var(--shadow-lg);background:#0d0d0d}[data-theme=dark] .phone-notch{background:#0d0d0d}[data-theme=dark] .phone-home:after{background:#2a2a2a}[data-theme=dark] .phone-status-bar{background:var(--surface)}[data-theme=dark] .phone-status-bar.dark{background:#000}[data-theme=dark] .browser-chrome{background:#1a1a18}[data-theme=dark] .browser-bar{background:var(--surface-raised)}[data-theme=dark] .caption-placeholder{color:#444}[data-theme=dark] .ig-feed{background:#000}[data-theme=dark] .ig-post{background:#000;border-color:#262626}[data-theme=dark] .ig-username{color:#f0f0ee}[data-theme=dark] .ig-location{color:#888}[data-theme=dark] .ig-more{color:#ccc}[data-theme=dark] .ig-image{background:#222224}[data-theme=dark] .ig-action-btn{color:#d0d0ce}[data-theme=dark] .ig-likes{color:#f0f0ee}[data-theme=dark] .ig-caption{color:#e0e0de}[data-theme=dark] .ig-caption .caption-link{color:#4da6ff}[data-theme=dark] .ig-comments-link,[data-theme=dark] .ig-timestamp{color:#666}[data-theme=dark] .fb-wrap{background:#111112}[data-theme=dark] .fb-wrap.mobile{background:#18181a}[data-theme=dark] .fb-sidebar{background:#18181a;border-right-color:#2a2a2c}[data-theme=dark] .fb-nav-item{color:#d0d0ce}[data-theme=dark] .fb-nav-item.active{color:#4da6ff;background:#1877f226}[data-theme=dark] .fb-post{background:#18181a;box-shadow:0 1px 3px #0006}[data-theme=dark] .fb-post-name{color:#f0f0ee}[data-theme=dark] .fb-post-time,[data-theme=dark] .fb-dot,[data-theme=dark] .fb-more{color:#888}[data-theme=dark] .fb-caption{color:#e0e0de}[data-theme=dark] .fb-caption .caption-link{color:#4da6ff}[data-theme=dark] .fb-image{background:#222224}[data-theme=dark] .fb-reaction-count,[data-theme=dark] .fb-comment-count{color:#888}[data-theme=dark] .fb-divider{background:#2a2a2c}[data-theme=dark] .fb-action-btn{color:#888}[data-theme=dark] .fb-action-btn:hover{background:#222224}[data-theme=dark] .x-wrap{background:#000}[data-theme=dark] .x-sidebar{border-right-color:#2f3336}[data-theme=dark] .x-nav-item{color:#e7e9ea}[data-theme=dark] .x-nav-item:hover{background:#e7e9ea1a}[data-theme=dark] .x-feed{border-right-color:#2f3336}[data-theme=dark] .x-tweet{border-bottom-color:#2f3336}[data-theme=dark] .x-tweet:hover{background:#ffffff08}[data-theme=dark] .x-display-name{color:#e7e9ea}[data-theme=dark] .x-handle,[data-theme=dark] .x-time{color:#71767b}[data-theme=dark] .x-tweet-text{color:#e7e9ea}[data-theme=dark] .x-tweet-text .caption-link{color:#1d9bf0}[data-theme=dark] .x-tweet-image{background:#16181c;border-color:#2f3336}[data-theme=dark] .x-action{color:#71767b}[data-theme=dark] .x-trending-box{background:#16181c}[data-theme=dark] .x-trending-title{color:#e7e9ea}[data-theme=dark] .x-trending-tag{color:#71767b}[data-theme=dark] .x-trending-topic{color:#e7e9ea}[data-theme=dark] .tt-desktop{background:#121212}[data-theme=dark] .tt-desktop-sidebar{border-right-color:#222}[data-theme=dark] .tt-logo{color:#f0f0ee}[data-theme=dark] .tt-nav-item{color:#d0d0ce}[data-theme=dark] .tt-nav-item.active{background:#222}[data-theme=dark] .tt-desktop-feed{background:#121212}[data-theme=dark] .tt-username-desktop{color:#f0f0ee}[data-theme=dark] .tt-display-name{color:#888}[data-theme=dark] .tt-desktop-caption{color:#d0d0ce}[data-theme=dark] .tt-desktop-action{color:#888}[data-theme=dark] .tt-desktop-action-icon{background:#222}[data-theme=dark] .yt-mobile{background:#0f0f0f}[data-theme=dark] .yt-mobile-topbar{color:#f1f1f1;background:#0f0f0f;border-color:#272727}[data-theme=dark] .yt-title,[data-theme=dark] .yt-channel-name{color:#f1f1f1}[data-theme=dark] .yt-description-box{background:#272727}[data-theme=dark] .yt-description-text{color:#f1f1f1}[data-theme=dark] .yt-actions{border-top-color:#272727}[data-theme=dark] .yt-action-btn{color:#f1f1f1}[data-theme=dark] .yt-action-btn:hover{background:#272727}[data-theme=dark] .yt-subscribe-btn{color:#0f0f0f;background:#f1f1f1}[data-theme=dark] .yt-desktop{background:#0f0f0f}[data-theme=dark] .yt-desktop-sidebar{border-right-color:#272727}[data-theme=dark] .yt-desktop-logo,[data-theme=dark] .yt-desktop-title,[data-theme=dark] .yt-desktop-nav-item{color:#f1f1f1}[data-theme=dark] .yt-desktop-nav-item:hover,[data-theme=dark] .yt-desktop-nav-item.active,[data-theme=dark] .yt-desktop-description{background:#272727}[data-theme=dark] .yt-desc-stats,[data-theme=dark] .yt-desktop-description .caption-body,[data-theme=dark] .yt-desktop-description .caption-more-btn{color:#f1f1f1}[data-theme=dark] .yt-desktop-sidebar-right{background:#0f0f0f;border-left-color:#272727}[data-theme=dark] .yt-suggested-thumb{background:#272727}[data-theme=dark] .yt-suggested-title{color:#f1f1f1}[data-theme=dark] .yt-desktop-actions{background:#272727}[data-theme=dark] .yt-desktop-action-btn{color:#f1f1f1;border-right-color:#3a3a3a}[data-theme=dark] .yt-desktop-action-btn:hover{background:#3a3a3a}[data-theme=dark] .li-mobile{background:#1b1f23}[data-theme=dark] .li-mobile-topbar{color:#e9e5df;background:#1b1f23;border-color:#38434f}[data-theme=dark] .li-post{background:#1b1f23;box-shadow:0 1px 3px #0006}[data-theme=dark] .li-name,[data-theme=dark] .li-caption{color:#e9e5df}[data-theme=dark] .li-image{background:#24292e}[data-theme=dark] .li-divider{background:#38434f}[data-theme=dark] .li-action-btn{color:#aaa}[data-theme=dark] .li-action-btn:hover{color:#e9e5df;background:#24292e}[data-theme=dark] .li-desktop{background:#1b1f23}[data-theme=dark] .li-profile-card{background:#1b1f23;border-color:#38434f}[data-theme=dark] .li-profile-name{color:#e9e5df}[data-theme=dark] .li-news-box{background:#1b1f23;border-color:#38434f}[data-theme=dark] .li-news-title{color:#e9e5df}[data-theme=dark] .li-news-item{color:#aaa;border-top-color:#38434f}[data-theme=dark] .li-profile-stat{border-top-color:#38434f}[data-theme=dark] .th-mobile{background:#101010}[data-theme=dark] .th-mobile-topbar{color:#f5f5f5;border-color:#1e1e1e}[data-theme=dark] .th-post{border-color:#1e1e1e}[data-theme=dark] .th-thread-line{background:#1e1e1e}[data-theme=dark] .th-username{color:#f5f5f5}[data-theme=dark] .th-text{color:#e5e5e5}[data-theme=dark] .th-image-placeholder{background:#1e1e1e}[data-theme=dark] .th-action{color:#aaa}[data-theme=dark] .th-desktop{background:#101010}[data-theme=dark] .th-desktop-left{border-right-color:#1e1e1e}[data-theme=dark] .th-desktop-nav-item{color:#e5e5e5}[data-theme=dark] .th-desktop-nav-item:hover,[data-theme=dark] .th-desktop-nav-item.active{background:#1e1e1e}[data-theme=dark] .pi-mobile{background:#111}[data-theme=dark] .pi-mobile-topbar{border-color:#222}[data-theme=dark] .pi-pin-image-mobile{background:#222}[data-theme=dark] .pi-title{color:#f5f5f5}[data-theme=dark] .pi-description{color:#ccc}[data-theme=dark] .pi-user-name{color:#f5f5f5}[data-theme=dark] .pi-follow-btn{color:#f5f5f5;background:#222}[data-theme=dark] .pi-desktop{background:#111}[data-theme=dark] .pi-desktop-topbar{border-color:#222}[data-theme=dark] .pi-desktop-search{color:#aaa;background:#222}[data-theme=dark] .pi-desktop-pin{background:#1a1a1a;box-shadow:0 2px 20px #00000080}[data-theme=dark] .pi-desktop-image{background:#222}[data-theme=dark] .pi-desktop-details{background:#1a1a1a}[data-theme=dark] .pi-more-btn{color:#f5f5f5;background:#222}.tablet-frame{width:560px;height:100%;max-height:760px;box-shadow:inset 0 0 0 2px #333, 0 0 0 1px #111, var(--shadow-lg);background:#1a1a1a;border-radius:32px;flex-direction:column;flex-shrink:0;padding:14px 10px 10px;display:flex;position:relative}.tablet-notch{z-index:20;background:#1a1a1a;border-radius:10px;width:60px;height:16px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.tablet-screen{background:#fff;border-radius:22px;flex:1;position:relative;overflow:hidden auto}.tablet-status-bar{z-index:5;pointer-events:none;background:#fff;flex-shrink:0;height:36px;position:sticky;top:0}.tablet-home{flex-shrink:0;justify-content:center;align-items:center;height:24px;margin-top:4px;display:flex}.tablet-home:after{content:"";background:#444;border-radius:2px;width:60px;height:4px}[data-theme=dark] .tablet-frame{box-shadow:inset 0 0 0 2px #2a2a2a, 0 0 0 1px #000, var(--shadow-lg);background:#0d0d0d}[data-theme=dark] .tablet-notch{background:#0d0d0d}[data-theme=dark] .tablet-home:after{background:#2a2a2a}[data-theme=dark] .tablet-status-bar,[data-theme=dark] .tablet-screen{background:var(--surface)}@keyframes previewFadeIn{0%{opacity:0}to{opacity:1}}.preview-fade{animation:.15s previewFadeIn}.ai-improve-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;justify-content:space-between;align-items:center;gap:7px;width:100%;height:38px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s,filter .15s;display:flex}.ai-improve-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed59}.ai-improve-btn:active:not(:disabled){transform:translateY(0)}.ai-improve-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-improve-btn.exhausted{filter:grayscale();opacity:.5}.ai-improve-btn.loading{opacity:.8;cursor:default;transform:none}.ai-spinner{border:1.5px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite ai-spin;display:inline-block}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-uses-badge{color:#ffffffbf;margin-left:auto;font-size:11px;font-weight:400}.ai-uses-badge.exhausted{color:#fff9}.ai-error{color:var(--progress-red);border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;padding:8px 12px;font-size:12px}[data-theme=dark] .ai-error{background:#ef44441a;border-color:#ef444440}.ai-panel-sidebar{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);overflow:hidden}.ai-panel-toggle{cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s;display:flex}.ai-panel-toggle:hover{background:var(--border)}.ai-panel-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.ai-panel-chevron.open{transform:rotate(180deg)}.ai-panel-body{max-height:0;transition:max-height .3s;overflow:hidden}.ai-panel-body.open{max-height:600px}.ai-panel-body .ai-error{margin:0 12px 12px}.ai-panel-body .ai-error.ai-rate-limited{color:#92400e;background:#fffbeb;border-color:#fcd34d}[data-theme=dark] .ai-panel-body .ai-error.ai-rate-limited{color:#fcd34d;background:#fbbf2414;border-color:#fbbf244d}.ai-panel-cards{flex-direction:column;gap:8px;padding:4px 12px 12px;display:flex}.ai-suggestion{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:relative;overflow:hidden}@property --shimmer-pos{syntax:"<percentage>";inherits:false;initial-value:0%}.ai-suggestion:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#7c3aed,#2563eb,#0891b2,#7c3aed) 0 0/300% 300%;padding:1px;animation:4s linear infinite shimmer-move;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes shimmer-move{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ai-suggestion-label{text-transform:uppercase;letter-spacing:.08em;background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:9.5px;font-weight:700}.ai-suggestion-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-size:12.5px;line-height:1.5}.ai-use-btn{color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border-hover);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-self:flex-start;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.ai-use-btn:hover{background:var(--text-primary);color:var(--bg-page);border-color:var(--text-primary)}.ai-use-btn.trimmed{border-color:var(--progress-amber);color:var(--progress-amber)}.ai-use-btn.trimmed:hover{background:var(--progress-amber);color:#fff}@media (width<=768px){.app{height:auto;min-height:100dvh}.app-body{flex-direction:column;overflow:visible}.header-tagline{display:none}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%}.preview-area{min-height:520px}.preview-frame-area{padding:16px}.phone-frame{width:280px;height:560px}.preview-area.desktop .preview-frame-area{align-items:flex-start;padding:16px;overflow:auto hidden}.preview-area.desktop .browser-frame{flex-shrink:0;min-width:760px;height:460px}.toggle-btn{padding:5px 10px;font-size:12px}}.preview-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 32px;display:flex}.preview-empty-icon{color:var(--text-muted);opacity:.5;width:48px;height:48px}.preview-empty-title{color:var(--text-secondary);margin-top:16px;font-size:15px;font-weight:500;line-height:1.4}.preview-empty-sub{color:var(--text-muted);margin-top:6px;font-size:13px;line-height:1.5}