@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--ink:#20222d;--muted:#858895;--soft:#f1f1f7;--line:#e7e7ef;--blue:#6252e9;--purple:#735cff}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--ink);background:#f7f7fb;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #c8c3ff}.app-shell{background:#f7f7fb;grid-template-columns:265px minmax(0,1fr) minmax(0,1fr);height:100vh;min-height:0;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#fbfbfd;flex-direction:column;min-height:0;padding:29px 18px 19px 28px;display:flex;overflow:hidden}.brand{color:#29253c;letter-spacing:-.7px;align-items:center;gap:10px;padding-left:10px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;display:flex}.brand-mark{width:24px;height:24px;display:inline-block;position:relative;transform:rotate(-28deg)}.brand-mark i{background:#6958ef;border-radius:9px 9px 9px 2px;width:13px;height:20px;display:block;position:absolute;top:1px}.brand-mark i:first-child{opacity:.75;left:1px;transform:rotate(-13deg)}.brand-mark i:last-child{background:#a290ff;right:1px;transform:scaleX(-1)rotate(-13deg)}.main-nav{flex-direction:column;gap:5px;margin-top:43px;display:flex}.nav-item,.settings-link{color:#777b88;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:16px;height:45px;padding:0 14px;font-size:14px;font-weight:600;transition:all .16s;display:flex;position:relative}.nav-item svg,.settings-link svg{color:#9b9daa}.nav-item:hover,.settings-link:hover{color:var(--ink);background:#f2f2f8}.nav-item.active{color:#6253da;background:#eeecff}.nav-item.active svg{color:#6253da}.nav-item b{color:#fff;text-align:center;background:#ef7a90;border-radius:20px;min-width:20px;margin-left:auto;padding:2px 6px;font-size:11px}.sidebar-divider{background:var(--line);height:1px;margin:25px 10px 22px}.feed-list-heading{color:#999ca8;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:42px;padding:0 12px 10px 13px;font-size:13px;font-weight:700;display:flex}.feed-list-heading-secondary{margin-top:24px}.icon-button{color:#9295a1;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:inline-flex}.icon-button:hover{color:var(--ink);background:#eeeef4}.feed-navigation{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.feed-navigation-section{flex-direction:column;min-height:0;display:flex;overflow:hidden}.feed-navigation-feeds{flex:1 1 0}.feed-navigation-lists{flex:0 auto;min-height:104px;max-height:40%}.feed-list{flex-direction:column;flex:auto;gap:2px;min-height:0;display:flex;overflow-y:auto}.feed-item{width:100%;min-height:54px;color:inherit;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:11px;padding:6px 10px;text-decoration:none;display:flex;position:relative}.feed-item:hover{background:#f2f2f7}.feed-item.active{background:#f0effc}.feed-icon,.large-feed-icon{color:#fff;flex:none;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:17px;display:flex;box-shadow:inset 0 -7px 15px #00000014}.feed-icon{border-radius:9px;width:30px;height:30px;overflow:hidden}.feed-icon-avatar{object-fit:cover;width:100%;height:100%}.feed-item-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.feed-item-copy strong{color:#444653;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.feed-item.active .feed-item-copy strong{color:#5d4bd1}.feed-item-copy small{color:#a0a2ae;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.settings-link{margin-top:auto}.profile-switcher{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:15px;padding:13px 9px 0 10px;display:flex}.profile-switcher>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-switcher strong{color:#4d4f5b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-switcher small{color:#a3a5ae;font-size:10px}.profile-switcher>svg{color:#a0a2ad}.feed-permission{color:#9b6a10;background:#fff6df;border-radius:8px;margin:12px 10px 0;padding:9px 10px;font-size:11px;line-height:1.4}.logout-button{color:#6654e3;white-space:nowrap;background:#f0effc;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:700}.logout-button:hover{background:#e7e3ff}.sign-in-button{text-decoration:none}.avatar{object-fit:cover;background:#dedcf0;border:2px solid #fff;border-radius:50%;flex:none;width:34px;height:34px;box-shadow:0 1px 4px #1e1a4114}.avatar-large{width:45px;height:45px}.feed-column{border-right:1px solid var(--line);background:#fff;min-width:0;overflow-y:auto}.feed-column.has-selection{border-right:0}.mobile-brand,.mobile-compose{display:none}.feed-intro{align-items:center;gap:13px;margin:0 24px;padding:22px 3px 18px;display:flex}.large-feed-icon{border-radius:14px;width:47px;height:47px;font-size:24px}.feed-intro h2{letter-spacing:-.3px;margin:0 0 5px;font-family:Space Grotesk,sans-serif;font-size:16px}.feed-intro p{color:#9a9ca8;margin:0;font-size:11px}.feed-intro p span{color:#c4c5cd;padding:0 4px}.feed-intro .icon-button{margin-left:auto}.feed-tabs{border-bottom:1px solid var(--line);gap:23px;padding:0 27px;display:flex}.feed-tabs button{color:#a3a5af;background:0 0;padding:0 0 13px;font-size:12px;font-weight:600;position:relative}.feed-tabs button.active{color:#4f46b9}.feed-tabs button.active:after{content:"";background:#6959e8;border-radius:3px 3px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.posts-list{background:#fdfdfe}.post-card{border-bottom:1px solid var(--line);cursor:pointer;background:#fff;padding:19px 26px 16px;transition:background .15s;position:relative}.post-card:hover{background:#fcfcff}.post-card.noninteractive{cursor:default}.post-card.is-selected{background:#f6f5fc;border-right:0}.feed-column .post-card:not(.is-selected){border-right:1px solid var(--line)}.post-topline{align-items:center;gap:10px;display:flex}.post-author{flex-direction:column;gap:3px;min-width:0;display:flex}.author-name{color:#363844;font-size:14px;font-weight:700}.author-handle{color:#9b9da8;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.verified{color:#fff;vertical-align:1px;background:#6959e8;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;margin-left:5px;font-size:8px;display:inline-flex}.dot{color:#c3c4cb;padding:0 2px}.post-more{margin-left:auto}.post-copy{color:#424550;margin:13px 0 14px 44px;font-size:16px;line-height:1.6}.post-copy p,.selected-copy p{margin:0}.post-media{object-fit:contain;background:#f6f5fc;border-radius:11px;width:calc(100% - 44px);max-height:260px;margin:0 0 15px 44px;display:block}.post-image,.post-video{height:auto}.post-actions{align-items:center;gap:23px;margin-left:44px;display:flex}.action{color:#a4a6af;background:0 0;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:inline-flex}.action svg{transition:all .15s}.action:hover{color:#6755df}.action-like.is-active{color:#e56b85}.action-repost.is-active{color:#20a991}.action-save.is-active{color:#6959e8}.action-views{margin-left:auto}.action-share{margin-left:0}.quote-card{background:#fcfcfe;border:1px solid #e5e4ef;border-radius:9px;margin:-2px 0 14px 44px;padding:12px 14px}.quote-title{color:#525461;font-size:13px;font-weight:700}.quote-handle{color:#a4a5ae;margin-top:2px;font-size:12px}.quote-card p{color:#727480;margin:8px 0 0;font-size:13px;line-height:1.5}.detail-column{background:#f6f5fc;min-width:0;overflow-y:auto}.detail-inner{min-width:0;max-width:none;margin:0;padding-bottom:50px}.back-button{visibility:hidden}.selected-post{background:#fff;border:1px solid #e8e7ee;border-radius:14px;margin:23px 29px 0;padding:23px 24px 19px;box-shadow:0 5px 16px #2e295e06}.selected-author-row{align-items:center;gap:11px;display:flex}.selected-author{flex-direction:column;flex:1;gap:4px;display:flex}.follow-button{color:#6251db;background:#f5f3ff;border:1px solid #dcd9fb;border-radius:8px;padding:7px 15px;font-size:11px;font-weight:700}.follow-button:hover{background:#ebe8ff}.selected-copy{color:#363844;margin:20px 0 18px;font-size:14px;line-height:1.63}.selected-image{object-fit:cover;border-radius:11px;width:100%;max-height:350px;display:block}.quote-card-large{margin-left:0}.selected-time{border-bottom:1px solid var(--line);color:#a2a4ae;margin-top:18px;padding-bottom:17px;font-size:10px}.detail-stats{border-bottom:1px solid var(--line);color:#989aa6;gap:5px;padding:15px 0;font-size:10px;display:flex}.detail-stats strong{color:#4d4f5d;margin-left:9px;font-size:11px}.detail-stats strong:first-child{margin-left:0}.post-actions-detail{gap:29px;margin:16px 0 0}.reply-prompt{background:#fff;border:1px solid #e7e6ed;border-radius:12px;align-items:center;gap:10px;margin:14px 29px 0;padding:13px 15px;display:flex}.reply-prompt span{color:#a6a7b0;flex:1;font-size:11px}.reply-prompt button{color:#6553d7;background:#ece9ff;border-radius:8px;padding:7px 13px;font-size:11px;font-weight:700}.conversation-label{color:#555865;justify-content:space-between;margin:27px 38px 5px;font-size:12px;font-weight:700;display:flex}.conversation-label span{color:#a3a4ae;font-size:10px;font-weight:500}.mini-reply{border-bottom:1px solid var(--line);gap:10px;margin:0 29px;padding:16px 9px;display:flex}.mini-reply p{color:#62646f;margin:8px 0 0;font-size:11px;line-height:1.45}.reply-card{cursor:default}.detail-column .post-card{background:#f6f5fc}.detail-column .thread-replies .post-card.is-thread-parent,.detail-column .thread-replies .post-card.is-thread-nested,.detail-column .thread-replies .post-card.is-thread-post{border-top:0;border-bottom:0;margin-left:0;position:relative}.detail-column .thread-replies .post-card.is-thread-parent:before,.detail-column .thread-replies .post-card.is-thread-nested:before,.detail-column .thread-replies .post-card.is-thread-post:before{content:"";z-index:0;background:#e2e0f0;width:2px;position:absolute;bottom:0;left:42px}.detail-column .thread-replies .post-card.is-thread-parent:before{top:53px}.detail-column .thread-replies .post-card.is-thread-nested:before{top:0}.detail-column .thread-replies .post-card.is-thread-post:not(.is-thread-continuation):before{top:53px}.detail-column .thread-replies .post-card.is-thread-post.is-thread-continuation:before{top:0}.detail-column .thread-replies .post-card.is-thread-last:before{height:19px;bottom:auto}.detail-column .thread-replies .post-card.is-thread-post.is-thread-last:before{height:auto;bottom:0}.detail-column .thread-replies .post-card.is-thread-parent .post-topline,.detail-column .thread-replies .post-card.is-thread-parent .post-copy,.detail-column .thread-replies .post-card.is-thread-parent .post-media,.detail-column .thread-replies .post-card.is-thread-parent .post-actions,.detail-column .thread-replies .post-card.is-thread-nested .post-topline,.detail-column .thread-replies .post-card.is-thread-nested .post-copy,.detail-column .thread-replies .post-card.is-thread-nested .post-media,.detail-column .thread-replies .post-card.is-thread-nested .post-actions,.detail-column .thread-replies .post-card.is-thread-post .post-topline,.detail-column .thread-replies .post-card.is-thread-post .post-copy,.detail-column .thread-replies .post-card.is-thread-post .post-media,.detail-column .thread-replies .post-card.is-thread-post .post-actions{z-index:1;position:relative}.detail-column .post-card:hover{background:#f4f4fa}.detail-column .post-copy{color:#4d4f5b}.post-card.is-thread-post .post-copy{margin-bottom:0}.post-card.is-thread-continuation{padding-top:7px}.post-card.is-thread-continuation .post-copy{margin-top:0;margin-bottom:0}.thread-status,.feed-status,.empty-detail{color:#858895;text-align:center;margin:0;padding:28px;font-size:13px}.empty-detail{place-items:center;min-height:220px;display:grid}.login-page{background:radial-gradient(circle at 25% 20%,#eeecff,#0000 34%),#f7f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e5e3f0;border-radius:20px;width:min(430px,100%);padding:38px;box-shadow:0 20px 60px #3e33841c}.login-card .brand{padding-left:0}.login-eyebrow{color:#7564de;letter-spacing:.1em;text-transform:uppercase;margin:32px 0 7px;font-size:11px;font-weight:700}.login-card h1{color:#2d2c3a;letter-spacing:-.8px;margin:0;font-family:Space Grotesk,sans-serif;font-size:27px}.login-copy{color:#7c7e8a;margin:12px 0 25px;font-size:14px;line-height:1.55}.login-form{flex-direction:column;gap:8px;display:flex}.login-form label{color:#545663;font-size:12px;font-weight:700}.login-form input{width:100%;color:var(--ink);border:1px solid #dedde9;border-radius:9px;outline:0;padding:12px 13px}.login-form input:focus{border-color:#8a7df0;box-shadow:0 0 0 3px #eeecff}.login-error{color:#c14d65;margin:2px 0;font-size:12px}.login-submit{width:100%;margin-top:8px;padding:12px 17px;font-size:13px}.login-submit:disabled{cursor:wait;opacity:.72}.compose-button{color:#fff;background:#6654e3;border-radius:11px;align-items:center;gap:9px;padding:12px 16px;font-size:12px;font-weight:700;transition:all .15s;display:flex;position:fixed;bottom:85px;left:39px;box-shadow:0 7px 18px #5543d63d}.compose-button:hover{background:#5746d4;transform:translateY(-1px)}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e1c3252;justify-content:center;align-items:flex-start;padding-top:17vh;display:flex;position:fixed;inset:0}.search-modal,.composer-modal{background:#fff;border:1px solid #e4e2ed;border-radius:16px;width:min(520px,100vw - 32px);box-shadow:0 18px 60px #201c4c33}.composer-modal{width:min(570px,100vw - 32px)}.modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.modal-heading h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:16px}.search-field{color:#9a9ca8;border:1px solid #dedded;border-radius:10px;align-items:center;gap:11px;margin:20px;padding:12px 14px;display:flex}.search-field:focus-within{border-color:#a9a0fb;box-shadow:0 0 0 3px #f0efff}.search-field input{color:var(--ink);border:0;outline:0;flex:1}.search-field span{color:#aaaab4;border:1px solid #e8e7ef;border-radius:5px;padding:4px 6px;font-size:10px}.search-suggestions{padding:0 20px 22px}.search-suggestions p{color:#a3a4ae;font-size:11px}.search-suggestions button{color:#6c5bdd;background:#f0effc;border-radius:7px;margin-right:8px;padding:7px 10px;font-size:11px}.composer-body{flex-wrap:wrap;gap:12px;padding:24px 22px 19px;display:flex}.composer-body textarea{resize:vertical;color:#3e404d;border:0;outline:0;flex:1;min-width:200px;height:105px;font-size:14px;line-height:1.5}.composer-body textarea::placeholder{color:#aaabb4}.composer-footer{border-top:1px solid var(--line);color:#aaaab3;justify-content:space-between;align-items:center;width:100%;padding-top:14px;font-size:10px;display:flex}.primary-button{color:#fff;background:#6654e3;border-radius:8px;padding:9px 17px;font-size:11px;font-weight:700}@media (max-width:1160px){.app-shell{grid-template-columns:265px minmax(0,1fr) minmax(0,1fr)}.sidebar{padding-left:17px}.post-card{padding-left:20px;padding-right:20px}.detail-toolbar{padding:0 20px}.selected-post,.reply-prompt,.mini-reply{margin-left:18px;margin-right:18px}.compose-button{left:20px}}@media (max-width:840px){.app-shell{height:auto;display:block;overflow:visible}.sidebar{z-index:4;border-right:0;border-bottom:1px solid var(--line);height:auto;min-height:auto;padding:16px;display:block;position:sticky;top:0;overflow:visible}.brand{padding-left:0}.feed-list-heading{margin-top:20px;padding-left:0}.feed-navigation{display:block;overflow:visible}.feed-navigation-section{min-height:0;max-height:none;display:block;overflow:visible}.feed-list{flex-direction:row;flex:none;padding-bottom:2px;display:flex;overflow:auto hidden}.feed-item{min-width:190px}.feed-column{border-right:0;overflow:visible}.detail-column{border-top:8px solid #f3f3f8;min-height:600px;overflow:visible}.post-card{padding-left:17px;padding-right:17px}.post-copy,.post-media,.post-actions,.quote-card{margin-left:44px}.post-actions{gap:19px}}@media (max-width:480px){.post-copy{font-size:12px}.post-media{max-height:220px}}