:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#242137;background:#faf9fd;font-synthesis:none;--bg: #faf9fd;--surface: #fff;--text: #242137;--muted: #777387;--line: #eae7f1;--accent: #6b19b5;--tint: #f2eafb;--input: #faf9fc;--pink: hsl(333 93% 56%);--purple: hsl(276 91% 38%);--violet: hsl(258 86% 34%);--blue: hsl(229 83% 60%);--cyan: hsl(194 85% 62%);--gradient: linear-gradient( 115deg, var(--purple), var(--violet) 38%, var(--blue) 72%, var(--cyan) );font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--text);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}button:hover{background:var(--tint)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}a{color:var(--accent)}input,textarea,select{width:100%;padding:12px 14px;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:10px;min-width:0}textarea{resize:vertical}label{display:grid;gap:8px;font-size:.875rem;font-weight:600}form{display:grid;gap:18px}fieldset{border:0;padding:0;margin:0;display:grid;gap:16px}h1,h2,p{margin-top:0}h1{font-size:1.9rem;letter-spacing:-1px;margin-bottom:6px;line-height:1.2}h2{font-size:1.15rem;letter-spacing:-.4px}p{line-height:1.65}small{font-size:.8rem;color:var(--muted)}.muted{color:var(--muted)}.accent{color:var(--accent)}.bare{border:0;background:transparent;padding:0;border-radius:5px}.primary{background:var(--gradient);color:#fff;border:0;padding:13px 20px}.primary:hover{background:var(--gradient);filter:brightness(1.08)}.wide{width:100%}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:2px;color:var(--muted);margin-bottom:12px}.brand{display:inline-flex;align-items:center;font-size:1.9rem;font-weight:800;letter-spacing:-1.4px;gap:10px;color:var(--text)}.brand-icon{background:var(--gradient);color:#fff;width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.brand-dot{color:var(--cyan);margin-left:-8px}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;display:inline-grid;place-items:center}.initials{background:var(--gradient);color:#fff;font-weight:700}.user{display:flex;align-items:center;text-align:left;gap:11px;min-width:0}.user span{min-width:0}.user strong,.user small{display:block;overflow-wrap:anywhere}.user strong{font-size:.875rem}.user small{margin-top:3px;font-weight:400}.error{padding:14px;border:1px solid #edb7c8;background:#fff1f4;color:#9a224a;border-radius:10px;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;margin:12px 0}.error button{margin:8px 0 0 12px}.success{padding:14px;border-radius:10px;background:var(--tint);color:var(--accent);font-size:.875rem}.loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--muted);font-size:.875rem}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:64px 24px;color:var(--muted)}.empty h2{color:var(--text);margin-top:22px}.empty p{font-size:.9rem;max-width:350px;margin:0 auto 24px}.empty-symbol{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:22px;width:72px;height:72px;background:var(--surface);color:var(--accent)}.hint{font-size:.78rem;color:var(--muted);line-height:1.55;margin-bottom:0;font-weight:400}.setup{max-width:720px;margin:10vh auto;padding:32px}.setup h1{margin-top:36px}.setup li{line-height:2}.setup code{overflow-wrap:anywhere}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-art{background:var(--gradient);color:#fff;padding:44px 52px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-art .brand{color:#fff}.auth-art .brand-icon{background:#ffffff20}.art-center{margin:auto 0;padding:60px 0}.octagon{height:190px;width:190px;border:1px solid #ffffff50;border-radius:45px;display:grid;place-items:center;transform:rotate(-12deg);background:#ffffff0d;box-shadow:28px 28px #ffffff08;margin:0 0 60px 20px}.octagon svg{transform:rotate(12deg)}.auth-art .eyebrow{color:#d6ddff}.art-center h1{font-size:clamp(2.5rem,4vw,4rem);letter-spacing:-2.4px;line-height:1.15;margin-bottom:22px}.art-center>p:last-child{color:#e0deff}.art-footer{font-size:.75rem;letter-spacing:2px;color:#dfdaff}.auth-panel{display:flex;flex-direction:column;padding:40px 10%;justify-content:center;background:var(--surface)}.auth-content{width:100%;max-width:400px;margin:auto}.auth-content h1{font-size:2rem;margin-bottom:14px}.auth-content>p.muted{font-size:.9rem;margin-bottom:30px}.auth-content .eyebrow{color:var(--accent)}.google{width:100%;padding:13px}.google-g{font-weight:800;font-size:1.2rem;color:var(--blue);margin-right:5px}.divider{display:flex;gap:16px;align-items:center;margin:24px 0;font-size:.8rem;color:var(--muted)}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-links{text-align:center;font-size:.875rem;margin-top:20px}.auth-links>button{color:var(--muted);font-weight:400}.auth-links p{margin-top:28px}.auth-bottom{text-align:center;margin-top:30px}.mobile-brand{display:none}.app-shell{min-height:100dvh}.sidebar{position:fixed;width:238px;left:0;top:0;bottom:0;background:var(--surface);border-right:1px solid var(--line);padding:34px 22px 20px;display:flex;flex-direction:column;z-index:20}.brand-button{justify-content:flex-start;margin-bottom:48px}.sidebar nav{display:grid;gap:8px}.nav-item{display:flex;justify-content:flex-start;gap:15px;width:100%;border:0;border-radius:11px;padding:13px 14px;font-weight:500;background:transparent;white-space:nowrap}.nav-item.active{color:var(--accent);background:var(--tint);font-weight:700}.nav-item.active svg{stroke-width:2.3}.sidebar-bottom{margin-top:auto;padding-top:36px}.sidebar-me{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:15px}.sidebar-me span{min-width:0}.sidebar-me b,.sidebar-me small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-me b{font-size:.8rem}.sidebar-me small{margin-top:5px;font-size:.75rem}.copyright{font-size:.75rem;margin:22px 0 0 8px;display:block}.main{margin-left:238px;padding:38px 42px 70px;min-width:0}.main.with-rail{display:grid;grid-template-columns:minmax(0,610px) 260px;gap:52px;justify-content:center}.feed-column{max-width:610px;width:100%;margin:0 auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.page-title .eyebrow{margin-bottom:8px}.page-title button{background:transparent}.title-dot{color:var(--accent)}.feed-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--muted);margin-bottom:22px}.feed-top span{padding:0 0 14px}.feed-top .active{color:var(--accent);border-bottom:2px solid var(--accent);font-size:.875rem;font-weight:700}.quick-compose{background:var(--surface);width:100%;text-align:left;justify-content:flex-start;padding:17px;border-radius:14px;margin-bottom:28px;gap:13px}.quick-compose>span:nth-child(2){flex:1;font-size:.85rem}.quick-compose small{display:block;font-weight:400;margin-top:5px}.compose-icon{background:var(--tint);color:var(--accent);width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.quick-compose>svg{color:var(--muted)}.post{border:1px solid var(--line);border-radius:15px;background:var(--surface);margin-bottom:28px;overflow:hidden}.post-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px}.post-head time{font-size:.75rem;color:var(--muted);white-space:nowrap}.post-photo{position:relative;width:100%;background:var(--input);overflow:hidden}.post-photo>img{width:100%;height:100%;object-fit:contain;display:block}.photo-counter{position:absolute;right:14px;top:14px;background:#11182799;color:#fff;border-radius:30px;font-size:.75rem;padding:5px 10px}.carousel{position:absolute;top:calc(50% - 17px);height:34px;width:34px;border-radius:50%;background:#fffe;color:#272139;padding:0;box-shadow:0 2px 8px #0002}.previous{left:12px}.next{right:12px}.post-body{padding:16px 20px 20px;font-size:.875rem}.post-actions{display:flex;align-items:center;gap:18px;position:relative;margin-bottom:14px}.liked{color:var(--pink)}.save-action{margin-left:auto}.save-action.saved{color:var(--accent)}.dots{display:flex;gap:5px;position:absolute;left:50%;transform:translate(-50%)}.dots button{height:6px;width:6px;border:0;border-radius:50%;padding:0;background:var(--line)}.dots button.active{background:var(--accent)}.caption{margin:10px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.username{font-weight:700}.mention{color:var(--accent);font-weight:600;display:inline}.comments{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.comment{padding:18px 0;border-bottom:1px solid var(--line)}.comment .user .avatar{width:30px!important;height:30px!important}.comment p{margin:8px 0 6px;white-space:pre-wrap;overflow-wrap:anywhere}.comment .row small,.comment .row button{font-size:.75rem}.is-reply{border-left:2px solid var(--line);padding-left:14px}.reply-target{display:flex;justify-content:space-between;font-size:.75rem;color:var(--accent)}.end-feed{text-align:center;color:var(--muted);font-size:.85rem;padding:24px}.load-more{margin-bottom:20px}.feed-sentinel{min-height:54px}.right-rail{padding-top:18px}.rail-card{margin-top:40px;background:var(--tint);border:1px solid var(--line);border-radius:18px;padding:26px 23px}.rail-card .eyebrow{color:var(--accent);font-size:.75rem}.rail-card h2{margin:18px 0 12px;font-size:1.25rem;line-height:1.4}.rail-card p{font-size:.83rem;color:var(--muted);margin-bottom:23px}.rail-card button{background:var(--surface);border:0;width:100%;justify-content:space-between;color:var(--accent)}.rail-footer{margin-top:34px}.palette-line{display:block;width:70px;height:4px;border-radius:5px;background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue),var(--cyan))}.rail-footer p{font-size:.8rem;color:var(--muted);margin:18px 0}.rail-footer small{font-size:.75rem;letter-spacing:1px}.narrow{max-width:730px;margin:0 auto}.explore-page,.saved-page{max-width:760px;margin:0 auto}.explore-search{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:34px}.embedded-search .people{border:0;margin-top:14px;padding:0}.page-symbol{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--gradient)}.privacy-note{display:flex;align-items:center;gap:10px;margin:-8px 0 24px;padding:14px 16px;border-radius:12px;color:var(--accent);background:var(--tint);font-size:.875rem}.search-form{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);padding:10px 12px;border-radius:13px}.search-form input{border:0;background:transparent;padding-left:0}.people{margin-top:24px;display:grid;padding:10px}.people .user{padding:15px;width:100%}.profile-page{max-width:840px;margin:0 auto}.profile-cover{height:115px;background:var(--gradient)}.profile-info{padding:0 30px 26px}.profile-info>.avatar{margin-top:-48px;border:5px solid var(--surface);position:relative}.profile-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:15px}.profile-heading h1{font-size:1.7rem;overflow-wrap:anywhere}.profile-heading p{margin:4px 0 0;font-size:.875rem}.bio{margin:18px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.profile-stats{display:flex;gap:24px;margin-top:25px;font-size:.875rem;color:var(--muted);flex-wrap:wrap}.profile-stats b{color:var(--text);margin-right:4px}.section-label{display:flex;align-items:center;gap:9px;margin:30px 0 20px;font-size:.875rem;color:var(--accent)}.edit-profile{padding:26px;margin-top:20px}.profile-page .feed-column{max-width:100%}.composer{max-width:1100px;margin:auto}.compose-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px;align-items:start}.editor-preview{aspect-ratio:1;background:var(--input);display:grid;place-items:center;overflow:hidden}.editor-preview>img{width:100%;height:100%;object-fit:contain}.drop-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer;width:100%;height:100%;padding:20px}.drop-zone>svg{color:var(--accent);margin-bottom:18px}.drop-zone h2{margin:0}.drop-zone p{font-size:.8rem;color:var(--muted);font-weight:400}.drop-zone .primary{border-radius:10px;font-size:.875rem}.drop-zone input,.add-thumb input{position:absolute;width:1px;height:1px;opacity:0}.drop-zone:focus-within,.add-thumb:focus-within{outline:3px solid var(--cyan);outline-offset:-4px}.thumbs{display:flex;gap:8px;padding:16px;flex-wrap:wrap}.thumbs button{padding:3px;border:2px solid transparent;position:relative;width:66px;height:66px}.thumbs button.selected{border-color:var(--accent)}.thumbs img{width:100%;height:100%;object-fit:cover;border-radius:6px}.thumbs button>svg{position:absolute;bottom:3px;right:3px;background:var(--accent);color:#fff;border-radius:50%}.add-thumb{width:60px;height:60px;border:1px dashed var(--line);display:grid;place-items:center;cursor:pointer;border-radius:9px;color:var(--accent)}.compose-controls{padding:24px;display:grid;gap:19px}.compose-controls h2{margin:0}.filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.size-report{border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;padding:13px;gap:8px;background:var(--input);font-size:.75rem;color:var(--muted)}.size-report b{display:block;color:var(--text);font-size:.85rem;margin-top:4px}.size-report small{grid-column:span 2;color:var(--accent);font-size:.75rem}progress{width:100%;accent-color:var(--accent)}.notices:empty{display:none}.notice{display:flex;width:100%;text-align:left;justify-content:flex-start;gap:14px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px;font-size:.875rem;font-weight:400}.notice>span:nth-child(2){flex:1;line-height:1.5}.notice small{display:block;margin-top:7px}.notice.unread{background:var(--tint)}.unread-dot{height:7px;width:7px;border-radius:50%;background:var(--accent)}.mark-read{margin-bottom:18px}.messaging{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100dvh - 90px);min-height:480px;max-width:1100px;margin:auto;gap:16px}.inbox{padding:22px 14px;overflow-y:auto}.inbox h1{font-size:1.5rem}.inbox .page-title{margin-bottom:15px}.inbox>.wide{font-size:.75rem;padding:12px 8px}.conversation{width:100%;text-align:left;justify-content:flex-start;gap:11px;border:0;padding:17px 10px;margin-top:4px}.conversation.active{background:var(--tint);color:var(--accent)}.conversation span{min-width:0}.conversation b,.conversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation small{font-size:.75rem;margin-top:4px;font-weight:400}.chat{display:flex;flex-direction:column;min-width:0}.chat>.empty{margin:auto}.chat-header{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.chat-header .user{flex:1}.chat-scroll{padding:24px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:15px;min-height:0}.message{max-width:85%;align-self:flex-start;padding:11px 15px;border-radius:16px 16px 16px 3px;background:var(--input);border:1px solid var(--line);font-size:.875rem}.message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.message small{font-size:.75rem;margin-top:7px;display:block}.message.mine{align-self:flex-end;background:var(--gradient);color:#fff;border:0;border-radius:16px 16px 3px}.message.mine small{color:#e6e9ff}.chat-form{display:flex;gap:10px;padding:16px;border-top:1px solid var(--line)}.chat .error{margin:8px 16px}.older{align-self:center;font-size:.75rem}.empty-inbox{padding:24px 8px;text-align:center;font-size:.83rem;color:var(--muted)}.mobile-header,.mobile-back{display:none}[data-theme=dark]{--bg: #101019;--surface: #181822;--text: #f0edf9;--muted: #a49fb5;--line: #2c293b;--accent: #bc91fa;--tint: #2a203b;--input: #13131d;background:var(--bg);color:var(--text);color-scheme:dark}[data-theme=dark] .error{background:#351c2b;border-color:#72384e;color:#ffb6ce}@media(min-width:1550px){.main.with-rail{gap:70px}}@media(max-width:1200px){.sidebar{width:205px;padding:28px 14px}.main{margin-left:205px;padding:30px 28px}.main.with-rail{grid-template-columns:minmax(0,610px);gap:0}.right-rail{display:none}.messaging{grid-template-columns:250px minmax(0,1fr)}.compose-grid{gap:18px;grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}}@media(max-width:900px){.sidebar{width:85px;align-items:center;padding:28px 12px}.sidebar .brand{font-size:0;gap:0}.sidebar .brand-dot{display:none}.sidebar .brand-icon{width:42px;height:42px}.sidebar .nav-item span,.sidebar-me,.copyright{display:none}.nav-item{padding:14px;justify-content:center}.sidebar nav{gap:10px}.sidebar-bottom{width:100%}.main{margin-left:85px;padding:28px 22px}.auth-art{padding:32px}.auth-panel{padding:35px 7%}.art-center h1{font-size:2.6rem}.compose-grid{grid-template-columns:1fr}.editor-preview{max-height:560px;aspect-ratio:1}.compose-controls{max-width:100%}.messaging{grid-template-columns:220px minmax(0,1fr);gap:10px}.inbox{padding:18px 9px}.chat-scroll{padding:16px}}@media(max-width:620px){.auth-page{display:block}.auth-art{display:none}.auth-panel{min-height:100dvh;padding:30px 24px}.mobile-brand{display:block;margin-bottom:45px}.auth-content{max-width:400px}.auth-content h1{font-size:1.8rem}.sidebar{height:66px;top:auto;bottom:0;width:100%;padding:5px 8px calc(5px + env(safe-area-inset-bottom));height:calc(66px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);display:block}.sidebar .brand-button,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:0;justify-content:space-between;height:100%}.sidebar .nav-item{width:auto;flex:1;padding:12px 5px;border-radius:10px}.sidebar .nav-item svg{width:22px}.main{margin-left:0;padding:25px 15px 100px}.main.with-rail{padding-left:0;padding-right:0}.main.with-rail .page-title,.feed-top{margin-left:20px;margin-right:20px}.quick-compose{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.post{border-radius:0;border-left:0;border-right:0;margin-bottom:22px}.post-head{padding:15px 16px}.post-body{padding:16px}.post-head time{font-size:.75rem}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:var(--surface);border-bottom:1px solid var(--line)}.mobile-header .brand{font-size:1.6rem}.mobile-header .brand-icon{width:34px;height:34px;border-radius:10px}.mobile-header .brand-icon svg{width:21px}.mobile-header>button{border:0;background:transparent;padding:5px}.page-title{margin-bottom:23px}h1{font-size:1.65rem}.eyebrow{font-size:.75rem}.profile-info{padding:0 20px 22px}.profile-heading{display:block}.profile-heading .row{margin-top:17px}.profile-stats{gap:16px;font-size:.8rem}.profile-cover{height:95px}.profile-info>.avatar{width:80px!important;height:80px!important;margin-top:-40px}.profile-page .post{border:1px solid var(--line);border-radius:12px}.profile-page .post-head{align-items:flex-start}.profile-page .post-head time{max-width:80px;white-space:normal;text-align:right}.compose-controls{padding:20px}.composer .page-title button{font-size:.75rem;padding:8px}.search-form{gap:8px}.search-form input{font-size:.9rem}.search-form button{padding:11px 13px}.notice{padding:16px 13px;font-size:.8rem}.messaging{display:block;height:calc(100dvh - 192px);min-height:350px}.inbox{height:100%}.messaging .chat,.messaging.has-conversation .inbox{display:none}.messaging.has-conversation .chat{display:flex;height:100%}.mobile-back{display:inline-flex;padding:5px;border:0}.chat-header{padding:14px 10px}.chat-scroll{padding:16px 12px}.message{max-width:88%}.chat-form{padding:12px}.profile-stats span{white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}