@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b0d19;--surface:#151827;--surface2:#1c2033;--text:#f3f3ff;--muted:#9da3be;--border:#ffffff12;--accent:#b5a0ff;--purple:#8663f0;--mint:#a5efd5;color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 Inter,system-ui,sans-serif;overflow-x:clip}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,textarea,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button{color:inherit;border:0;background:none}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);padding:12px}textarea{resize:vertical;min-height:70px}label{display:block;font-size:15px;color:var(--muted);margin:15px 0 7px}label>input,label>select,label>textarea{margin-top:7px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 55% -10%,#8060ff14,transparent 50%),radial-gradient(ellipse at 110% 75%,#46e9cc08,transparent 40%)}.app-header{height:83px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 32px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:11px;font:700 16px Space Grotesk,system-ui;letter-spacing:2px;min-width:190px}.logo>span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:12px;color:var(--accent);letter-spacing:-4px;padding-right:4px;box-shadow:0 0 20px #8663f018}.logo>span span{translate:1px 5px;font-size:14px}.logo small{display:block;font:600 7px/2 Inter;letter-spacing:2.1px;color:var(--muted);margin-top:5px}.search{display:flex;align-items:center;gap:11px;width:100%;max-width:530px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 13px}.search>span{font-size:24px;color:var(--accent)}.search input{background:none;border:0;padding:11px 0;font-size:14px}.search button{font-size:19px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:11px}.header-actions select{width:auto;padding:8px;font-size:13px;background:var(--surface)}#motion{font-size:14px;color:var(--muted)}.button{border:1px solid #b5a0ff55;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px;border-radius:9px;background:linear-gradient(130deg,#b7a1ff,#9676f3);color:#16102e;font-size:14px;font-weight:700;box-shadow:0 5px 20px #674cd51a;transition:translate .2s,box-shadow .2s}.button:hover{translate:0 -2px;box-shadow:0 5px 25px #674cd545}.button.compact{padding:9px 12px;white-space:nowrap}.button.full{width:100%;margin-top:15px}.text-button{font-size:14px;color:var(--accent);padding:0}.app-shell{max-width:1620px;display:grid;grid-template-columns:190px minmax(0,1fr) 250px;gap:26px;margin:0 auto;padding:28px 32px 55px;position:relative}.left-rail,.right-rail{align-self:start;position:sticky;top:105px}.rail-link{display:flex;align-items:center;gap:13px;color:var(--muted);padding:10px 13px;margin-bottom:5px;border-radius:9px;font-size:14px;width:100%;text-align:left}.rail-link>span{font-size:19px;width:20px}.rail-link.active{background:#ae8eff14;color:var(--accent);font-weight:600}.rail-link:hover{background:var(--surface)}.rail-label{font-size:12px;letter-spacing:1.6px;color:var(--muted);font-weight:700;margin:29px 12px 12px}.topics a{font-size:13px;display:flex;align-items:center;gap:11px;padding:9px 13px;color:var(--muted);border-radius:8px}.topics a:hover,.topics a.selected{color:var(--text);background:var(--surface)}.topic-dot{width:6px;height:6px;background:#c5a5ff;border-radius:50%;box-shadow:0 0 10px #c5a5ff25}.dot-1{background:#83bbff}.dot-2{background:#88e9d2}.dot-3{background:#ffa7dc}.dot-4{background:#ffd57b}.dot-5{background:#bea5ff}.dot-6{background:#7ce9ff}.dot-7{background:#b6ea93}.dot-8{background:#ffb892}.rail-promo{display:flex;flex-direction:column;align-items:center;text-align:center;padding:17px 8px;margin:25px 0 20px;border:1px solid #ab89f627;border-radius:13px;background:radial-gradient(circle at top,#aa78ff17,var(--surface))}.mini-orbit{font-size:36px;color:var(--accent);line-height:1.6;animation:turn 35s linear infinite}.rail-promo strong{font-size:15px;margin-top:7px}.rail-promo>span:last-child{font-size:13px;color:var(--muted);margin-top:5px}.rail-footer{font-size:12px;color:var(--muted);line-height:2;padding:0 5px}.rail-footer p{margin-top:7px;opacity:.6}main{min-width:0}.connect-hero{min-height:313px;overflow:hidden;position:relative;border:1px solid #b8a3ff26;border-radius:20px;background:linear-gradient(115deg,#332251,#241d43 65%,#19253d);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:32px 29px;margin-bottom:22px}.hero-glow{position:absolute;inset:-40%;background:radial-gradient(circle at 70% 50%,#b4a1ff25,transparent 35%);animation:breath 10s ease-in-out infinite}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600;color:#cdb8ff;display:block}.eyebrow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b0f2da;margin-right:6px;box-shadow:0 0 15px #b0f2da}h1{font:600 clamp(33px,3.3vw,55px)/1.1 Space Grotesk,system-ui;letter-spacing:-2px;margin:21px 0 16px;color:#f3f3ff}h1 em{font-style:normal;color:#bba1ff}.hero-copy>p{font-size:13px;line-height:1.9;color:#c2b9d4;max-width:330px}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:24px}.hero-buttons .text-button{color:#d5c5ff;font-size:12px}.hero-buttons .button{padding:10px 16px;font-size:13px}.connection-sculpture{height:230px;position:relative;perspective:600px;max-width:270px;width:100%;margin:auto}.sculpture-ring{position:absolute;inset:10%;border:1px solid #bb99ff6a;border-radius:50%;box-shadow:0 0 12px #c69eff14}.sculpture-ring:after{content:'';position:absolute;top:15%;left:15%;width:5px;height:5px;border-radius:50%;background:#e3c2ff;box-shadow:0 0 15px #ebbdff}.r1{animation:ringturn 24s linear infinite}.r2{inset:21%;animation:ringturn2 19s linear infinite reverse;border-color:#a6ffee65}.r3{inset:0;transform:rotateX(65deg);animation:turn 30s linear infinite}.sculpture-core{position:absolute;inset:31% 30%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#cca8ff,#7656b9 40%,#181232 85%);border:1px solid #d1acff77;border-radius:27%;font-size:51px;color:#efe2ff;box-shadow:inset -10px -12px 35px #201442,0 0 35px #bb8cff45;animation:float 7s ease-in-out infinite}.floating-symbol{position:absolute;font-size:23px;animation:float 6s ease-in-out infinite;text-shadow:0 0 20px #c797ff75}.f1{top:8%;left:11%;rotate:-15deg}.f2{top:22%;right:5%;font-size:30px;color:#e9acdc;animation-delay:-2s}.f3{bottom:8%;left:5%;color:#a6ffee;animation-delay:-4s}.f4{bottom:9%;right:1%;font-size:20px;rotate:15deg;animation-delay:-1s}.bubble-art{position:absolute;bottom:8%;left:23%;border:1px solid #ceb9ff65;border-radius:10px 10px 10px 2px;padding:10px 13px;background:#392a56cc;backdrop-filter:blur(10px);font-size:12px;color:#e7dafa;line-height:1.5;animation:float 8s ease-in-out infinite;animation-delay:-2s;box-shadow:0 9px 30px #100a272f}.bubble-art i{display:block;color:#b5a0ff;letter-spacing:3px}.notice{border:1px solid #a5efd544;background:#a5efd514;border-radius:12px;padding:16px 20px;font-size:15px;margin-bottom:20px}.notice.error{border-color:#ff969544;background:#ff969511}.notice p{margin:6px 0}.composer-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:18px 20px}.composer-prompt{display:flex;align-items:center;gap:12px}.avatar{display:inline-grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,hsl(var(--avatar-hue,262) 50% 65% / .4),hsl(var(--avatar-hue,262) 50% 40% / .1));border:1px solid #bba7ff38;color:var(--accent);font-size:16px;font-weight:600}.avatar.official{border-color:#bca3ff66;background:linear-gradient(130deg,#c9aeff,#7753c1);color:#24173e}.small-avatar{width:33px;height:33px;font-size:16px;border-radius:50%}.tiny-avatar{width:25px;height:25px;font-size:13px;border-radius:8px}.composer-prompt>button{flex:1;text-align:left;color:var(--muted);font-size:14px;border-radius:10px;padding:10px;background:var(--surface2)}.composer-star{color:var(--accent);font-size:23px;animation:turn 30s linear infinite}.composer-shortcuts{display:flex;justify-content:space-between;padding-top:14px;margin-top:14px;border-top:1px solid var(--border);gap:8px}.composer-shortcuts button{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.composer-shortcuts button:hover{color:var(--accent)}.composer-shortcuts span{font-size:15px;color:var(--accent)}.feed-bar{display:flex;align-items:center;gap:12px;padding:22px 1px 15px}.feed-bar h2{margin:0;font-size:16px;font-weight:600}.feed-bar>span{font-size:12px;color:var(--muted);margin-left:auto}.feed-bar>a{font-size:12px;color:var(--accent)}.welcome-card,.idea-post{background:var(--surface);border:1px solid var(--border);padding:22px;border-radius:15px;margin-bottom:17px}.welcome-card{background:linear-gradient(120deg,var(--surface),color-mix(in srgb,#a5efd5 3%,var(--surface)))}.post-author{display:flex;align-items:center;gap:11px}.post-author strong{font-size:14px;display:block}.post-author small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.verified{font-size:16px;display:inline!important;color:var(--mint)}.chip{margin-left:auto;color:var(--accent);font-size:12px;background:#b79eff10;border:1px solid #b79eff20;border-radius:20px;padding:4px 7px;white-space:nowrap}.welcome-card h3{font:500 24px/1.3 Space Grotesk;letter-spacing:-.7px;margin:23px 0 11px}.welcome-card>p{color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:23px}.welcome-topics{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--accent);margin:10px 0 23px}.welcome-bottom{border-top:1px solid var(--border);padding-top:15px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.welcome-bottom .text-button{font-size:12px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.9;margin:22px 0}.status-banner{font-size:13px;color:#eacb82;background:#efc7740e;border:1px solid #efc77422;border-radius:8px;padding:10px}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:18px 0}.attachment-grid figure{margin:0;overflow:hidden;border-radius:12px;border:1px solid var(--border);background:var(--surface2)}.attachment-grid img,.attachment-grid video{display:block;width:100%;max-height:420px;object-fit:contain}.attachment-grid figcaption{font-size:12px;padding:8px 11px;color:var(--accent)}.video-attachment{grid-column:1/-1}.file-attachment{display:flex;gap:10px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:11px;background:var(--surface2);min-width:0}.file-attachment>span{color:var(--accent);font-size:23px}.file-attachment strong{font-size:13px;overflow-wrap:anywhere}.file-attachment small{display:block;font-size:12px;color:var(--muted)}.file-attachment b{margin-left:auto;color:var(--accent)}.reaction-summary{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-top:20px}.reaction-summary>a{margin-left:auto}.reaction-summary>span{background:var(--surface2);border-radius:12px;padding:3px 7px}.post-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);margin-top:15px;padding-top:13px;font-size:13px;color:var(--muted)}.post-actions button{padding:0;font-size:13px}.post-actions a:hover,.post-actions button:hover{color:var(--accent)}.reaction-picker{position:relative}.reaction-picker>summary{cursor:pointer;list-style:none}.reaction-picker>div{position:absolute;top:26px;left:-5px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:11px;z-index:2;min-width:190px;box-shadow:0 8px 30px #0004}.reaction-picker form{display:flex;gap:9px}.reaction-picker button{font-size:20px;transition:translate .2s}.reaction-picker button:hover{translate:0 -7px}.reaction-picker button.chosen{filter:drop-shadow(0 0 6px var(--accent))}.reaction-picker .text-button{font-size:12px;margin-top:10px}.comments{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}.comments>summary{cursor:pointer;font-size:13px;color:var(--muted)}.comment{display:flex;gap:10px;margin:18px 0}.comment>div{background:var(--surface2);border-radius:9px;padding:10px 14px;flex:1;min-width:0}.comment strong{font-size:13px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:4px 0}.comment small{font-size:12px;color:var(--accent)}.comment .text-button{font-size:12px}.comment-form{margin-top:15px}.report,.remove-post{font-size:12px;color:var(--muted);margin-top:15px}.report summary{cursor:pointer}.report .text-button,.remove-post .text-button{font-size:12px;color:var(--muted)}.admin-panel{border:1px solid #eacb8240;border-radius:9px;padding:12px;font-size:13px;margin-top:18px;background:#eacb8207}.moderate{display:flex;gap:10px;margin-top:8px}.moderate button{border:1px solid var(--border);background:var(--surface2);font-size:12px;padding:7px 10px;border-radius:7px}.empty-feed{padding:36px 25px 32px;border:1px dashed var(--border);border-radius:15px;text-align:center}.empty-icon{font-size:35px;color:var(--accent);animation:float 8s ease-in-out infinite}.empty-feed h3{font:500 20px Space Grotesk;margin:12px 0 8px}.empty-feed p{color:var(--muted);font-size:13px;max-width:360px;margin:0 auto 15px}.community-rules{display:flex;gap:12px;padding:20px 5px;margin-top:15px;color:var(--muted);font-size:12px}.community-rules>span{font-size:21px;color:var(--accent)}.community-rules strong{font-size:13px;color:var(--text)}.community-rules p{margin:5px 0}.hello-card{border:1px solid #baa2ff2a;border-radius:17px;padding:25px;background:radial-gradient(ellipse at top right,#b787ff22,var(--surface) 75%);overflow:hidden}.hello-card .eyebrow{font-size:12px;letter-spacing:1.3px}.hello-icon{margin:22px auto 17px;width:80px;height:80px;border-radius:23px;border:1px solid #c2a4ff6b;background:linear-gradient(135deg,#b98afc50,#67479425);display:grid;place-items:center;position:relative;font-size:42px;color:var(--accent);box-shadow:inset 0 0 20px #c69aff18,0 0 25px #ae74f411;animation:float 9s ease-in-out infinite}.hello-icon span{position:absolute;right:-12px;bottom:0;font-size:23px;color:var(--mint)}.hello-card h2{font:500 27px/1.2 Space Grotesk;letter-spacing:-.8px;margin:22px 0 13px}.hello-card>p{font-size:13px;color:var(--muted);line-height:1.9}.hello-card .button{width:100%;margin-top:15px;padding:11px 10px;font-size:13px}.hello-card>a:last-child{font-size:12px;display:block;color:var(--muted);text-align:center;margin-top:17px}.service-worlds{margin-top:25px}.service-worlds .rail-label{margin-left:0;font-size:12px;letter-spacing:1.4px}.service-worlds>a{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.service-icon{width:32px;height:32px;border-radius:9px;background:var(--surface2);color:var(--accent);display:grid;place-items:center;font-size:17px}.service-worlds strong{font-size:13px;font-weight:500}.service-worlds small{display:block;font-size:12px;color:var(--muted)}.service-worlds b{margin-left:auto;color:var(--muted);font-size:15px;font-weight:400}.service-worlds .all-services{border:0;font-size:12px;color:var(--accent)}.small-note{display:flex;gap:12px;padding-top:20px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);margin-top:18px}.small-note>span{font-size:21px;color:var(--accent)}.small-note strong{color:var(--text);font-size:12px;font-weight:500}.small-note p{margin:6px 0}.moderator-link{display:block;font-size:13px;margin-top:20px;color:var(--mint)}dialog{border:1px solid #c3a9ff35;border-radius:19px;background:var(--surface);color:var(--text);max-width:590px;width:calc(100% - 30px);max-height:90vh;padding:27px;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#070716ae;backdrop-filter:blur(8px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-header h2{font:500 30px Space Grotesk;letter-spacing:-1px;margin:8px 0}.dialog-header>button{font-size:24px;border:1px solid var(--border);border-radius:8px;width:33px;height:33px;line-height:1}.form-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7}.consent input{width:13px;min-width:13px;height:13px;margin-top:2px;accent-color:var(--accent)}.consent a{color:var(--accent);text-decoration:underline}.muted{color:var(--muted)}.small{font-size:12px}.emoji-tools{display:flex;gap:9px;align-items:center;padding:8px 0}.emoji-tools button{font-size:19px;padding:0}.emoji-tools span{margin-left:auto;color:var(--muted);font-size:12px}.upload-zone{border:1px dashed #bba2ff55;border-radius:12px;padding:17px;text-align:center;background:#b99eff07;cursor:pointer}.upload-zone>span{font-size:23px;color:var(--accent);display:block}.upload-zone strong{font-size:13px;display:block;color:var(--text);margin-top:4px}.upload-zone small{font-size:12px;display:block;color:var(--muted);margin-top:5px}#attachments{font-size:12px;padding:10px}#upload-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}#upload-preview>div{border:1px solid var(--border);border-radius:8px;padding:8px;font-size:12px;max-width:150px;overflow-wrap:anywhere}#upload-preview img{width:100%;max-height:80px;object-fit:contain;display:block;margin-bottom:4px}.join-prompt{text-align:center;padding:20px 15px}.join-orb{font-size:60px;display:block;color:var(--accent);text-shadow:0 0 25px #ba9eff50;animation:float 8s ease-in-out infinite}.join-prompt h3{font:500 26px Space Grotesk;letter-spacing:-.5px}.join-prompt>p{color:var(--muted);max-width:360px;margin:15px auto;font-size:15px}.join-prompt .button{margin:12px 0}#connect-toast{position:fixed;bottom:30px;left:50%;translate:-50% 0;z-index:20;padding:15px 22px;border:1px solid var(--border);background:var(--surface2);border-radius:10px;box-shadow:0 10px 40px #0004;max-width:90vw;overflow-wrap:anywhere;font-size:15px}.app-footer{position:relative;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:15px;padding:25px 32px;font-size:12px;color:var(--muted)}.mobile-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;z-index:20;background:var(--accent);color:#121225;padding:10px}.skip:focus{top:10px}.pagination{display:flex;gap:15px;font-size:14px;color:var(--accent);padding:20px} [data-connect-theme=daylight]{--bg:#f4f3fa;--surface:#fff;--surface2:#f6f5fb;--text:#28223d;--muted:#80798f;--border:#46355a13;--accent:#7651bf;--mint:#298466;color-scheme:light}[data-connect-theme=daylight] .connect-hero{background:linear-gradient(120deg,#eee5ff,#e2e6ff)}[data-connect-theme=daylight] h1{color:#34214f}[data-connect-theme=daylight] h1 em{color:#8254c1}[data-connect-theme=daylight] .hero-copy>p{color:#83728f}[data-connect-theme=daylight] .hero-buttons .text-button{color:#7651bf}[data-connect-theme=daylight] .eyebrow{color:#8c63b7}[data-connect-theme=daylight] .bubble-art{background:#eee4ffdd;color:#67448d}[data-connect-theme=daylight] .sculpture-ring{border-color:#9360bc55}[data-connect-theme=daylight] .welcome-card{box-shadow:0 4px 30px #67459404}[data-connect-theme=daylight] .avatar{color:#7651bf}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}@keyframes float{0%,100%{translate:0 -6px;rotate:-4deg}50%{translate:0 6px;rotate:4deg}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes ringturn{to{transform:rotateZ(360deg) rotateY(60deg)}}@keyframes ringturn2{to{transform:rotateZ(-360deg) rotateX(65deg)}}@keyframes breath{50%{scale:1.1;rotate:8deg}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1500px){.app-shell{grid-template-columns:210px minmax(0,1fr) 290px;gap:32px}.connect-hero{padding:38px;min-height:355px}.hero-copy>p{font-size:15px}.connection-sculpture{height:270px}.eyebrow{font-size:12px}.hero-buttons .button{font-size:14px}}@media(max-width:1150px){.app-shell{grid-template-columns:170px minmax(0,1fr);gap:24px;padding:25px}.right-rail{display:none}.app-header{padding:15px 25px}.connect-hero{min-height:310px}.hero-copy>p{font-size:14px}.rail-link{padding:10px 8px}.topics a{padding:9px 8px}.hero-buttons .text-button{font-size:13px}}@media(max-width:760px){.app-header{height:auto;min-height:70px;flex-wrap:wrap;padding:15px 18px;gap:12px}.logo{min-width:0;font-size:16px;letter-spacing:1.4px}.logo>span{width:31px;height:31px;font-size:14px}.logo small{font-size:12px}.search{order:3;max-width:none;height:36px}.header-actions{gap:7px}.header-actions .button.compact{font-size:12px;padding:8px}.header-actions select{font-size:12px;padding:7px}.app-shell{display:block;padding:18px 15px 90px}.left-rail{position:static;display:block;margin-bottom:17px}.left-rail>nav:first-child,.left-rail>.rail-label,.rail-promo,.rail-footer{display:none}.topics{display:flex;gap:8px;overflow:auto;padding-bottom:7px;white-space:nowrap}.topics a{padding:6px 10px;border:1px solid var(--border);border-radius:30px;background:var(--surface);font-size:12px;flex-shrink:0}.connect-hero{min-height:290px;padding:24px 20px;grid-template-columns:1.25fr .75fr;border-radius:16px;margin-bottom:18px}.hero-copy .eyebrow{font-size:12px;letter-spacing:1px;max-width:210px}h1{font-size:39px;letter-spacing:-1.8px}.hero-copy>p{font-size:12px}.hero-copy>p br{display:none}.connection-sculpture{height:180px;width:150px;translate:5px -10px}.sculpture-core{font-size:30px}.floating-symbol{font-size:16px}.f2{font-size:24px}.f4{font-size:17px}.bubble-art{font-size:12px;padding:7px 9px;left:12%}.hero-buttons{gap:15px;margin-top:19px}.hero-buttons .button{font-size:12px;padding:9px 12px}.hero-buttons .text-button{font-size:12px;max-width:150px;line-height:1.6;text-align:left}.composer-card{padding:15px}.composer-prompt>button{font-size:12px}.composer-shortcuts{gap:5px}.composer-shortcuts button{font-size:12px;gap:4px}.composer-shortcuts span{font-size:15px}.avatar{width:32px;height:32px;font-size:16px}.feed-bar{flex-wrap:wrap;gap:8px}.feed-bar>span{font-size:12px}.feed-bar>a{font-size:12px}.welcome-card,.idea-post{padding:18px}.welcome-card h3{font-size:22px}.welcome-topics{font-size:12px;gap:10px}.welcome-bottom{flex-direction:column;gap:10px}.welcome-bottom .text-button{text-align:left}.post-author small{font-size:12px}.chip{font-size:12px}.post-actions{font-size:12px;gap:8px}.post-actions button{font-size:12px}.post-body{font-size:15px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;align-items:center;justify-content:space-around;padding:9px 10px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(20px)}.mobile-nav>a,.mobile-nav>button{display:flex;flex-direction:column;align-items:center;font-size:19px;color:var(--accent);padding:0;line-height:1.4}.mobile-nav span{font-size:12px;color:var(--muted)}.mobile-nav>button:nth-child(3){background:var(--purple);border-radius:11px;padding:2px 15px;color:white}.mobile-nav>button:nth-child(3) span{color:#eee0ff}.app-footer{display:none}dialog{padding:21px;max-height:88dvh}.dialog-header h2{font-size:25px}.form-pair{gap:10px}.form-pair label{font-size:13px}.consent{font-size:12px}#connect-toast{bottom:80px}}@media(max-width:380px){h1{font-size:32px}.connection-sculpture{width:110px;height:150px}.hero-copy>p{font-size:12px}.hero-buttons .text-button{font-size:12px}.header-actions{gap:4px}.header-actions .button.compact{font-size:12px;padding:7px}.header-actions select{font-size:12px;padding:6px}.form-pair{grid-template-columns:1fr}}

:root[data-connect-theme="aurora"]{--bg:#071b21;--surface:#102a32;--surface2:#153941;--text:#edfffa;--muted:#99c5c6;--border:#8effdd25;--accent:#73efd1;--purple:#247f83;--mint:#aaffcb}.aurora .connect-hero,[data-connect-theme="aurora"] .connect-hero{background:linear-gradient(125deg,#14464e,#123c34,#20264b)}

.create-topic{padding:8px 0!important;color:var(--accent);font-size:14px}.comment-photo{display:block;max-width:100%;max-height:200px;border-radius:10px;margin:10px 0}.live-conversation{border:1px solid var(--border);padding:16px;border-radius:16px;margin:20px 0;background:var(--surface)}#conversation-pulse a{display:block;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}#conversation-pulse strong,#conversation-pulse span{display:block}#conversation-pulse span{color:var(--muted);overflow-wrap:anywhere}.emoji-weather{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.emoji-weather span{position:absolute;bottom:-50px;font-size:20px;opacity:0;animation:emojiRise 24s linear infinite}.emoji-weather span:nth-child(1){left:12%}.emoji-weather span:nth-child(2){left:35%;animation-delay:5s}.emoji-weather span:nth-child(3){left:63%;animation-delay:10s}.emoji-weather span:nth-child(4){left:82%;animation-delay:15s}.emoji-weather span:nth-child(5){left:95%;animation-delay:20s}@keyframes emojiRise{10%,70%{opacity:.25}90%{opacity:0}to{transform:translateY(-100vh) rotate(25deg)}}#fresh-conversations{position:fixed;top:95px;left:50%;transform:translateX(-50%);z-index:8;background:var(--surface);border:1px solid var(--accent);padding:12px 20px;border-radius:30px;box-shadow:0 10px 40px #0004}#fresh-conversations a{margin-left:15px;color:var(--accent)}.real-comment-pop{position:fixed;bottom:35px;right:25px;max-width:320px;padding:15px;border-radius:16px;background:var(--surface);border:1px solid var(--accent);z-index:8;animation:gentle-float 6s ease-in-out}.emoji-weather~footer{position:relative}.paused .emoji-weather{display:none}
/* A small staggered dance keeps navigation lively without moving hit targets. */
.mobile-nav>a,.mobile-nav>button,.left-rail nav[aria-label="Community navigation"]>.rail-link,.hero-buttons>[data-open],.composer-card [data-open],.header-actions [data-open]{animation:connect-nav-dance 4.8s ease-in-out infinite;transform-origin:center}
.mobile-nav>:nth-child(2),.left-rail .rail-link:nth-child(2){animation-delay:.35s}.mobile-nav>:nth-child(3),.left-rail .rail-link:nth-child(3){animation-delay:.7s}.mobile-nav>:nth-child(4),.left-rail .rail-link:nth-child(4){animation-delay:1.05s}.mobile-nav>:nth-child(5){animation-delay:1.4s}
@keyframes connect-nav-dance{0%,20%,50%,100%{transform:translateY(0) rotate(0)}28%{transform:translateY(-3px) rotate(-1.5deg)}36%{transform:translateY(-2px) rotate(1.5deg)}42%{transform:translateY(-1px) rotate(-.5deg)}}
.paused .mobile-nav>*,.paused .rail-link,.paused [data-open]{animation-play-state:paused!important}.mobile-nav>*:hover,.mobile-nav>*:focus-visible,.rail-link:hover,.rail-link:focus-visible{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.mobile-nav>*,.rail-link,[data-open]{animation:none!important}}

/* Reading-sized typography for the community, including compact layouts. */
.post-body,.comment p,.welcome-card>p,.hero-copy>p,.hello-card>p,.join-prompt>p{font-size:16px;line-height:1.8}
.rail-link,.topics a,.composer-prompt>button,.post-author strong,.comment strong,.button,.hero-buttons .button,.hello-card .button{font-size:15px}
label,.consent,.small,.community-rules,.small-note,.app-footer{font-size:14px;line-height:1.7}
input,textarea,dialog select{font-size:16px;line-height:1.5}.search input{font-size:14px}.header-actions select{font-size:13px}.app-header{flex-wrap:wrap;row-gap:12px}.header-actions{flex-wrap:wrap}.feed-bar{flex-wrap:wrap;gap:10px}.composer-shortcuts{flex-wrap:wrap;gap:14px}.hero-copy>p{max-width:420px}.welcome-bottom{flex-wrap:wrap}.mobile-nav span{font-size:12px}.bubble-art{font-size:12px}
@media(max-width:700px){.hero-copy>p,.post-body,.comment p{font-size:16px}.header-actions .button.compact{font-size:13px;padding:10px}.hero-buttons{flex-wrap:wrap}.hero-buttons .text-button{font-size:14px;max-width:none}.hero-copy .eyebrow{font-size:12px;max-width:100%;letter-spacing:.6px}.connection-sculpture{opacity:.8}.composer-shortcuts button{font-size:13px}.topics a{font-size:14px}.theme-tour-controls .theme-auto{font-size:12px!important}.app-header{padding:15px}.logo small{font-size:9px}.mobile-nav{padding-top:10px;padding-bottom:12px}.small{font-size:14px}}

.comment-photo{width:180px;max-width:100%;height:135px;object-fit:cover;border-radius:14px;border:1px solid var(--border)}.attachment-grid figure img{max-height:220px;object-fit:cover}.comment-actions{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}.comment-actions form{display:flex;flex-wrap:wrap;gap:10px}.comment-actions button{font-size:14px;padding:7px 10px;border:1px solid var(--border);border-radius:20px;background:var(--surface2);color:var(--text)}.comment-actions button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.comment-reaction-summary{display:flex;gap:10px;font-size:14px}.comment-emoji-picker>div,.emoji-tools{display:flex;flex-wrap:wrap;gap:10px;max-height:190px;overflow:auto;padding:10px}.comment-emoji-picker button{font-size:25px;padding:5px}.comment-emoji-picker summary{font-size:14px;cursor:pointer;padding:10px}.comment-photo:hover{filter:brightness(1.08)}

.connect-heading{padding:12px 0 18px}.connect-heading h1{font-size:clamp(23px,3vw,34px);line-height:1.25;letter-spacing:-.7px;margin:0}.connect-heading em{font-style:normal;color:var(--accent)}.composer-card{margin-bottom:18px}.community-rules{margin-top:25px}

.connect-next-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px}.connect-next-step{display:flex;align-items:center;gap:12px;padding:15px 16px;min-width:0;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:0 6px 20px #00000008;transition:transform .18s,border-color .18s}.connect-next-step:hover{transform:translateY(-2px);border-color:var(--accent)}.connect-next-step>span:nth-child(2){flex:1;min-width:0}.connect-next-step strong{display:block;font-size:14px;line-height:1.45;color:var(--text)}.connect-next-step small{display:block;font-size:12px;line-height:1.5;margin-top:3px;color:var(--muted)}.connect-next-help{grid-column:1/-1;border-color:color-mix(in srgb,var(--mint) 35%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--mint) 8%,var(--surface)),var(--surface))}.connect-step-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-size:22px}.connect-next-help .connect-step-icon{color:var(--mint);background:color-mix(in srgb,var(--mint) 10%,var(--surface))}.connect-step-arrow{color:var(--accent);font-size:20px}@media(max-width:420px){.connect-next-steps{grid-template-columns:1fr}.connect-next-step{padding:13px}.connect-next-help{grid-column:auto}}@media(prefers-reduced-motion:reduce){.connect-next-step{transition:none}.connect-next-step:hover{transform:none}}