@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f6f8fc;background:var(--bg);font-synthesis:none;--muted:#c0c5d5;--dim:#929fb3;--soft:color-mix(in srgb,var(--accent) 10%,var(--bg))}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,var(--soft),transparent 65%);font-size:16px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app{display:grid;grid-template-columns:234px minmax(0,1fr) 320px;max-width:1320px;min-height:100vh;margin:auto}.sidebar{position:sticky;top:0;height:100vh;padding:28px 22px 12px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:8px;font:700 23px 'Space Grotesk',sans-serif;letter-spacing:-1px;white-space:nowrap}.brand img{border-radius:25%;object-fit:cover}.brand b{color:var(--accent);font-weight:700}.sidebar nav{display:grid;gap:6px;margin-top:32px}.nav-item{display:flex;align-items:center;gap:15px;min-height:54px;border-radius:16px;padding:12px 13px;color:var(--muted)}.nav-item:hover,.icon-button:hover{background:var(--soft)}.nav-item.active{color:var(--accent);background:var(--soft);font-weight:700}.primary{border:0;border-radius:13px;background:linear-gradient(120deg,var(--accent),var(--accent-end));color:#120f20;font-weight:700;font-size:14px;min-height:42px;padding:10px 20px;display:inline-flex;gap:10px;align-items:center;justify-content:center}.primary:hover{filter:brightness(1.08)}.compose-button{margin-top:24px;min-height:50px}.sidebar-bottom{margin-top:auto;padding-top:32px}.about-link{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--dim);font-size:12px;line-height:1.6;padding:12px 0;text-align:left}.about-link svg{width:17px;height:17px}.my-profile{display:flex;align-items:center;gap:10px;padding:16px 0}.my-profile strong{font-size:14px;display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis}.my-profile small{display:block;font-size:12px;color:var(--dim);margin-top:5px}.more{margin-left:auto;color:var(--dim)}.you-avatar,.person-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--soft);color:var(--accent);border:1px solid var(--border);font-size:12px;font-weight:700}.person-avatar{border-radius:13px}.center{min-width:0;border-inline:1px solid var(--border);background:var(--bg)}.page-heading{height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2;background:var(--bg)}.page-heading h1{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.4px;margin:0}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--dim)}.tabs{display:flex;border-bottom:1px solid var(--border)}.tabs>button,.tabs>span{position:relative;flex:1;display:block;text-align:center;background:none;border:0;color:var(--dim);padding:19px 12px;font-size:14px;font-weight:700}.tabs .active{color:var(--accent)}.tabs .active:after{position:absolute;content:'';height:3px;width:58px;bottom:0;left:50%;transform:translateX(-50%);border-radius:4px;background:var(--accent)}.community-strip{display:flex;gap:8px;padding:16px 20px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.pill{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;padding:7px 12px;border:1px solid var(--border);border-radius:99px;background:var(--surface);font-size:12px;color:var(--muted)}.pill.active{color:#101420;background:var(--accent);border-color:var(--accent);font-weight:700}.pill img{width:21px;height:21px;border-radius:50%}.welcome-strip{margin:0 20px 12px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:14px;background:var(--soft);display:flex;align-items:center;gap:12px}.welcome-strip img{border-radius:9px}.welcome-strip p{font-size:13px;font-weight:600;line-height:1.5;margin:0;flex:1}.welcome-strip small{font-size:12px;display:block;color:var(--dim);font-weight:400}.welcome-strip button{border:0;background:none;color:var(--accent);padding:6px}.composer{display:flex;align-items:start;gap:12px;padding:20px;border-bottom:1px solid var(--border)}.composer-body{min-width:0;flex:1}.composer textarea{display:block;width:100%;resize:vertical;border:0;background:transparent;color:#f6f8fc;min-height:76px;font-size:17px;line-height:1.5;padding:4px 0}.composer textarea::placeholder{color:var(--dim)}.composer-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.community-select{display:flex;gap:5px;align-items:center;color:var(--accent);font-size:12px;max-width:50%}.community-select svg{width:17px;height:17px;flex-shrink:0}select{color:inherit;border:0;background:var(--bg);font-size:12px;max-width:100%;padding:5px 2px}.char-count{font-size:11px;color:var(--dim);margin-left:auto}.composer-toolbar .primary{min-height:36px;padding:8px 16px;font-size:12px}.local-note{font-size:12px;line-height:1.7;color:var(--dim);margin:12px 0 0}.post{padding:20px;border-bottom:1px solid var(--border)}.post.pinned{background:linear-gradient(130deg,var(--soft),transparent)}.pinned-label{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:11px;margin:0 0 12px 51px}.pinned-label svg{width:13px;height:13px}.post-layout{display:flex;gap:11px}.post-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover;flex-shrink:0}.post-main{flex:1;min-width:0}.post-author{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14px;line-height:1.5}.post-author strong{font-weight:700}.post-author .sample{font-size:10px;padding:1px 5px;border:1px solid var(--border);color:var(--dim);border-radius:4px}.post-author small{color:var(--dim);font-size:12px}.post-text{font-size:16px;line-height:1.65;margin:9px 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}.post-topic{display:inline-block;font-size:12px;color:var(--accent);background:var(--soft);border-radius:5px;padding:3px 7px}.post-image{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--border);margin:14px 0}.post-actions{display:flex;justify-content:space-between;margin-top:16px;gap:12px;max-width:310px}.post-actions button{border:0;background:none;color:var(--dim);font-size:12px;display:flex;align-items:center;gap:7px;padding:5px 0}.post-actions svg{width:18px;height:18px}.post-actions button.on{color:var(--accent)}.post-actions button:hover{color:var(--accent)}.empty{padding:55px 26px;text-align:center;color:var(--dim);font-size:14px;line-height:1.8}.empty h2{color:#f6f8fc;font:600 22px 'Space Grotesk';margin:0 0 10px}.empty .primary{margin-top:16px}.right-rail{padding:24px;display:flex;flex-direction:column;gap:30px;min-width:0}.search-box,.explore-search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:13px;color:var(--dim)}.search-box input,.explore-search input{background:none;border:0;color:#fff;min-width:0;width:100%;outline:none;font-size:13px}.search-box span:last-child{font-size:13px}.search-box svg,.explore-search svg{width:18px;height:18px}.rail-card{padding:20px;border:1px solid var(--border);border-radius:22px;background:var(--surface)}.rail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.rail-card h2,.follow-card h2{font:700 20px 'Space Grotesk';letter-spacing:-.4px;margin:0}.demo-badge{font-size:9px;letter-spacing:1px;color:var(--dim);white-space:nowrap}.community-row{display:flex;gap:10px;align-items:center;border:0;background:none;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid var(--border)}.community-row .symbol{background:var(--soft);border-radius:10px;color:var(--accent);display:grid;place-items:center;width:35px;height:35px;font-size:13px;font-weight:700;flex-shrink:0}.community-row img{width:35px;height:35px;border-radius:10px}.community-row strong{display:block;font-size:14px}.community-row small{display:block;font-size:12px;color:var(--dim);margin-top:4px}.community-row>span:last-child{margin-left:auto;color:var(--dim);font-size:12px}.text-link{color:var(--accent);font-size:13px;background:none;border:0;padding:0;display:inline-block;margin-top:16px;text-align:left}.rail-note{font-size:12px;color:var(--dim);line-height:1.7;margin:12px 0 0}.person-row{display:flex;align-items:center;gap:9px;margin-top:19px}.person-row>div{flex:1;min-width:0}.person-row strong{display:block;font-size:13px}.person-row small{display:block;font-size:11px;color:var(--dim);margin-top:5px}.follow-button{padding:7px 11px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:#131521;font-size:11px;font-weight:700}.follow-button.on{background:transparent;color:var(--accent)}.brand-story{border-top:1px solid var(--border);padding-top:22px}.brand-story img{border-radius:12px}.brand-story h2{font:600 25px/1.2 'Space Grotesk';letter-spacing:-.6px;margin:14px 0}.brand-story p{font-size:13px;line-height:1.7;color:var(--dim);margin:0}.rail-footer{display:grid;gap:12px;color:var(--dim);font-size:11px;line-height:1.8}.explore-search{margin:20px}.subheading{font-size:14px;font-weight:700;padding:16px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border)}.subheading span{font-size:10px;color:var(--dim)}#explore-communities .community-row{padding:18px 20px}.view-note{padding:18px 20px;font-size:13px;color:var(--dim);border-bottom:1px solid var(--border);margin:0;line-height:1.7}.activity{padding:22px 20px;display:flex;gap:15px;border-bottom:1px solid var(--border);font-size:14px}.activity svg{color:var(--accent)}.activity small{display:block;font-size:12px;color:var(--dim);margin-top:8px}.profile-cover{height:200px;overflow:hidden;background:var(--surface)}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-details{padding:0 22px 25px}.profile-top{display:flex;align-items:center;justify-content:space-between;margin-top:-36px;position:relative}.large{width:80px;height:80px;border:5px solid var(--bg);font-size:22px;background:var(--surface)}.secondary{padding:10px 15px;border:1px solid var(--border);background:var(--surface);border-radius:12px;font-size:13px}.profile-details h2{font:700 27px 'Space Grotesk';margin:16px 0 5px}.profile-details>p{font-size:14px;color:var(--dim);margin:0}.profile-details #profile-bio{font-size:16px;color:var(--muted);margin:16px 0;line-height:1.7;overflow-wrap:anywhere}.profile-stats{display:flex;gap:18px;font-size:12px;color:var(--dim);flex-wrap:wrap}.profile-stats strong{color:#fff}dialog{border:1px solid var(--border);border-radius:20px;background:var(--surface);color:#fff;width:calc(100% - 32px);max-width:510px;padding:25px;max-height:85vh;overflow:auto}dialog::backdrop{background:#02030abe;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.dialog-head h2{font:700 23px 'Space Grotesk';margin:0}dialog>p{color:var(--muted);line-height:1.8;font-size:15px}dialog .primary{margin-top:15px}dialog label:not(.sr-only){display:block;font-size:13px;color:var(--muted);margin:16px 0 8px}dialog input,dialog textarea{width:100%;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:#fff;resize:vertical;font-size:15px}#reply-context{padding:12px;border-left:2px solid var(--accent);color:var(--muted);font-size:14px;line-height:1.7;overflow-wrap:anywhere}.reply-item{border-top:1px solid var(--border);padding:15px 0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.reply-item strong{display:block;color:var(--accent);font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;border:1px solid var(--accent);background:var(--surface);padding:14px 20px;border-radius:12px;max-width:90%;font-size:14px;box-shadow:0 8px 35px #0005}.toast:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mobile-brand,.mobile-nav{display:none}.noscript{text-align:center;color:var(--muted)}
@media(max-width:1139px){.app{grid-template-columns:234px minmax(0,660px);max-width:894px}.right-rail{display:none}}
@media(max-width:959px) and (min-width:760px){.app{grid-template-columns:88px minmax(0,660px)}.sidebar{padding-inline:16px}.sidebar>.brand>span,.nav-label{display:none}.sidebar>.brand{justify-content:center}.nav-item{padding-inline:16px;justify-content:center}.compose-button{padding:12px}.sidebar .about-link{justify-content:center;width:100%}.my-profile{justify-content:center}}
@media(max-width:759px){.app{display:block;max-width:650px}.sidebar{display:none}.center{border-inline:0;min-height:100vh;padding-bottom:78px}.mobile-brand{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.mobile-brand .brand{font-size:21px}.page-heading{height:52px;padding-inline:18px}.page-heading h1{font-size:18px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;align-items:center;justify-content:space-around;background:var(--surface);border-top:1px solid var(--border);height:68px;z-index:5;padding:7px max(8px,env(safe-area-inset-right)) 7px max(8px,env(safe-area-inset-left));padding-bottom:max(7px,env(safe-area-inset-bottom))}.mobile-nav a{padding:12px;color:var(--dim)}.mobile-nav a.active{color:var(--accent)}.mobile-nav .primary{padding:12px;min-height:42px}.community-strip{padding:13px 16px}.welcome-strip{margin:0 16px 8px}.composer,.post{padding:18px 16px}.composer{gap:9px}.composer textarea{font-size:16px}.post-text{font-size:15px}.post-author{font-size:13px}.post-author small{font-size:11px}.pinned-label{margin-left:50px}.toast{bottom:82px}.profile-cover{height:165px}.tabs>button{padding:17px 10px}.char-count{font-size:10px}.community-select{max-width:46%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}