/* CHIPEX — premium responsive app skin. Existing HTML IDs and JS hooks preserved. */
:root{color-scheme:light;--navy:#17152b;--navy-2:#24203d;--purple:#6c4bf4;--purple-dark:#5635d9;--purple-bright:#8b72ff;--lavender:#efebff;--lavender-2:#f8f6ff;--ink:#25233a;--muted:#77758e;--line:#eae8f3;--surface:#fff;--page:#f6f6fb;--green:#24a77a;--danger:#cf4056;--radius:18px;--shadow:0 10px 30px rgba(35,27,83,.055);--ease:170ms ease}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:radial-gradient(ellipse at 8% 0%,rgba(225,218,255,.38),transparent 34%),var(--page);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.58;cursor:not-allowed}a{color:inherit;text-decoration:none}.hidden{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #6c4bf44d;outline-offset:3px}::selection{background:#dcd3ff;color:var(--navy)}
/* App header */
.topbar{min-height:68px;padding:0 clamp(16px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.9);border-bottom:1px solid #e7e4f0;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.9px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:12px;color:white;background:linear-gradient(145deg,#9b86ff,#6c4bf4 55%,#4d2ac9);box-shadow:0 6px 16px #6c4bf42b,inset 0 1px 0 #ffffff55}.brand-mark:after{content:"";position:absolute;width:17px;height:17px;border:2px solid #fff9;border-radius:6px;transform:rotate(45deg)}.brand-mark{font-size:0}.brand-word{color:var(--navy)}.brand-dot{color:var(--purple)}.top-nav,.header-actions{display:flex;align-items:center;gap:6px}.nav-link,.side-link{border:0;background:transparent;color:var(--muted);border-radius:11px;padding:10px 13px;font-size:12px;font-weight:700;transition:color var(--ease),background var(--ease),transform var(--ease)}.nav-link:hover,.nav-link.active{color:var(--purple);background:var(--lavender-2)}.nav-link:active,.side-link:active{transform:scale(.98)}.header-identity{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid transparent;border-radius:11px;font-size:12px;font-weight:750;transition:transform var(--ease),background var(--ease),box-shadow var(--ease),border-color var(--ease)}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.985)}.button-primary{color:#fff;background:linear-gradient(135deg,#8064ff,#6240e8 70%,#5736d7);box-shadow:0 5px 14px #6c4bf426,inset 0 1px 0 #ffffff38}.button-primary:hover{background:linear-gradient(135deg,#7355f5,#5331d5);box-shadow:0 8px 20px #6c4bf43b}.button-quiet{color:var(--muted);background:#fff;border-color:var(--line)}.button-quiet:hover{color:var(--ink);border-color:#d5d0e7}.button-outline{color:var(--purple);background:#ffffffdb;border-color:#ded7ff}.button-outline:hover{background:var(--lavender-2);border-color:#bcb0ff}.button-large{padding:13px 20px;font-size:12px}.button-full{width:100%}.text-button{padding:7px 0;border:0;background:transparent;color:var(--purple);font-size:11px;font-weight:700}.eyebrow{display:inline-block;color:var(--purple);font-size:9px;font-weight:800;letter-spacing:1.7px}.live-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#35c996;box-shadow:0 0 0 4px #35c9961c}
/* Fast welcome state: short, restrained, no long hero animation */
.landing{width:min(100%,1180px);min-height:0;margin:0 auto;padding:48px clamp(22px,6vw,78px) 32px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);align-items:center;gap:30px;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;padding:7px 11px;border:1px solid #e8e1ff;border-radius:99px;background:#ffffffc9;color:#61538d;font-size:8px;font-weight:800;letter-spacing:.8px}.hero-kicker .live-dot{margin:0}.hero-eyebrow{display:block}.hero-copy h1{margin:11px 0 15px;color:var(--navy);font-family:Manrope,sans-serif;font-size:clamp(37px,4.7vw,60px);line-height:1.08;font-weight:800;letter-spacing:-2.8px}.hero-copy h1 span{color:var(--purple);background:linear-gradient(100deg,#8b72ff,#6c4bf4 55%,#5434d6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{max-width:510px;margin:0;color:var(--muted);font-size:13px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-proof{display:flex;align-items:center;gap:8px;margin-top:18px;color:#77718e;font-size:10px}.proof-icon{color:var(--purple);font-size:16px}.hero-art{min-height:255px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-glow{position:absolute;width:min(65%,260px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c4b7ff 0%,#e1dbff 43%,#f0edff 66%,transparent 75%);opacity:.78}.hero-symbol{position:relative;z-index:2;width:116px;height:116px;display:grid;place-items:center;border:1px solid #ffffff99;border-radius:34px;color:white;background:linear-gradient(145deg,#967eff,#6b4bf2 47%,#4828bf);box-shadow:0 22px 48px #5031ce30,inset 0 2px 0 #ffffff55;font:800 64px Manrope,sans-serif;transform:rotate(-5deg)}.hero-symbol span{color:#d0c5ff}.hero-orbit{position:absolute;z-index:-1;border:1px solid #c9bfff;border-radius:50%;opacity:.6}.orbit-one{width:290px;height:160px;transform:rotate(-25deg)}.orbit-two{width:225px;height:275px;transform:rotate(36deg)}.orbit-caption{position:absolute;bottom:0;color:#958bbd;font-size:8px;font-weight:800;letter-spacing:1.8px}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #ffffffed;border-radius:13px;background:#ffffffed;box-shadow:0 10px 26px #2a1f5e14;backdrop-filter:blur(10px)}.floating-card-one{top:25px;right:-2px}.floating-card-two{bottom:25px;left:-3px}.float-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;color:var(--purple);background:var(--lavender);font-size:16px}.float-icon-green{color:#178c67;background:#e7f8f0}.floating-card b,.floating-card small{display:block}.floating-card b{color:var(--ink);font-size:10px}.floating-card small{margin-top:2px;color:var(--muted);font-size:9px}.welcome-strip{width:min(1000px,92%);margin:0 auto 22px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e7e0ff;border-radius:14px;background:linear-gradient(100deg,#f0ebff,#fff 82%);color:#554c7e;font-size:10px}.strip-message{display:flex;align-items:center;gap:9px}.strip-icon{color:var(--purple);font-size:19px}.strip-message strong{color:var(--navy)}.strip-tag{color:var(--purple);font-size:8px;font-weight:800;letter-spacing:1px;white-space:nowrap}.landing-footer{padding:18px clamp(20px,5vw,70px);display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);color:#9290a5;font-size:9px}
/* Signed-in app layout */
.social-app{width:min(100%,1500px);margin:auto;padding:25px clamp(14px,2.3vw,34px) 60px;display:grid;grid-template-columns:205px minmax(0,680px) 250px;justify-content:center;align-items:start;gap:clamp(16px,2vw,29px)}.left-sidebar,.right-sidebar{position:sticky;top:88px;min-width:0}.sidebar-label{padding:0 8px 9px;color:#aaa6bd;font-size:8px;font-weight:800;letter-spacing:1.6px}.sidebar-profile{min-width:0;display:flex;align-items:center;gap:10px;padding:11px 7px 17px;border-bottom:1px solid var(--line);margin-bottom:13px}.avatar{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#fff;background:linear-gradient(145deg,#967eff,#5735d8);font-weight:800;box-shadow:inset 0 1px 0 #ffffff55}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-large{width:45px;height:45px}.profile-mini{min-width:0}.profile-mini strong,.profile-mini span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-mini strong{color:var(--ink);font-size:11px}.profile-mini span{margin-top:2px;color:var(--muted);font-size:9px}.sidebar-nav{display:grid;gap:4px}.side-link{width:100%;display:flex;align-items:center;gap:10px;margin:0;padding:11px;text-align:left;font-size:10px}.side-link .nav-symbol{width:22px;flex-shrink:0;text-align:center;font-size:18px}.side-link>span:nth-child(2){flex:1}.side-link .nav-arrow{opacity:0;font-size:18px;transition:opacity var(--ease)}.side-link:hover .nav-arrow,.side-link.selected .nav-arrow{opacity:.8}.side-link:hover,.side-link.selected{color:var(--purple);background:linear-gradient(100deg,#f0ecff,#faf9ff)}.side-link.selected{box-shadow:inset 3px 0 0 var(--purple)}.sidebar-note{position:relative;overflow:hidden;margin-top:25px;padding:15px;border:1px solid #e9e2ff;border-radius:16px;background:radial-gradient(circle at 100% 0%,#e7deff 0,transparent 45%),linear-gradient(145deg,#fff,#f9f7ff)}.note-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--lavender);color:var(--purple);font-size:17px}.sidebar-note strong{display:block;margin-top:10px;color:var(--navy);font-size:11px}.sidebar-note p{margin:6px 0 12px;color:var(--muted);font-size:9px;line-height:1.75}.note-action{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 9px;border:1px solid #e5deff;border-radius:9px;background:white;color:var(--purple);font-size:9px;font-weight:700}.note-action:hover{background:var(--lavender-2)}.sidebar-footer{display:flex;align-items:center;gap:7px;margin:22px 7px;color:#9b98ad;font-size:8px}.footer-brand-mark{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:var(--lavender);color:var(--purple);font-size:10px;font-weight:800}.feed-column{min-width:0}.feed-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:1px 0 16px}.welcome-greeting h1{margin:5px 0 3px;color:var(--navy);font:800 25px/1.2 Manrope,sans-serif;letter-spacing:-.8px}.welcome-greeting p{margin:0;color:var(--muted);font-size:10px}.feed-status-pill{flex-shrink:0;margin-top:8px;padding:6px 9px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#858197;font-size:7px;font-weight:800;letter-spacing:.5px}.feed-status-pill .live-dot{width:6px;height:6px}.feed-intro{position:relative;overflow:hidden;display:flex;align-items:center;gap:11px;margin-bottom:13px;padding:13px 15px;border:1px solid #e9e2ff;border-radius:15px;background:linear-gradient(105deg,#f0ecff,#faf8ff 64%,#fff)}.feed-intro:after{content:"✦";position:absolute;right:13px;top:-20px;color:#d9d0ff;font-size:75px;pointer-events:none}.intro-symbol{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:white;color:var(--purple);box-shadow:0 4px 12px #5f42d90e;font-size:17px}.feed-intro strong{color:#393054;font-size:10px}.feed-intro p{margin:3px 0 0;color:#807895;font-size:9px}.card,.post-card,.side-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 4px 16px #251f4d06}.composer{padding:16px;transition:border-color var(--ease),box-shadow var(--ease)}.composer:focus-within{border-color:#d9d0ff;box-shadow:0 8px 25px #46319c0f}.composer-heading{display:flex;align-items:center;gap:10px}.composer-heading strong,.composer-heading span{display:block}.composer-heading strong{color:var(--ink);font-size:11px}.composer-heading span{margin-top:2px;color:var(--muted);font-size:9px}.composer-prompt{display:block;width:100%;margin-top:12px;padding:11px 13px;border:1px solid #eeecf5;border-radius:11px;background:#faf9fd;color:#8a879e;text-align:left;font-size:10px;transition:border-color var(--ease),background var(--ease)}.composer-prompt:hover{border-color:#d7ceff;background:#f8f5ff}#postForm{margin-top:10px}#postText,.form-field textarea{display:block;width:100%;min-height:88px;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:11px;outline:none;color:var(--ink);background:#fff;font-size:11px;line-height:1.7;transition:border-color var(--ease),box-shadow var(--ease)}#postText::placeholder,input::placeholder,textarea::placeholder{color:#aaa7b9}#postText:focus,input:focus,textarea:focus{border-color:#a99aff;box-shadow:0 0 0 3px #6c4bf417}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid #f0eef6}.composer-tools{display:flex;flex-wrap:wrap;gap:3px}.tool-button{padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:9px;font-weight:700;transition:color var(--ease),background var(--ease)}.tool-button span{margin-right:4px;color:var(--purple);font-size:13px}.tool-button:hover,.tool-button[aria-pressed="true"]{color:var(--purple);background:var(--lavender)}.publish-button{flex-shrink:0;padding:9px 12px;font-size:9px}.goal-fields{margin-top:11px;padding:12px;border:1px solid #e8e1ff;border-radius:12px;background:var(--lavender-2)}.goal-fields label{display:block;margin:7px 0;color:#51476f;font-size:9px;font-weight:700}.goal-fields input:not([type="range"]){width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:white}.progress-input-row{display:flex;align-items:center;gap:11px}.progress-input-row input{flex:1;accent-color:var(--purple)}.progress-input-row strong{color:var(--purple);font-size:10px}.form-message{min-height:0;margin:8px 0;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.form-message:empty{display:none}.form-message.error{color:var(--danger)}.form-message.success{color:var(--green)}
/* Feed controls and post cards */
.feed-controls{margin:23px 0 12px}.feed-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:9px;margin-bottom:11px}.feed-section-heading h2{margin:0;color:var(--navy);font:800 15px Manrope,sans-serif;letter-spacing:-.3px}.feed-section-heading>span{color:#9a96ad;font-size:8px}.feed-control-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.feed-tabs{display:flex;align-items:center;gap:4px}.feed-tab{padding:7px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:9px;font-weight:700;transition:background var(--ease),color var(--ease)}.feed-tab:hover{background:#f0edfa;color:var(--purple)}.feed-tab.active{color:var(--purple);background:#eee9ff}.search-box{min-width:135px;max-width:220px;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);border-radius:10px;background:white;transition:border-color var(--ease),box-shadow var(--ease)}.search-box:focus-within{border-color:#b9adff;box-shadow:0 0 0 3px #6c4bf40c}.search-box>span{color:#9691aa;font-size:19px;line-height:1}.search-box input{width:100%;min-width:0;padding:2px 0;border:0;outline:0;background:transparent;font-size:9px}.search-box input:focus{border:0;box-shadow:none}.feed-status{padding:22px 12px;color:var(--muted);text-align:center;font-size:10px}.post-feed{display:grid;gap:12px}.post-card{min-width:0;padding:16px;scroll-margin-top:90px;transition:border-color var(--ease),box-shadow var(--ease);animation:card-enter .2s ease both}.post-card:hover{border-color:#e0daf4;box-shadow:var(--shadow)}@keyframes card-enter{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.post-header{display:flex;align-items:flex-start;gap:10px}.post-identity{min-width:0;flex:1}.post-identity strong{display:block;color:var(--ink);font-size:11px;overflow-wrap:anywhere}.post-identity .post-handle{color:#9793a8;font-size:9px}.post-date{display:block;margin-top:2px;color:#aaa6b8;font-size:8px}.post-menu{padding:0 5px;border:0;border-radius:8px;background:transparent;color:#928ca7;font-size:20px;line-height:1}.post-menu:hover{background:var(--lavender-2);color:var(--purple)}.post-type{display:inline-block;margin:11px 0 3px;padding:4px 8px;border:1px solid #eee9ff;border-radius:6px;background:#f8f6ff;color:var(--purple);font-size:7px;font-weight:800;letter-spacing:.6px}.post-text{margin:8px 0 13px;color:#454257;font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.goal-panel{margin:11px 0;padding:13px;border:1px solid #e6dfff;border-radius:12px;background:linear-gradient(110deg,#f2eeff,#fcfbff)}.goal-panel small{color:var(--purple);font-size:8px;font-weight:800;letter-spacing:.8px}.goal-panel h4{margin:5px 0 10px;color:#332b4b;font-size:13px}.goal-track{height:6px;overflow:hidden;border-radius:99px;background:#ded8fa}.goal-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a18cff,#6845ed)}.goal-progress-label{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:8px}.goal-progress-label strong{color:var(--purple)}.post-stats{display:flex;justify-content:space-between;gap:9px;padding:10px 0;border-bottom:1px solid #efedf5;color:#9792a8;font-size:8px}.post-actions{display:flex;flex-wrap:wrap;gap:4px;padding-top:7px}.post-action{flex:1;min-width:52px;padding:8px 5px;border:0;border-radius:8px;background:transparent;color:#77738b;font-size:9px;font-weight:700;transition:color var(--ease),background var(--ease),transform var(--ease)}.post-action:hover{color:var(--purple);background:#f7f4ff}.post-action:active{transform:scale(.97)}.post-action.liked,.post-action.saved{color:var(--purple);background:#f0ebff}.comment-area{margin-top:11px;padding-top:12px;border-top:1px solid var(--line)}.comment-list{display:grid;gap:9px;margin-bottom:10px}.comment{display:flex;align-items:flex-start;gap:7px}.comment .avatar{width:28px;height:28px;font-size:8px}.comment-body{min-width:0;flex:1;padding:8px 10px;border-radius:10px;background:#f7f6fb;color:#57536b;font-size:9px;overflow-wrap:anywhere}.comment-body strong{display:block;margin-bottom:3px;color:var(--ink)}.comment-form{display:flex;gap:7px}.comment-form input{min-width:0;flex:1;padding:9px;border:1px solid var(--line);border-radius:9px;background:white;font-size:9px}.comment-form button{padding:0 12px;border:0;border-radius:9px;background:var(--purple);color:white;font-size:9px;font-weight:700}.comment-form button:hover{background:var(--purple-dark)}.empty-state{padding:32px 18px;border:1px dashed #dcd5f3;border-radius:16px;background:#ffffffcc;text-align:center}.empty-state .empty-icon{color:var(--purple);font-size:28px}.empty-state h3{margin:7px 0;color:var(--navy);font:800 14px Manrope,sans-serif}.empty-state p{max-width:330px;margin:auto;color:var(--muted);font-size:10px}.load-more{width:100%;margin-top:15px}
/* Side panels */
.side-card{position:relative;overflow:hidden;margin-bottom:13px;padding:16px}.discovery-card{background:radial-gradient(circle at 100% 0%,#e8e1ff 0,transparent 37%),#fff}.card-overline{display:flex;align-items:center;gap:6px;color:#88819f;font-size:7px;font-weight:800;letter-spacing:.9px}.mini-spark{color:var(--purple);font-size:14px}.side-card h2{position:relative;z-index:1;margin:11px 0 8px;color:var(--navy);font:800 20px/1.25 Manrope,sans-serif;letter-spacing:-.7px}.side-card h2 span{color:var(--purple)}.side-card>p{position:relative;z-index:1;color:var(--muted);font-size:9px;line-height:1.8}.way-item{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-top:14px}.way-number{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border:1px solid #e8e1ff;border-radius:9px;background:#f6f3ff;color:var(--purple);font-size:8px;font-weight:800}.way-item strong,.way-item small{display:block}.way-item strong{color:var(--ink);font-size:9px}.way-item small{margin-top:2px;color:var(--muted);font-size:8px}.card-decoration{position:absolute;right:7px;bottom:-34px;color:#f1edff;font:800 90px Manrope,sans-serif;pointer-events:none}.card-decoration span{color:#e2dbff}.community-card{color:white;border-color:#272143;background:radial-gradient(circle at 100% 0%,#51418a 0,transparent 42%),linear-gradient(145deg,#27213f,#17152b);box-shadow:0 10px 25px #17152b20}.community-icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:12px;border:1px solid #ffffff1b;border-radius:11px;background:#ffffff10;color:#cfc3ff;font-size:18px}.community-card .eyebrow{color:#c6b9ff;font-size:7px;letter-spacing:1px}.community-card h3{margin:9px 0;color:white;font:800 16px/1.35 Manrope,sans-serif;letter-spacing:-.4px}.community-card>p{color:#c5c0d8;font-size:9px;line-height:1.8}.community-signature{display:flex;align-items:center;gap:7px;margin-top:14px;color:#d7ceff;font-size:8px;font-weight:700}.community-signature span{width:18px;height:1px;background:#9f8bff}.safety-note{display:flex;align-items:flex-start;gap:7px;padding:0 4px;color:#9995aa}.safety-note>span{color:var(--purple);font-size:13px}.safety-note p{margin:0;font-size:8px;line-height:1.8}
/* Authentication and profile dialogs */
.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:18px;background:#131029ad;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade-in .15s ease both}@keyframes fade-in{from{opacity:0}to{opacity:1}}.modal-card{position:relative;width:min(100%,430px);margin:auto;padding:28px;border:1px solid #ffffffb0;border-radius:22px;background:#fff;box-shadow:0 28px 80px #09091e40;animation:modal-enter .18s ease both}@keyframes modal-enter{from{opacity:0;transform:translateY(6px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-card{max-height:calc(100vh - 36px);overflow-y:auto}.modal-close{position:absolute;top:13px;right:14px;width:32px;height:32px;border:0;border-radius:50%;background:#f5f3fa;color:#827d97;font-size:22px;line-height:1}.modal-close:hover{color:var(--purple);background:var(--lavender)}.modal-brand{margin-bottom:19px}.modal-card h2{margin:9px 0;color:var(--navy);font:800 25px/1.25 Manrope,sans-serif;letter-spacing:-.8px}.modal-card>p{margin:0 0 15px;color:var(--muted);font-size:10px;line-height:1.8}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:16px 0;padding:4px;border:1px solid #f0eef6;border-radius:11px;background:#f8f7fb}.auth-tab{padding:9px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.auth-tab.active{background:white;color:var(--purple);box-shadow:0 2px 9px #17172e0c}.form-field{margin:12px 0}.form-field label{display:block;margin-bottom:5px;color:#4d4961;font-size:9px;font-weight:700}.form-field input,.form-field textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;outline:none;background:#fdfdff;color:var(--ink);font-size:11px}.form-field small{display:block;margin-top:5px;color:var(--muted);font-size:8px}.password-wrap{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:10px}.password-wrap input{min-width:0;flex:1;border:0;border-radius:0}.password-wrap input:focus{box-shadow:none}.password-toggle{padding:0 12px;border:0;background:#fdfdff;color:var(--purple);font-size:9px;font-weight:700}.privacy-note{margin-top:14px!important;color:#9995aa!important;text-align:center;font-size:8px!important}.toast{position:fixed;z-index:200;bottom:22px;left:50%;width:max-content;max-width:calc(100% - 28px);padding:11px 16px;transform:translateX(-50%);border:1px solid #ffffff20;border-radius:11px;background:var(--navy);box-shadow:0 10px 28px #17152b30;color:white;font-size:10px;overflow-wrap:anywhere}.toast.error{background:#a92f45}
/* Connect · Discover · Messages · Pulse feature panels */
.mobile-bottom-nav{display:none}.hub-nav-link{white-space:nowrap}.social-app.chipex-feature-mode{grid-template-columns:minmax(0,1fr)}.social-app.chipex-feature-mode>.left-sidebar,.social-app.chipex-feature-mode>.feed-column,.social-app.chipex-feature-mode>.right-sidebar{display:none!important}.chipex-hub-panel{width:min(100%,1000px);min-width:0;margin:0 auto;padding:20px 20px 35px}.hub-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:7px 0 20px}.hub-heading h1{margin:7px 0 5px;color:var(--navy);font:800 clamp(25px,4vw,36px)/1.12 Manrope,sans-serif;letter-spacing:-1px}.hub-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.hub-heading-mark{display:grid;place-items:center;width:60px;height:60px;flex-shrink:0;border-radius:19px;background:linear-gradient(145deg,#f1edff,#e5ddff);color:var(--purple);font:800 30px Manrope,sans-serif;box-shadow:inset 0 0 0 1px #ded5ff}.hub-heading-mark span{color:#9d8aff}.hub-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px;margin-bottom:17px;background:#eeedf5;border:1px solid #e8e6f0;border-radius:14px}.hub-tabs button{display:flex;align-items:center;gap:6px;border:0;border-radius:9px;padding:9px 13px;color:#6c6a80;background:transparent;font:700 12px "DM Sans",sans-serif;cursor:pointer}.hub-tabs button.active{background:#fff;color:var(--purple);box-shadow:0 3px 12px #24175a0d}.hub-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:var(--purple);color:white;font-size:9px}.hub-notice{margin:0 0 13px;padding:11px 13px;border-radius:11px;background:#eefff5;color:#176b43;font-size:12px}.hub-notice.error{background:#fff0f1;color:#a42635}.hub-content{display:grid;gap:15px;min-width:0}.hub-loading{padding:30px 16px;color:#77758a;text-align:center;font-size:13px}.hub-filter-card,.hub-messages-card,.hub-thread,.hub-section-block{min-width:0;padding:18px;border:1px solid #e9e7f2;border-radius:16px;background:#fff;box-shadow:0 7px 22px #20174c05}.hub-search-field{display:flex;align-items:center;gap:9px;min-height:45px;padding:0 12px;border:1px solid #e5e2ee;border-radius:11px;background:#fbfaff}.hub-search-field span{color:var(--purple);font-size:20px}.hub-search-field input,.hub-filter-row input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--navy);font:500 13px "DM Sans",sans-serif}.hub-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.hub-filter-row label{display:grid;gap:6px;padding:10px 12px;border:1px solid #e9e6f1;border-radius:10px;color:#77748a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.hub-filter-row input{font-size:12px;text-transform:none;letter-spacing:0}.hub-results-count{margin:12px 0 0;color:#77758a;font-size:11px}.hub-people-list{display:grid;gap:9px}.hub-person-card{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:start;gap:12px;padding:15px;border:1px solid #ebe9f3;border-radius:14px;background:#fff;transition:border-color var(--ease),box-shadow var(--ease)}.hub-person-card:hover{border-color:#d5cbff;box-shadow:0 7px 20px #39218b0b}.hub-person-avatar,.hub-conversation-avatar{display:grid;place-items:center;width:45px;height:45px;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#eee9ff,#ded5ff);color:#5d42ce;font-weight:800}.hub-person-avatar img{width:100%;height:100%;object-fit:cover}.hub-person-info{min-width:0}.hub-person-info>strong{display:block;color:var(--navy);font:800 13px Manrope,sans-serif}.hub-person-info>span{display:block;margin-top:3px;color:#858298;font-size:10px;overflow-wrap:anywhere}.hub-person-info p{margin:7px 0 0;color:#69677d;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.hub-interest-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.hub-interest-tags span{padding:4px 6px;border-radius:6px;background:#f2efff;color:#6650bf;font-size:9px}.hub-person-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.button-small{padding:7px 10px!important;font-size:10px!important;white-space:nowrap}.hub-empty{padding:30px 16px;border:1px dashed #ded9ee;border-radius:14px;background:#fbfaff;text-align:center}.hub-empty strong{display:block;color:var(--navy);font:800 14px Manrope,sans-serif}.hub-empty p{max-width:440px;margin:8px auto 13px;color:#77758a;font-size:12px;line-height:1.65}.hub-empty.compact{padding:16px}.hub-empty.compact p{margin:0}.hub-empty-icon{display:block;margin-bottom:9px;color:var(--purple);font-size:25px}.hub-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.hub-section-title h2{margin:0;color:var(--navy);font:800 16px Manrope,sans-serif}.hub-section-title p{margin:4px 0 0;color:#858298;font-size:11px}.hub-count{display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:9px;background:#f0ecff;color:#6348d5;font-size:11px;font-weight:800}.hub-conversation-list{display:grid}.hub-conversation-row{display:flex;align-items:center;gap:11px;width:100%;padding:12px 2px;text-align:left;border:0;border-top:1px solid #f0eef6;background:transparent;cursor:pointer}.hub-conversation-row:hover{background:#fbfaff}.hub-conversation-avatar{width:40px;height:40px;border-radius:12px;flex-shrink:0}.hub-conversation-copy{display:grid;gap:4px;min-width:0;flex:1}.hub-conversation-copy strong{color:var(--navy);font:800 12px Manrope,sans-serif}.hub-conversation-copy small{overflow:hidden;color:#77758a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.hub-conversation-row time{color:#9895a8;font-size:9px;white-space:nowrap}.hub-row-arrow{color:var(--purple);font-size:20px}.hub-thread{padding:0;overflow:hidden}.hub-thread-head{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #eeecf5}.hub-thread-head>div{display:grid;gap:3px}.hub-thread-head strong{color:var(--navy);font:800 13px Manrope,sans-serif}.hub-thread-head span{color:#858298;font-size:10px}.hub-message-list{display:flex;flex-direction:column;gap:9px;min-height:210px;max-height:440px;overflow-y:auto;padding:16px;background:#fcfbff}.hub-message{max-width:min(80%,520px);padding:10px 12px;border-radius:13px 13px 13px 4px;background:#fff;border:1px solid #ebe8f4;align-self:flex-start}.hub-message.own{align-self:flex-end;border-color:#ddd4ff;background:#f0ecff;border-radius:13px 13px 4px 13px}.hub-message p{margin:0;color:#333148;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.hub-message time{display:block;margin-top:5px;color:#918da4;font-size:8px}.hub-message-form{display:flex;align-items:flex-end;gap:9px;padding:12px;border-top:1px solid #eeecf5}.hub-message-form textarea{flex:1;min-width:0;resize:vertical;padding:11px;border:1px solid #e3dfef;border-radius:11px;outline-color:#b7a8ff;color:var(--navy);font:12px "DM Sans",sans-serif}.hub-privacy-note{margin:0;padding:0 13px 12px;color:#9692a6;font-size:9px}.hub-notification-list{display:grid;gap:8px}.hub-notification{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #ebe9f3;border-radius:13px;background:white}.hub-notification.unread{border-color:#ded5ff;background:#fbfaff}.hub-notification-icon{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:11px;background:#eee9ff;color:#6248d6;font-size:16px}.hub-notification-copy{min-width:0;flex:1}.hub-notification-copy strong{display:block;color:var(--navy);font:800 12px Manrope,sans-serif}.hub-notification-copy p{margin:4px 0;color:#77758a;font-size:11px;line-height:1.55}.hub-notification-copy time{color:#9692a6;font-size:9px}
/* Tablet and phone */
@media(max-width:1180px){.social-app{grid-template-columns:180px minmax(0,680px);max-width:1000px;gap:20px}.right-sidebar{display:none}.welcome-strip{width:92%}}
@media(max-width:760px){html{scroll-padding-top:72px}body{padding-bottom:0}.topbar{min-height:61px;padding:0 4%;gap:8px}.brand{gap:7px;font-size:17px}.brand-mark{width:31px;height:31px;border-radius:10px}.top-nav{gap:0}.nav-link{padding:8px 7px;font-size:9px}.header-actions{gap:4px}.header-identity{display:none}.header-actions .button{padding:8px 9px;font-size:9px}.landing{min-height:0;grid-template-columns:1fr;gap:0;padding:32px 6% 14px}.hero-kicker{margin-bottom:14px;font-size:7px}.hero-copy h1{margin:10px 0 13px;font-size:clamp(37px,9vw,52px);letter-spacing:-2px}.hero-description{font-size:12px;line-height:1.8}.hero-actions{margin-top:18px;gap:8px}.hero-actions .button{flex:1;padding:11px 9px;font-size:10px}.hero-proof{margin-top:14px;font-size:9px}.hero-art{min-height:205px;margin-top:2px}.hero-glow{width:170px}.hero-symbol{width:95px;height:95px;border-radius:28px;font-size:52px}.orbit-one{width:245px;height:135px}.orbit-two{width:190px;height:225px}.floating-card-one{top:8px;right:0}.floating-card-two{bottom:8px;left:0}.floating-card{padding:8px 9px;gap:7px}.floating-card b{font-size:9px}.floating-card small{font-size:8px}.float-icon{width:27px;height:27px;font-size:14px}.welcome-strip{width:92%;margin:7px auto 18px;padding:11px;font-size:9px}.strip-message{align-items:flex-start;gap:7px}.strip-tag{display:none}.landing-footer{flex-wrap:wrap;padding:15px 5%;font-size:8px}.landing-footer span:last-child{display:none}.social-app{display:block;width:100%;padding:18px 4% 100px}.left-sidebar{position:static;margin-bottom:16px}.sidebar-label{display:none}.sidebar-profile{padding:0 2px 11px;margin-bottom:12px}.left-sidebar .sidebar-nav{display:none}.sidebar-note,.sidebar-footer{display:none}.feed-topline{margin-bottom:12px}.welcome-greeting h1{font-size:22px}.welcome-greeting p{font-size:9px}.feed-status-pill{display:none}.feed-intro{padding:11px;gap:8px}.intro-symbol{width:31px;height:31px}.feed-intro strong{font-size:9px}.feed-intro p{max-width:250px;font-size:8px}.composer{padding:12px;border-radius:15px}.composer-heading strong{font-size:10px}.composer-prompt{margin-top:10px;padding:10px}#postText{min-height:78px;font-size:10px}.composer-bottom{align-items:center;flex-wrap:wrap}.composer-tools{gap:1px}.tool-button{padding:7px 6px;font-size:8px}.publish-button{padding:9px 10px;font-size:8px}.feed-controls{margin-top:20px}.feed-section-heading h2{font-size:14px}.feed-section-heading>span{font-size:7px}.feed-control-row{align-items:stretch;gap:7px}.feed-tabs{flex-shrink:0}.feed-tab{padding:7px 9px;font-size:8px}.search-box{min-width:0;flex:1;padding:6px 7px}.search-box input{font-size:9px}.post-feed{gap:10px}.post-card{padding:12px;border-radius:14px}.post-text{font-size:10px}.post-action{min-width:48px;padding:8px 3px;font-size:8px}.post-stats{font-size:8px}.empty-state{padding:26px 14px}.mobile-bottom-nav{display:none}body.chipex-app-active #mobileBottomNav{position:fixed;z-index:40;right:10px;bottom:max(8px,env(safe-area-inset-bottom));left:10px;display:flex!important;align-items:center;justify-content:space-around;gap:3px;padding:7px 6px;border:1px solid #e9e4f7;border-radius:17px;background:#ffffffef;box-shadow:0 9px 28px #21194b26;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-nav-item{min-width:50px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;border:0;border-radius:11px;background:transparent;color:#858097}.mobile-nav-item>span{font-size:19px;line-height:1.2}.mobile-nav-item small{font-size:7px;font-weight:700}.mobile-nav-item.active{color:var(--purple);background:#f1edff}.mobile-nav-item.mobile-create>span{width:28px;height:27px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#8a71ff,#5e3be3);color:white;font-size:21px;box-shadow:0 4px 12px #6c4bf42e}.modal-backdrop{align-items:center;padding:12px}.modal-card{padding:24px 18px;border-radius:18px}.modal-card h2{font-size:22px}.profile-card{max-height:calc(100dvh - 24px)}.toast{bottom:83px}.chipex-hub-panel{padding:15px 0 26px}.hub-heading{align-items:flex-start}.hub-heading-mark{width:44px;height:44px;border-radius:14px;font-size:22px}.hub-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hub-tabs button{justify-content:center}.hub-filter-row{grid-template-columns:1fr}.hub-person-card{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:12px}.hub-person-avatar{width:38px;height:38px;border-radius:12px}.hub-person-actions{grid-column:2;justify-content:flex-start}.hub-section-block,.hub-filter-card,.hub-messages-card{padding:12px}.hub-conversation-row time{display:none}.hub-notification{flex-wrap:wrap;padding:11px}.hub-notification-copy{flex-basis:calc(100% - 48px)}.hub-notification>button{margin-left:45px}.hub-message-form{align-items:stretch;flex-direction:column}.hub-message-form button{align-self:flex-end}.hub-nav-link{display:none}}
@media(max-width:390px){.topbar{padding:0 3%;gap:4px}.brand{gap:5px;font-size:15px}.brand-mark{width:28px;height:28px;border-radius:9px}.top-nav .nav-link{padding:7px 5px;font-size:8px}.header-actions .button{padding:7px;font-size:8px}.hero-copy h1{font-size:36px;letter-spacing:-1.8px}.hero-actions{gap:6px}.hero-actions .button{padding:10px 7px;font-size:9px}.floating-card{padding:7px;gap:6px}.floating-card b{font-size:8px}.floating-card small{font-size:7px}.feed-section-heading>span{display:none}.feed-control-row{gap:4px}.feed-tab{padding:7px}.search-box{max-width:140px}.composer-bottom .button{padding:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* =========================================================
   CHIPEX EXPERIENCE REDESIGN — splash, onboarding and app shell
   ========================================================= */
:root{--cx-bg:#0b1020;--cx-panel:#111a30;--cx-panel2:#151f39;--cx-line:rgba(171,186,230,.14);--cx-text:#f6f7ff;--cx-muted:#9ca8c7;--cx-purple:#7c5cff;--cx-cyan:#69d9f2;--cx-radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 16% 0%,rgba(93,74,205,.14),transparent 36%),var(--cx-bg);color:var(--cx-text);font-family:'DM Sans',sans-serif;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cx-cyan);outline-offset:3px}.hidden{display:none!important}
.splash-screen{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,rgba(99,76,255,.19),transparent 43%),#090e1c;transition:opacity .55s ease,visibility .55s ease}.splash-screen.is-gone{display:none!important;opacity:0;visibility:hidden;pointer-events:none}.splash-orbit{position:absolute;width:min(74vw,560px);aspect-ratio:1;border:1px solid rgba(128,111,255,.18);border-radius:50%;animation:orbitBreath 3.2s ease-in-out infinite}.orbit-one{transform:scale(.78)}.orbit-two{transform:scale(1.08);border-color:rgba(105,217,242,.12);animation-delay:-1.2s}.splash-mark{width:84px;height:84px;display:grid;place-items:center;position:relative;border-radius:27px;background:linear-gradient(140deg,#9c8aff,#5a42dd 65%,#34279b);box-shadow:0 18px 80px rgba(104,77,255,.36);font:800 46px Manrope,sans-serif;transform:rotate(-7deg);animation:markFloat 2.5s ease-in-out infinite}.splash-mark i{position:absolute;right:-8px;top:-7px;width:23px;height:23px;border:5px solid #0b1020;border-radius:50%;background:var(--cx-cyan)}.splash-wordmark{margin:24px 0 0;font:800 26px Manrope,sans-serif;letter-spacing:.26em;padding-left:.26em}.splash-tagline{margin:8px 0 30px;color:#b7c0de;letter-spacing:.035em}.splash-progress{width:150px;height:3px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}.splash-progress span{display:block;height:100%;width:42%;background:linear-gradient(90deg,var(--cx-purple),var(--cx-cyan));border-radius:99px;animation:loadingSweep 1.2s ease-in-out infinite}.splash-caption{position:absolute;bottom:34px;color:#7783a5;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:0 clamp(18px,4vw,64px);background:rgba(9,14,28,.86);border-bottom:1px solid var(--cx-line);backdrop-filter:blur(20px)}.brand-lockup,.modal-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--cx-text);font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.08em}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#917bff,#5740d7);box-shadow:0 7px 24px rgba(105,80,255,.2);font-size:20px;color:white}.brand-name{font-size:16px}.topbar-center{color:var(--cx-muted);font-size:13px}.topbar-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 17px;border:1px solid transparent;border-radius:13px;font-weight:700;font-size:13px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,#856cff,#5c43e8);box-shadow:0 9px 28px rgba(97,71,231,.22)}.button-primary:hover{box-shadow:0 12px 32px rgba(97,71,231,.35)}.button-quiet{color:#c8d0e9;background:rgba(255,255,255,.035);border-color:var(--cx-line)}.button-outline{color:#e7eaff;background:rgba(255,255,255,.035);border-color:rgba(182,193,232,.24)}.button-large{min-height:52px;padding:0 21px;border-radius:15px}.button-full{width:100%}.landing-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);align-items:center;gap:4vw;min-height:calc(100vh - 76px);padding:clamp(42px,7vw,100px) clamp(20px,7vw,100px) 70px;overflow:hidden}.landing-grid-glow{position:absolute;width:60vw;height:60vw;max-width:760px;max-height:760px;right:-15%;top:-20%;border-radius:50%;background:radial-gradient(circle,rgba(107,81,255,.13),transparent 68%);pointer-events:none}.landing-copy{position:relative;z-index:2;max-width:660px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#a9a0ff;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.status-dot,.caption-pulse{width:7px;height:7px;border-radius:50%;background:var(--cx-cyan);box-shadow:0 0 15px rgba(105,217,242,.7)}.landing-copy h1{margin:23px 0 20px;font:800 clamp(42px,5.3vw,76px)/1.08 Manrope,sans-serif;letter-spacing:-.055em}.landing-copy h1 em{font-style:normal;background:linear-gradient(95deg,#b6aaff 5%,#7c74ff 48%,#7ce4f4);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-lead{max-width:525px;color:#aab5d2;font-size:clamp(15px,1.3vw,18px);line-height:1.8}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.landing-trust{display:flex;align-items:center;gap:13px;margin-top:38px;color:#8f9bbd;font-size:12px}.trust-avatars{display:flex;padding-left:4px}.trust-avatars span{display:grid;place-items:center;width:29px;height:29px;margin-left:-4px;border:2px solid #0b1020;border-radius:50%;background:#25254c;color:#dcd6ff;font-size:11px;font-weight:800}.trust-avatars span:nth-child(2){background:#20485a}.trust-avatars span:nth-child(3){background:#543c89}.landing-art{position:relative;display:grid;place-items:center;min-height:460px;isolation:isolate}.art-orbit{position:absolute;width:min(38vw,440px);aspect-ratio:1;border:1px solid rgba(142,130,255,.2);border-radius:50%;box-shadow:inset 0 0 80px rgba(94,75,225,.035);animation:orbitBreath 5s ease-in-out infinite}.art-orbit-b{width:min(29vw,335px);border-style:dashed;border-color:rgba(105,217,242,.22);animation-direction:reverse}.art-core{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;border-radius:42px;background:linear-gradient(145deg,rgba(129,108,255,.96),rgba(54,42,146,.96));border:1px solid rgba(213,205,255,.3);box-shadow:0 0 100px rgba(100,77,255,.25),inset 0 1px rgba(255,255,255,.35);transform:rotate(-7deg);animation:markFloat 5s ease-in-out infinite}.art-core span{font:800 74px/.9 Manrope,sans-serif}.art-core small{margin-top:13px;font-size:9px;letter-spacing:.25em}.art-node{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid rgba(175,186,233,.2);border-radius:16px;background:rgba(18,26,48,.88);box-shadow:0 15px 40px rgba(0,0,0,.18);font-size:12px;animation:nodeFloat 5s ease-in-out infinite}.art-node span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(124,92,255,.18);color:#b8adff;font-size:17px}.node-a{top:16%;left:12%}.node-b{top:23%;right:5%;animation-delay:-1.3s}.node-c{bottom:21%;left:7%;animation-delay:-2.4s}.node-d{bottom:13%;right:8%;animation-delay:-.7s}.art-caption{position:absolute;bottom:0;display:flex;align-items:center;gap:9px;color:#8794b8;font-size:11px}.landing-bottom{position:absolute;bottom:25px;left:clamp(20px,7vw,100px);right:clamp(20px,7vw,100px);display:flex;justify-content:space-between;gap:15px;color:#647191;font-size:9px;letter-spacing:.13em}.welcome-strip{display:flex;justify-content:center;gap:14px;padding:14px 20px;background:rgba(124,92,255,.08);border-bottom:1px solid var(--cx-line);color:#aab5d2;font-size:12px}.welcome-pill{color:#a9a0ff;font-weight:800;letter-spacing:.12em}.landing-footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(20px,5vw,70px);border-top:1px solid var(--cx-line);color:#687493;font-size:11px}.landing-footer span:first-child{font-weight:800;letter-spacing:.16em;color:#a9a0ff}
.social-app{width:min(1500px,100%);margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr) 260px;gap:25px;padding:30px clamp(14px,3vw,40px) 70px;align-items:start}.sidebar{position:sticky;top:100px;min-width:0}.card-surface{background:linear-gradient(145deg,rgba(20,29,52,.95),rgba(15,23,43,.96));border:1px solid var(--cx-line);border-radius:var(--cx-radius);box-shadow:0 16px 40px rgba(0,0,0,.1)}.sidebar-profile{display:flex;align-items:center;gap:11px;padding:15px 12px}.avatar{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#917bff,#4e3bc1);color:white;font:800 15px Manrope,sans-serif;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-large{width:42px;height:42px}.sidebar-profile-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.sidebar-profile-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-copy span{color:var(--cx-muted);font-size:11px}.icon-button{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border:1px solid var(--cx-line);border-radius:11px;background:rgba(255,255,255,.035);color:#bdc7e3;font-size:16px}.side-nav{display:grid;gap:5px;margin:20px 0}.nav-item{display:flex;align-items:center;gap:13px;min-height:45px;padding:0 14px;border:1px solid transparent;border-radius:13px;background:transparent;color:#99a6c7;text-align:left;font-size:13px;transition:.2s}.nav-item>span{width:20px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.active{background:rgba(124,92,255,.13);border-color:rgba(124,92,255,.17);color:#e5e1ff}.nav-item.active{font-weight:700}.nav-badge{margin-left:auto;min-width:20px;padding:3px 5px;border-radius:20px;background:#7c5cff;color:white;text-align:center;font-size:10px}.sidebar-note{padding:19px 16px;border:1px solid rgba(124,92,255,.17);border-radius:18px;background:linear-gradient(145deg,rgba(124,92,255,.13),rgba(20,30,55,.4))}.note-icon{display:grid;place-items:center;width:32px;height:32px;margin-bottom:12px;border-radius:11px;background:rgba(124,92,255,.2);color:#b5a8ff}.sidebar-note strong{font-size:12px}.sidebar-note p{margin:8px 0 0;color:#929fbe;font-size:11px;line-height:1.7}.sidebar-footer{margin-top:25px;color:#586584;font-size:10px}.sidebar-footer span{padding:0 5px;color:#8875ff}.feed-column{min-width:0}.feed-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 22px}.feed-heading h1,.mobile-welcome h1{margin:9px 0 5px;font:800 29px Manrope,sans-serif;letter-spacing:-.04em}.feed-heading p{margin:0;color:var(--cx-muted);font-size:12px}.composer{padding:19px;margin-bottom:22px}.composer-top{display:flex;align-items:center;gap:12px}.composer-prompt{flex:1;min-width:0;padding:13px 15px;border:1px solid var(--cx-line);border-radius:14px;background:rgba(5,10,23,.35);color:#8996b7;text-align:left;font-size:12px}.post-mode-switch{display:flex;gap:8px;margin:15px 0 10px}.mode-button{padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#8e9bbb;font-size:11px}.mode-button.active{background:rgba(124,92,255,.14);border-color:rgba(124,92,255,.2);color:#d5ceff}.composer textarea,.form-field textarea{resize:vertical;min-height:90px;width:100%;padding:14px;border:1px solid var(--cx-line);border-radius:13px;background:rgba(6,11,24,.45);color:var(--cx-text);font-size:13px;line-height:1.65}.composer textarea::placeholder,.form-field input::placeholder,.form-field textarea::placeholder{color:#667392}.goal-fields{display:grid;gap:8px;margin:12px 0}.goal-fields label{display:flex;justify-content:space-between;color:#a9b4d1;font-size:11px}.goal-fields input:not([type=range]){width:100%;padding:12px;border:1px solid var(--cx-line);border-radius:12px;background:#0b1225;color:white}.goal-fields input[type=range]{width:100%;accent-color:#8b74ff}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.composer-hint{color:#7784a6;font-size:10px}.feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:5px 0 16px}.feed-tabs{display:flex;gap:5px}.feed-tab{padding:9px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#8390b0;font-size:11px}.feed-tab.active{border-color:var(--cx-line);background:rgba(255,255,255,.045);color:#eceeff}.feed-search{display:flex;align-items:center;gap:8px;max-width:180px;padding:0 10px;border:1px solid var(--cx-line);border-radius:11px;background:rgba(255,255,255,.025);color:#8895b6}.feed-search input{width:100%;min-width:0;height:36px;border:0;outline:0;background:transparent;color:white;font-size:11px}.feed-status{color:#8f9bb9;font-size:12px}.post-feed{display:grid;gap:15px}.post-card,.feed-post{min-width:0;padding:19px;border:1px solid var(--cx-line);border-radius:20px;background:linear-gradient(145deg,rgba(20,29,52,.96),rgba(14,22,42,.98));box-shadow:0 14px 35px rgba(0,0,0,.08);animation:fadeUp .4s ease both}.post-card p,.feed-post p{overflow-wrap:anywhere;line-height:1.75}.discovery-card{padding:21px}.discovery-card h2{margin:12px 0 9px;font:800 22px/1.2 Manrope,sans-serif;letter-spacing:-.04em}.discovery-card p{color:#99a6c6;font-size:12px;line-height:1.75}.discovery-card .button{margin-top:12px}.inspiration-card{margin:17px 0;padding:22px;border:1px solid rgba(124,92,255,.18);border-radius:20px;background:radial-gradient(ellipse at top right,rgba(124,92,255,.2),transparent 55%),#12182e}.inspiration-star{display:block;margin-bottom:20px;color:#a99aff;font-size:23px}.inspiration-card blockquote{margin:13px 0 20px;font:700 18px/1.55 Manrope,sans-serif;letter-spacing:-.03em}.inspiration-label{color:#7e8aab;font-size:9px;letter-spacing:.13em}.safety-card{display:flex;gap:12px;padding:16px}.safety-icon{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:10px;background:rgba(105,217,242,.1);color:var(--cx-cyan)}.safety-card strong{font-size:11px}.safety-card p{margin:6px 0 0;color:#8794b3;font-size:10px;line-height:1.65}.mobile-welcome{display:none}.mobile-bottom-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--cx-line);background:rgba(9,14,28,.94);backdrop-filter:blur(18px)}.mobile-nav-item{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:0;background:transparent;color:#8490af}.mobile-nav-item span{font-size:20px}.mobile-nav-item small{font-size:9px}.mobile-nav-item.active{color:#b7aaff}.mobile-create{display:grid;place-items:center;width:42px;height:42px;margin:0 8px;border:0;border-radius:15px;background:linear-gradient(135deg,#8e76ff,#5b43e5);color:white;font-size:26px;box-shadow:0 8px 24px rgba(104,80,255,.3)}
.modal-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,7,17,.78);backdrop-filter:blur(12px);overflow-y:auto}.modal-card{position:relative;width:min(100%,470px);max-height:min(92vh,900px);overflow-y:auto;padding:clamp(22px,4vw,34px);border:1px solid rgba(177,188,233,.19);border-radius:25px;background:linear-gradient(145deg,#151e36,#0d1427);box-shadow:0 30px 100px rgba(0,0,0,.45);animation:modalIn .28s ease both}.profile-card{width:min(100%,550px)}.modal-close{position:absolute;right:18px;top:18px;width:35px;height:35px;border:1px solid var(--cx-line);border-radius:11px;background:rgba(255,255,255,.04);color:#b6c0dd;font-size:23px}.modal-brand{margin-bottom:25px;font-size:13px}.modal-card h2{margin:10px 0;font:800 28px/1.2 Manrope,sans-serif;letter-spacing:-.04em}.modal-card>p,.profile-intro{color:#98a5c5;font-size:12px;line-height:1.7}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:23px 0;padding:5px;border:1px solid var(--cx-line);border-radius:14px;background:rgba(4,9,21,.4)}.auth-tabs button{padding:11px;border:0;border-radius:10px;background:transparent;color:#8e9bbb;font-size:12px}.auth-tabs button.active{background:rgba(124,92,255,.18);color:#e4dfff}.form-field{display:grid;gap:7px;margin:15px 0}.form-field label{color:#b9c3de;font-size:11px;font-weight:700}.form-field label span{color:#7784a3;font-weight:400}.form-field input,.password-wrap input{width:100%;min-width:0;height:45px;padding:0 13px;border:1px solid rgba(169,182,231,.16);border-radius:12px;background:rgba(5,10,22,.5);color:#f6f7ff;font-size:12px}.password-wrap,.username-wrap{display:flex;align-items:center;gap:8px;padding-right:8px;border:1px solid rgba(169,182,231,.16);border-radius:12px;background:rgba(5,10,22,.5)}.password-wrap input,.username-wrap input{border:0;background:transparent}.password-wrap button{border:0;background:transparent;color:#b3a7ff;font-size:11px}.username-wrap{padding-left:13px;color:#9c8bff}.username-wrap input{padding-left:0}.auth-extra{display:flex;justify-content:flex-end;margin:3px 0 16px}.text-button{border:0;background:transparent;color:#b4a6ff;font-size:11px}.modal-legal{margin-top:20px!important;font-size:10px!important;text-align:center}.form-notice{min-height:0;margin:8px 0 0;color:#91e6c3;font-size:11px;line-height:1.6}.form-notice:empty{display:none}.form-notice.error,.field-status.error{color:#ff9baf}.field-help{color:#7785a6;font-size:10px;line-height:1.5}.field-status{margin:0;color:#8ce2bd;font-size:10px}.interest-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.interest-suggestions button{padding:6px 9px;border:1px solid var(--cx-line);border-radius:20px;background:rgba(255,255,255,.035);color:#aab6d5;font-size:10px}.interest-suggestions button:hover{border-color:rgba(124,92,255,.5);color:#e5e0ff}.toast{position:fixed;z-index:500;left:50%;bottom:28px;transform:translate(-50%,20px);max-width:min(90vw,450px);padding:12px 17px;border:1px solid var(--cx-line);border-radius:13px;background:#19233c;color:#eef0ff;font-size:12px;box-shadow:0 12px 45px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* The feature panels injected by script.js inherit the same premium surface. */
#chipexHubPanel{min-width:0;padding:20px;border:1px solid var(--cx-line);border-radius:20px;background:linear-gradient(145deg,rgba(20,29,52,.97),rgba(14,22,42,.99))}#chipexHubPanel input,#chipexHubPanel textarea{max-width:100%;background:#0b1225;color:#f6f7ff;border:1px solid var(--cx-line);border-radius:10px;padding:10px}#chipexHubPanel button{max-width:100%}#chipexHubPanel img{max-width:100%;object-fit:cover}
@keyframes loadingSweep{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}@keyframes orbitBreath{0%,100%{opacity:.5;transform:scale(.97)}50%{opacity:1;transform:scale(1.035)}}@keyframes markFloat{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -8px;rotate:2deg}}@keyframes nodeFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes fadeUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1400px){.social-app{grid-template-columns:250px minmax(0,660px) 280px;justify-content:center;gap:30px}}
@media(max-width:1080px){.social-app{grid-template-columns:210px minmax(0,1fr);gap:20px}.sidebar-right{display:none}.landing-shell{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);padding-left:5vw;padding-right:5vw}.landing-copy h1{font-size:clamp(40px,5vw,62px)}}
@media(max-width:760px){.topbar{min-height:64px;padding:0 16px}.topbar-center{display:none}.topbar-actions{gap:7px}.topbar-actions .button{min-height:38px;padding:0 11px;font-size:11px}.brand-symbol{width:32px;height:32px;border-radius:10px}.brand-name{font-size:14px}.landing-shell{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:calc(100svh - 64px);padding:54px 22px 78px}.landing-copy h1{font-size:clamp(43px,10vw,66px)}.landing-lead{font-size:15px}.landing-actions{display:grid;grid-template-columns:1fr}.landing-actions .button{width:100%}.landing-art{min-height:330px;margin-top:5px}.art-orbit{width:min(75vw,350px)}.art-orbit-b{width:min(57vw,265px)}.art-core{width:118px;height:118px;border-radius:34px}.art-core span{font-size:59px}.node-a{top:10%;left:1%}.node-b{top:17%;right:0}.node-c{bottom:17%;left:0}.node-d{bottom:9%;right:0}.art-node{padding:8px 10px;font-size:10px}.art-node span{width:25px;height:25px}.landing-bottom{left:22px;right:22px;bottom:18px;flex-wrap:wrap;font-size:8px}.landing-bottom span:nth-child(2){display:none}.landing-footer{padding:20px 18px 85px;flex-wrap:wrap;font-size:10px}.landing-footer span:last-child{display:none}.social-app{display:block;padding:17px 13px 95px}.sidebar-left{display:none}.mobile-welcome{display:flex;justify-content:space-between;align-items:center;margin:5px 4px 18px}.mobile-welcome h1{font-size:25px}.mobile-welcome .eyebrow{font-size:9px}.desktop-feed-heading{display:none}.composer{padding:14px;border-radius:18px}.composer-top{gap:9px}.composer-prompt{padding:12px;font-size:11px}.composer textarea{min-height:100px;font-size:12px}.composer-hint{max-width:58%;font-size:9px}.composer-bottom .button{min-height:39px;padding:0 13px}.feed-toolbar{align-items:stretch;flex-direction:column}.feed-tabs{width:100%}.feed-tab{flex:1}.feed-search{max-width:none}.feed-search input{height:38px}.post-card,.feed-post{padding:15px;border-radius:17px}.modal-backdrop{align-items:flex-end;padding:8px}.modal-card{max-height:94svh;padding:24px 19px;border-radius:23px}.profile-card{max-height:96svh}.modal-card h2{font-size:25px}.welcome-strip{font-size:10px;flex-wrap:wrap}.toast{bottom:80px}.mobile-bottom-nav{display:flex!important}.sidebar-note{display:none}}
@media(max-width:380px){.brand-name{display:none}.topbar-actions .button-primary{padding:0 9px}.landing-copy h1{font-size:41px}.trust-avatars{display:none}.art-node{gap:5px;padding:7px}.art-node b{font-size:9px}.composer-bottom{align-items:flex-end}.composer-hint{max-width:52%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
body.app-ready .topbar-actions>[data-open-auth="signup"]{display:none!important}body.app-ready .landing-footer{display:none!important}.social-app.chipex-feature-mode{grid-template-columns:240px minmax(0,1fr) 260px}.social-app.chipex-feature-mode .feed-column{display:none}.social-app.chipex-feature-mode #chipexHubPanel{grid-column:2 / 4;min-width:0}.social-app.chipex-feature-mode .sidebar-right{display:block}@media(max-width:1080px){.social-app.chipex-feature-mode{grid-template-columns:210px minmax(0,1fr)}.social-app.chipex-feature-mode #chipexHubPanel{grid-column:2}.social-app.chipex-feature-mode .sidebar-right{display:none}}@media(max-width:760px){.social-app.chipex-feature-mode #chipexHubPanel{margin-top:0}.social-app.chipex-feature-mode .feed-column{display:none}}

/* CHIPEX is an app experience, not a marketing website. Compact welcome and auth screens. */
.app-topbar{min-height:62px;padding:0 22px;background:rgba(9,14,28,.96);border-bottom:1px solid rgba(170,184,225,.13)}
.app-topbar .topbar-center{font-size:12px;color:#8d9ab9}
.app-topbar .topbar-actions .button{min-height:38px;border-radius:12px}
.app-welcome-screen{min-height:calc(100svh - 62px);display:grid;place-items:center;grid-template-columns:1fr;padding:28px 18px 46px;background:radial-gradient(ellipse at 50% 38%,rgba(102,78,255,.18),transparent 42%)}
.app-welcome-screen .landing-grid-glow,.app-welcome-screen .landing-copy,.app-welcome-screen .landing-art,.app-welcome-screen .landing-bottom{display:none!important}
.app-welcome-card{width:min(100%,390px);margin:auto;padding:34px 28px 25px;text-align:center;border:1px solid rgba(174,186,229,.14);border-radius:28px;background:linear-gradient(155deg,rgba(20,29,53,.94),rgba(12,19,36,.98));box-shadow:0 28px 90px rgba(0,0,0,.24);animation:fadeUp .42s ease both}
.app-welcome-logo{position:relative;width:66px;height:66px;margin:0 auto 14px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,#9984ff,#6045e8 65%,#4030b5);box-shadow:0 12px 34px rgba(100,77,255,.27);font:800 39px Manrope,sans-serif;color:white}
.app-welcome-logo i{position:absolute;right:-4px;top:-4px;width:15px;height:15px;border:3px solid #121a30;border-radius:50%;background:#72e2ef}
.app-welcome-wordmark{color:#f8f8ff;font:800 13px Manrope,sans-serif;letter-spacing:.26em;padding-left:.26em}
.app-welcome-card h1{margin:25px 0 8px;font:800 clamp(25px,6vw,32px)/1.18 Manrope,sans-serif;letter-spacing:-.045em;color:#f5f6ff}
.app-welcome-card>p{margin:0 auto;color:#9eabc9;font-size:13px;line-height:1.6}
.app-welcome-actions{display:grid;gap:10px;margin-top:27px}
.app-welcome-actions .button{min-height:48px;font-size:13px;border-radius:14px}
.app-welcome-actions .button-outline{border-color:rgba(179,190,230,.2);color:#e4e8fb;background:rgba(255,255,255,.035)}
.app-welcome-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;color:#7482a4;font-size:10px}
.app-online-dot{width:6px;height:6px;border-radius:50%;background:#59d5aa;box-shadow:0 0 0 4px rgba(89,213,170,.09)}
#landingFooter{display:none!important}
.auth-card{width:min(100%,420px);padding:28px 26px;border-radius:25px}
.auth-card .modal-brand{margin-bottom:19px}
.auth-card h2{font-size:25px;margin-top:8px}
.auth-card>p{margin:7px 0;color:#98a5c5}
.auth-card .auth-tabs{margin:18px 0}
.auth-card .form-field{margin:12px 0}
@media(max-width:600px){.app-topbar{padding:0 14px}.app-topbar .topbar-center{display:none}.app-topbar .topbar-actions .button{padding:0 11px;font-size:11px}.app-welcome-screen{min-height:calc(100svh - 62px);padding:20px 16px 30px}.app-welcome-card{padding:30px 23px 22px;border-radius:24px}.auth-card{padding:25px 20px}.modal-backdrop{align-items:center;padding:12px}}
/* Keep the signed-out entry screen app-like; no marketing strip or website footer. */
#welcomeStrip,#landingFooter{display:none!important}

/* CHIPEX friendly refresh — brighter, approachable, tactile rather than luxury-dark. */
:root{color-scheme:light;--navy:#20334a;--navy-2:#29465f;--purple:#3679d8;--purple-dark:#2566bd;--purple-bright:#5a9df0;--lavender:#eaf4ff;--lavender-2:#f2f8ff;--ink:#233447;--muted:#718397;--line:#e2eaf0;--surface:#fff;--page:#f2f7fa;--green:#1fa887;--radius:17px;--shadow:0 5px 22px rgba(36,72,102,.07);--ease:180ms cubic-bezier(.2,.75,.25,1)}
body{background:linear-gradient(180deg,#edf7ff 0,#f5f8fb 300px,#f4f7fa 100%);color:var(--ink)}
.app-topbar{background:rgba(255,255,255,.94);border-bottom:1px solid #e0eaf1;box-shadow:0 2px 12px rgba(32,68,99,.035)}
.app-topbar .topbar-center{color:#8294a6}.brand-symbol{background:#3b83db!important;color:white!important;box-shadow:0 4px 10px #3b83db24!important}.brand-name,.brand-word{color:#203b55!important}.brand-dot{color:#3b83db!important}
.button-primary{background:linear-gradient(135deg,#4598ed,#3176d2);box-shadow:0 4px 12px rgba(49,118,210,.18)}.button-primary:hover{background:linear-gradient(135deg,#3688df,#286bc3);box-shadow:0 7px 16px rgba(49,118,210,.23)}.button-outline{color:#2e72bf;background:#fff;border-color:#d6e6f6}.button-outline:hover{background:#eef7ff;border-color:#a9d0f3}.text-button{color:#3679d8}.eyebrow{color:#3679d8}.live-dot{background:#2dbd91;box-shadow:0 0 0 4px #2dbd911b}
.app-welcome-screen{background:radial-gradient(ellipse at 15% 25%,rgba(117,202,235,.2),transparent 34%),radial-gradient(ellipse at 90% 75%,rgba(255,191,140,.2),transparent 30%),linear-gradient(140deg,#eef8ff,#f8fbff 55%,#fff8f1)}
.app-welcome-card{border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.9);box-shadow:0 18px 55px rgba(54,104,143,.12);border-radius:25px}.app-welcome-logo{background:linear-gradient(145deg,#61b9ee,#3b83db 70%,#2c69ba);box-shadow:0 10px 25px rgba(59,131,219,.22)}.app-welcome-logo i{border-color:#fff;background:#ffbd75}.app-welcome-wordmark{color:#52708a}.app-welcome-card h1{color:#243f58}.app-welcome-card>p{color:#71879a}.app-welcome-foot{color:#8193a4}.app-online-dot{background:#2dbd91;box-shadow:0 0 0 4px #2dbd911a}
.social-app{gap:22px}.card-surface,.composer,.post-card,.feed-post,.discovery-card,.safety-card,.hub-filter-card,.opportunity-card{border-color:#e3ebf1;box-shadow:0 4px 18px rgba(37,75,105,.045);transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.post-card:hover,.opportunity-card:hover,.discovery-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,75,105,.09);border-color:#d3e6f5}.nav-item,.mobile-nav-item,.feed-tab,.mode-button,.icon-button,.post-menu,.hub-tabs button,.opportunity-chip{transition:background var(--ease),color var(--ease),transform var(--ease),box-shadow var(--ease)}.nav-item:hover,.mobile-nav-item:hover,.feed-tab:hover,.mode-button:hover,.hub-tabs button:hover,.opportunity-chip:hover{transform:translateY(-1px)}button:active,.button:active,.nav-item:active,.mobile-nav-item:active{transform:scale(.97)}
.feed-heading h1,.mobile-welcome h1,.hub-heading h1{color:#25425d;letter-spacing:-.04em}.feed-heading p,.hub-heading p{color:#71879a}.composer{border-radius:19px;background:#fff}.composer-prompt{background:#f2f7fb;border-color:#e4edf4}.composer-prompt:hover{background:#eaf5ff;border-color:#c6e2f7}.post-mode-switch{background:#f2f7fb;border-radius:13px;padding:4px}.mode-button.active,.feed-tab.active{background:#fff;color:#2d75c7;box-shadow:0 2px 8px #234b6812}.post-card{border-radius:19px;background:#fff}.post-type{background:#edf7ff;color:#3679d8}.sidebar-note{background:linear-gradient(135deg,#e6f5ff,#f1fbf7);border:1px solid #d9edf4;border-radius:17px}.sidebar-note strong{color:#2a617a}.sidebar-note p{color:#6e8996}.discovery-card{background:linear-gradient(145deg,#e5f4ff,#f6fbff)!important}.discovery-card h2{color:#254f6d}.discovery-card p{color:#64849b}.inspiration-card{background:linear-gradient(145deg,#fff3e8,#fffaf5);border:1px solid #f5e5d7;border-radius:17px;color:#7d614b}.inspiration-card blockquote{color:#6d5544}.safety-card{background:#f1fbf7}.safety-card strong{color:#276955}.safety-card p{color:#678b80}
#chipexHubPanel{background:transparent!important;border:0!important;padding:0!important}.hub-heading{padding:22px 24px;border-radius:20px;background:linear-gradient(110deg,#e5f4ff,#f1fbfa 65%,#fff5e9);border:1px solid #dcecf5}.hub-heading-mark{color:#3b83db}.hub-tabs{gap:6px;padding:6px;background:#eaf1f6;border-radius:15px}.hub-tabs button{border-radius:11px;color:#698094}.hub-tabs button.active{background:white;color:#3176c7;box-shadow:0 2px 8px rgba(37,75,105,.08)}.hub-filter-card{background:#fff;border-radius:18px}.hub-search-field input,.hub-filter-row input{background:#f5f9fc!important;border-color:#e1ebf2!important;color:#233447!important}.hub-search-field input:focus,.hub-filter-row input:focus{border-color:#91c5ed!important;box-shadow:0 0 0 3px #d9edfc!important;outline:0}.hub-person-card{background:#fff;border:1px solid #e4edf3;border-radius:17px;transition:transform var(--ease),box-shadow var(--ease)}.hub-person-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #234b6810}
.opportunity-search-card{padding:18px;margin-bottom:14px}.opportunity-quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.opportunity-chip{border:1px solid #e1eaf1;background:#f5f9fc;color:#718397;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700}.opportunity-chip.active{background:#e7f3ff;color:#2e73c0;border-color:#b9dbf5}.opportunity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.opportunity-card{min-width:0;padding:18px;border:1px solid #e3ebf1;border-radius:18px;background:#fff}.opportunity-card-top,.opportunity-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.opportunity-kind{display:inline-flex;padding:6px 9px;border-radius:99px;background:#eaf6ff;color:#327bc5;font-size:10px;font-weight:800}.opportunity-date{font-size:10px;color:#91a0ae}.opportunity-card h3{margin:14px 0 7px;color:#2b4359;font-size:16px;line-height:1.35}.opportunity-card>p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#6e8294;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.opportunity-card-foot{margin-top:17px;padding-top:12px;border-top:1px solid #edf1f4}.opportunity-author{min-width:0;color:#7890a1;font-size:10px;overflow-wrap:anywhere}.opportunity-card-foot .button{flex-shrink:0;padding:8px 10px;font-size:10px}
:focus-visible{outline-color:#68a9e6!important}@media(max-width:760px){.opportunity-list{grid-template-columns:1fr}.hub-heading{padding:19px;border-radius:17px}.hub-tabs{overflow-x:auto}.hub-tabs button{white-space:nowrap}.app-welcome-card{box-shadow:0 12px 35px rgba(54,104,143,.1)}}

/* CHIPEX Home next step: personal, colourful, useful and light on copy. */
.home-welcome-card{position:relative;isolation:isolate;overflow:hidden;margin:0 0 18px;padding:23px 23px 17px;border:1px solid #d8eaf2;border-radius:22px;background:linear-gradient(115deg,#e3f4ff 0%,#eefaf7 58%,#fff2e5 100%);box-shadow:0 6px 20px rgba(44,93,121,.055);animation:homeCardEnter .42s ease both;transition:opacity .22s ease,transform .22s ease,max-height .25s ease,margin .25s ease,padding .25s ease}
.home-welcome-card:before{content:"";position:absolute;z-index:-1;width:190px;height:190px;right:13%;top:-132px;border-radius:50%;background:rgba(255,255,255,.48);border:24px solid rgba(255,255,255,.2)}
.home-welcome-card.is-dismissed{display:none!important}
.home-welcome-dismiss{position:absolute;right:13px;top:12px;width:30px;height:30px;border:1px solid rgba(72,117,139,.13);border-radius:50%;background:rgba(255,255,255,.6);color:#78909e;font-size:20px;line-height:1;transition:background .18s,transform .18s}
.home-welcome-dismiss:hover{background:white;transform:rotate(90deg)}
.home-welcome-copy{padding-right:25px}.home-welcome-kicker{display:inline-flex;align-items:center;gap:7px;color:#4387a1;font-size:9px;font-weight:850;letter-spacing:1.25px}.home-welcome-spark{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:#fff;color:#e49a55;font-size:14px;box-shadow:0 2px 6px #477c8c12}
.home-welcome-copy h2{margin:12px 0 5px;color:#25485f;font:800 clamp(21px,2.6vw,29px)/1.2 Manrope,sans-serif;letter-spacing:-.8px}.home-welcome-copy h2 span{color:#2f8d91}.home-welcome-copy p{margin:0;color:#658397;font-size:12px;line-height:1.65}
.home-welcome-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:19px}.home-action-card{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:12px 11px;border:1px solid rgba(255,255,255,.92);border-radius:15px;background:rgba(255,255,255,.78);text-align:left;box-shadow:0 3px 10px rgba(41,89,112,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.home-action-card:hover{transform:translateY(-3px);background:#fff;box-shadow:0 9px 20px rgba(41,89,112,.09);border-color:#c9e7ee}.home-action-card:active{transform:scale(.98)}.home-action-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#e6f3ff;color:#367fcb;font-size:18px}.home-action-people .home-action-icon{background:#e2f8ef;color:#1d9a78}.home-action-opportunity .home-action-icon{background:#fff0df;color:#c88139}.home-action-card strong,.home-action-card small{display:block;overflow-wrap:anywhere}.home-action-card strong{color:#2c4a60;font-size:11px;line-height:1.35}.home-action-card small{margin-top:3px;color:#7a94a3;font-size:9px;line-height:1.45}.home-action-arrow{color:#91a8b4;font-size:16px;transition:transform .18s}.home-action-card:hover .home-action-arrow{transform:translateX(3px);color:#3989a0}.home-welcome-progress{display:flex;align-items:center;gap:7px;margin-top:15px;color:#7b9a9f;font-size:9px;font-weight:650}.home-progress-dot{width:6px;height:6px;border-radius:50%;background:#30b58d;box-shadow:0 0 0 4px #30b58d17}
@keyframes homeCardEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.home-welcome-actions{grid-template-columns:1fr}.home-action-card{padding:11px 12px}.home-action-card small{font-size:10px}.home-welcome-card{padding:21px 17px 15px}}
@media(max-width:600px){.home-welcome-card{margin-bottom:13px;padding:20px 14px 14px;border-radius:18px}.home-welcome-copy h2{font-size:23px}.home-welcome-copy p{max-width:270px;font-size:11px}.home-welcome-actions{gap:8px;margin-top:15px}.home-action-card{grid-template-columns:34px minmax(0,1fr) 12px;padding:10px;border-radius:13px}.home-action-icon{width:34px;height:34px}.home-action-card strong{font-size:11px}.home-action-card small{font-size:9px}.home-welcome-progress{margin-top:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-welcome-card,.home-action-card,.home-welcome-dismiss{animation:none;transition:none}}


/* CHIPEX Profile & Discovery enhancement: clearer matches and easy scanning. */
.hub-person-card{align-items:start;gap:14px;padding:17px;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fbfdff 100%);border-color:#e0ebf0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.hub-person-card:hover{transform:translateY(-3px);border-color:#b9dfe5;box-shadow:0 12px 28px rgba(45,105,122,.10)}
.hub-person-avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#c8eaff,#c9f2e2);color:#2e718a;box-shadow:0 3px 10px rgba(44,109,133,.08)}
.hub-person-avatar img{width:100%;height:100%;object-fit:cover}
.hub-person-info{min-width:0}
.hub-person-info>strong{display:block;color:#29485d;font:800 14px/1.35 Manrope,sans-serif}
.hub-person-info>span:not(.hub-match-pill){display:block;margin-top:3px;color:#7c929e;font-size:10px;overflow-wrap:anywhere}
.hub-person-info p{margin:8px 0;color:#627e8e;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.hub-match-pill{display:inline-flex!important;align-items:center;width:max-content;max-width:100%;margin-top:7px;padding:4px 8px;border:1px solid #d2eee3;border-radius:99px;background:#edfbf5;color:#27866c!important;font-size:9px!important;font-weight:800;line-height:1.4}
.hub-interest-tags{display:flex;flex-wrap:wrap;gap:6px}
.hub-interest-tags span{padding:5px 8px;border:1px solid #e0edf4;border-radius:99px;background:#f1f8fc;color:#527c91;font-size:9px}
.hub-person-actions{align-self:center;display:flex;flex-wrap:wrap;gap:7px}
.hub-filter-row label{min-width:0}
.hub-filter-row label>span{display:block;margin:0 0 6px;color:#6e8998;font-size:10px;font-weight:750}
#hubPeopleSearch,#hubCountryFilter,#hubInterestFilter{transition:box-shadow .18s ease,border-color .18s ease,background .18s ease}
#hubPeopleList{display:grid;gap:10px}
@media(max-width:600px){.hub-person-card{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:13px}.hub-person-avatar{width:44px;height:44px;border-radius:14px}.hub-person-actions{grid-column:2;align-self:start}.hub-person-info>strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hub-person-card{transition:none}}


/* CHIPEX Interactive Profiles — warm, clear and tap-friendly */
.hub-profile-open{cursor:pointer}
.hub-person-avatar{border:0;padding:0;background:transparent;border-radius:50%;flex:0 0 54px;overflow:hidden;display:grid;place-items:center}
.hub-person-avatar img{width:54px;height:54px;object-fit:cover;border-radius:50%}
.hub-person-name{display:inline-block;padding:0;border:0;background:transparent;color:var(--ink);font-weight:800;text-align:left;font-size:13px;line-height:1.35}
.hub-person-name:hover{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.member-profile-card{position:relative;width:min(100%,650px);max-height:min(92vh,900px);overflow:auto;border:1px solid #e6eaf0;border-radius:24px;background:#fff;box-shadow:0 24px 90px rgba(26,45,75,.22);animation:modalIn .24s ease both}
.member-profile-card .modal-close{z-index:3;position:absolute;right:15px;top:15px;background:#ffffffeb;color:#334155;border:1px solid #e4e9f0}
.member-cover{height:145px;position:relative;overflow:hidden;background:linear-gradient(120deg,#cceeff,#dff8e9 58%,#fff0d7)}
.member-cover:before,.member-cover:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.4)}
.member-cover:before{width:220px;height:220px;right:6%;top:-115px}.member-cover:after{width:150px;height:150px;right:33%;bottom:-105px}
.member-cover-bubble{position:absolute;width:90px;height:90px;border-radius:28px;background:rgba(255,255,255,.32);transform:rotate(28deg);left:12%;top:20px}
.member-cover-label{position:absolute;bottom:16px;left:22px;color:#47736e;font-size:9px;font-weight:850;letter-spacing:1.8px}
.member-profile-body{padding:0 25px 26px}
.member-profile-intro{display:flex;align-items:flex-end;gap:15px;margin-top:-37px;position:relative;z-index:1}
.member-profile-avatar{width:88px;height:88px;flex:0 0 88px;border:4px solid white;border-radius:50%;object-fit:cover;background:#e6f5f5;box-shadow:0 4px 18px rgba(29,60,85,.12)}
.member-profile-initials{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#54b7c2,#4384d5);font-size:24px;font-weight:850}
.member-profile-name-wrap{min-width:0;padding-bottom:6px}.member-profile-name-wrap h2{margin:0;color:#1d2a3d;font:800 clamp(20px,4vw,27px)/1.2 Manrope,sans-serif;letter-spacing:-.8px;overflow-wrap:anywhere}.member-profile-name-wrap span{color:#718096;font-size:12px}
.member-profile-actions{display:flex;justify-content:flex-end;margin-top:-37px;min-height:40px;position:relative;z-index:2}.member-profile-actions .button{min-height:40px}
.member-profile-facts{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 10px}.member-profile-facts span{padding:6px 10px;border-radius:20px;background:#f2f7fa;color:#5d6c7d;font-size:11px;font-weight:650}
.member-profile-bio{margin:12px 0 20px;color:#465468;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.member-profile-section{padding-top:18px;margin-top:18px;border-top:1px solid #edf0f4}.member-profile-section h3{margin:0;color:#253247;font-size:14px;font-weight:850}.member-profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.member-profile-tags span{padding:7px 11px;border:1px solid #dcefe9;border-radius:99px;background:#f0faf6;color:#377d6b;font-size:11px;font-weight:700}
.member-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.member-section-heading>span{min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eef6ff;color:#3971a5;font-size:10px;font-weight:800}
.member-profile-posts{display:grid;gap:10px;margin-top:12px}.member-post-card,.member-post-empty{padding:15px;border:1px solid #e8edf2;border-radius:15px;background:#fbfdff}.member-post-type{color:#4a9c8b;font-size:9px;font-weight:850;letter-spacing:1.2px}.member-post-card h4{margin:7px 0 0;color:#253247;font-size:15px}.member-post-card p,.member-post-empty p{margin:7px 0 0;color:#526174;font-size:12px;line-height:1.75;overflow-wrap:anywhere}.member-post-card small{display:block;margin-top:7px;color:#68809a;font-size:10px}.member-goal-track{height:6px;margin-top:12px;border-radius:20px;background:#e8eef4;overflow:hidden}.member-goal-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#53c5ad,#7db9ee)}.member-post-empty strong{color:#304057;font-size:12px}
@media(max-width:560px){.member-profile-card{border-radius:20px;max-height:94vh}.member-cover{height:120px}.member-profile-body{padding:0 17px 22px}.member-profile-intro{gap:10px}.member-profile-avatar{width:72px;height:72px;flex-basis:72px}.member-profile-name-wrap h2{font-size:20px}.member-profile-actions{justify-content:stretch;margin:15px 0 0}.member-profile-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.member-profile-card{animation:none}}

/* Pulse activity filters — compact, friendly and responsive */
.pulse-filter-row{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 13px;padding:5px;border:1px solid #e8e6f0;border-radius:13px;background:#f7f6fb}.pulse-filter{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#6c6a80;font:700 11px "DM Sans",sans-serif;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}.pulse-filter:hover{background:#fff;color:var(--purple);transform:translateY(-1px)}.pulse-filter.active{border-color:#e3dcff;background:#fff;color:var(--purple);box-shadow:0 3px 10px #24175a0d}.pulse-filter-count{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#efecfa;color:#686080;font-size:9px}.pulse-filter.active .pulse-filter-count{background:#eee9ff;color:var(--purple)}.hub-section-title button:disabled{opacity:.45;cursor:not-allowed;transform:none}@media(max-width:760px){.pulse-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pulse-filter{justify-content:center;padding:10px 7px}}


/* Messaging polish: searchable conversations and reliable responsive navigation. */
.hub-conversation-search{display:flex;align-items:center;gap:9px;min-height:44px;margin:0 0 10px;padding:0 11px;border:1px solid #dce8ef;border-radius:12px;background:#f8fbfd;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.hub-conversation-search:focus-within{border-color:#8fc8ef;background:#fff;box-shadow:0 0 0 3px rgba(69,152,237,.12)}
.hub-conversation-search>span{color:#4a91cf;font-size:22px;line-height:1}
.hub-conversation-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#2b465b;font:500 12px "DM Sans",sans-serif}
.hub-conversation-search input::placeholder{color:#91a2af}
.hub-conversation-search button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:8px;background:#eaf3f9;color:#66859a;font-size:18px;cursor:pointer;transition:background .18s ease,transform .18s ease}
.hub-conversation-search button:hover{background:#d9ecf8;transform:rotate(5deg)}
.hub-conversation-row[hidden],#hubConversationSearchEmpty[hidden]{display:none!important}
.hub-conversation-row:focus-visible,.hub-conversation-search button:focus-visible{outline:3px solid #9acff1;outline-offset:2px}
.hub-message-form button:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){.hub-conversation-search{min-height:42px}.hub-conversation-search input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hub-conversation-search,.hub-conversation-search button{transition:none}}


/* CHIPEX Phase 7 — social feed polish */
.post-character-count{display:flex;justify-content:flex-end;margin:5px 2px 0;color:#8aa0af;font-size:11px;font-variant-numeric:tabular-nums;transition:color .18s ease}
.post-character-count.near-limit{color:#b77728}
.post-character-count.at-limit{color:#c34e58;font-weight:700}
.post-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.post-card:focus-within{border-color:#b8dff4;box-shadow:0 8px 24px rgba(43,112,161,.09)}
.post-action{transition:background .16s ease,color .16s ease,transform .16s ease}
.post-action:active{transform:scale(.97)}
.post-action:focus-visible,.feed-tab:focus-visible,.mode-button:focus-visible{outline:3px solid rgba(55,137,203,.25);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.post-card,.post-action{animation:none!important;transition:none!important}}


/* CHIPEX Phase 8 — goal progress and opportunity filters */
.opportunity-sort-row{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:12px;color:#74899b;font-size:12px;font-weight:700}
.opportunity-sort-row select{max-width:190px;padding:9px 12px;border:1px solid #dce8f0;border-radius:11px;background:#f7fafc;color:#29465f;font:inherit;cursor:pointer}
.opportunity-sort-row select:focus-visible{outline:3px solid #d7ecfc;outline-offset:1px;border-color:#8ec3ed}
.opportunity-progress{margin-top:15px;padding:11px 12px;border-radius:12px;background:#f5faf8;border:1px solid #e2f0eb}
.opportunity-progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:#648579;font-size:11px}
.opportunity-progress-label strong{color:#218b70;font-size:12px}
.opportunity-progress-track{height:7px;overflow:hidden;border-radius:99px;background:#dcefe8}
.opportunity-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#54c7a3,#229b7d);transition:width 260ms ease}
.opportunity-chip:focus-visible{outline:3px solid #d7ecfc;outline-offset:2px}
@media(max-width:560px){.opportunity-sort-row{justify-content:space-between}.opportunity-sort-row select{max-width:58%}.opportunity-search-card{padding:14px}.opportunity-card{padding:15px}}
@media(prefers-reduced-motion:reduce){.opportunity-progress-track span{transition:none}}

/* =========================================================
   CHIPEX FINAL POLISH — unified friendly light theme
   Preserves existing app classes, IDs, and JavaScript hooks.
   ========================================================= */

:root {
  color-scheme: light;
  --navy: #20334a;
  --navy-2: #29465f;
  --purple: #3679d8;
  --purple-dark: #2566bd;
  --purple-bright: #5a9df0;
  --lavender: #eaf4ff;
  --lavender-2: #f2f8ff;
  --ink: #233447;
  --muted: #718397;
  --line: #e2eaf0;
  --surface: #ffffff;
  --page: #f2f7fa;
  --green: #1fa887;
  --danger: #c94355;
  --radius: 18px;
  --shadow: 0 8px 26px rgba(36, 72, 102, 0.075);
  --ease: 180ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

html {
  scroll-behavior: smooth;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  color: var(--ink);
  background: linear-gradient(180deg, #edf7ff 0, #f6f9fc 320px, #f3f7fa 100%);
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(54, 121, 216, 0.3);
  outline-offset: 3px;
}

button:disabled,
.button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
  transform: none;
}

.hidden,
.chipex-screen-hidden {
  display: none !important;
}

/* Signed-out welcome and authentication */
.app-topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 2px 14px rgba(32, 68, 99, 0.045);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.app-topbar .topbar-center {
  color: #8294a6;
}

.app-welcome-screen {
  background:
    radial-gradient(ellipse at 12% 18%, rgba(117, 202, 235, 0.22), transparent 34%),
    radial-gradient(ellipse at 90% 78%, rgba(255, 191, 140, 0.2), transparent 31%),
    linear-gradient(140deg, #eef8ff, #f8fbff 55%, #fff8f1);
}

.app-welcome-card {
  border: 1px solid rgba(255, 255, 255, 0.96);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 18px 55px rgba(54, 104, 143, 0.12);
  color: var(--ink);
}

.app-welcome-logo {
  background: linear-gradient(145deg, #61b9ee, #3b83db 70%, #2c69ba);
  box-shadow: 0 10px 25px rgba(59, 131, 219, 0.22);
}

.app-welcome-wordmark {
  color: #52708a;
}

.app-welcome-card h1 {
  color: #243f58;
}

.app-welcome-card > p {
  color: #71879a;
}

.app-welcome-foot {
  color: #8193a4;
}

.auth-card,
.modal-card {
  color: var(--ink);
  border-color: #e2eaf0;
  background: #ffffff;
  box-shadow: 0 22px 70px rgba(36, 72, 102, 0.16);
}

.auth-card h2,
.modal-card h2 {
  color: var(--navy);
}

.auth-card > p,
.modal-card > p {
  color: var(--muted);
}

.auth-tabs {
  border-color: #e7eef5;
  background: #f4f8fb;
}

.auth-tab {
  color: #718397;
}

.auth-tab.active {
  color: var(--purple);
  background: #ffffff;
  box-shadow: 0 2px 9px rgba(35, 75, 105, 0.08);
}

.form-field label {
  color: #4f667a;
}

.form-field input,
.form-field textarea,
.password-wrap,
.password-toggle {
  border-color: #dfe8ef;
  background: #fbfdff;
  color: var(--ink);
}

.form-field input:focus,
.form-field textarea:focus,
#postText:focus,
.comment-form input:focus {
  border-color: #91c5ed;
  box-shadow: 0 0 0 3px rgba(145, 197, 237, 0.24);
}

/* Main signed-in layout */
.social-app {
  width: min(100%, 1540px);
  padding-top: 24px;
}

.left-sidebar,
.right-sidebar {
  min-width: 0;
}

.sidebar-profile {
  border-bottom-color: #e3edf3;
}

.profile-mini strong,
.welcome-greeting h1,
.feed-section-heading h2,
.side-card h2,
.hub-heading h1,
.hub-section-title h2 {
  color: var(--navy);
}

.profile-mini span,
.welcome-greeting p,
.feed-heading p,
.hub-heading p {
  color: var(--muted);
}

.side-link {
  border-radius: 12px;
}

.side-link:hover,
.side-link.selected {
  color: #2f75c5;
  background: linear-gradient(100deg, #eaf4ff, #f7fbff);
}

.side-link.selected {
  box-shadow: inset 3px 0 0 #3679d8;
}

.card,
.post-card,
.side-card,
.composer,
.hub-filter-card,
.hub-messages-card,
.hub-thread,
.hub-section-block,
.opportunity-card {
  border-color: #e1eaf1;
  background-color: #ffffff;
  box-shadow: 0 4px 18px rgba(37, 75, 105, 0.045);
}

.composer:focus-within,
.post-card:hover,
.opportunity-card:hover,
.hub-person-card:hover {
  border-color: #c9e2f3;
  box-shadow: 0 10px 28px rgba(37, 75, 105, 0.085);
}

.composer-prompt,
.search-box,
.comment-form input,
.hub-search-field,
.hub-filter-row label {
  border-color: #e0eaf1;
  background: #f7fafc;
}

.composer-prompt:hover {
  border-color: #c6e2f7;
  background: #eef7ff;
}

#postText,
.form-field textarea {
  border-color: #dfe8ef;
  background: #ffffff;
  color: var(--ink);
}

.post-text,
.comment-body,
.hub-message p {
  color: #465c70;
}

.post-type,
.goal-panel,
.hub-interest-tags span {
  border-color: #dcecf7;
  background: #eef7ff;
  color: #3679d8;
}

.goal-track {
  background: #dfeaf4;
}

.goal-track span {
  background: linear-gradient(90deg, #67b8ef, #3679d8);
}

.post-action:hover,
.post-action.liked,
.post-action.saved {
  color: #2d73c2;
  background: #edf6ff;
}

/* Feature hub: Discover, connections, messages, notifications, goals and opportunities */
#chipexHubPanel {
  color: var(--ink);
}

.hub-heading {
  border-color: #dcecf5;
  background: linear-gradient(110deg, #e5f4ff, #f1fbfa 65%, #fff5e9);
}

.hub-tabs {
  border-color: #e3edf3;
  background: #edf3f7;
}

.hub-tabs button {
  color: #698094;
}

.hub-tabs button.active {
  color: #3176c7;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(37, 75, 105, 0.08);
}

.hub-filter-card,
.hub-messages-card,
.hub-thread,
.hub-section-block {
  border-color: #e1eaf1;
  border-radius: 18px;
  background: #ffffff;
}

.hub-search-field input,
.hub-filter-row input,
.hub-filter-row select {
  color: var(--ink);
}

.hub-person-card {
  border-color: #e1eaf1;
  border-radius: 17px;
  background: linear-gradient(145deg, #ffffff, #fbfdff);
}

.hub-person-info > strong,
.hub-conversation-copy strong,
.hub-notification-copy strong {
  color: #29485d;
}

.hub-person-info > span:not(.hub-match-pill),
.hub-person-info p,
.hub-conversation-copy small,
.hub-notification-copy p {
  color: #71879a;
}

.hub-empty {
  border-color: #dce9f2;
  background: #f8fbfd;
}

.hub-message-list {
  background: #f7fafc;
}

.hub-message {
  border-color: #e1eaf1;
  background: #ffffff;
}

.hub-message.own {
  border-color: #cfe5f8;
  background: #eaf5ff;
}

.hub-message p {
  color: #304b60;
}

.opportunity-chip {
  border-color: #dce8f0;
  background: #f5f9fc;
  color: #718397;
}

.opportunity-chip.active {
  border-color: #b9dbf5;
  background: #e7f3ff;
  color: #2e73c0;
}

.opportunity-kind {
  background: #eaf6ff;
  color: #327bc5;
}

.opportunity-progress-track {
  background: #dcefe8;
}

.opportunity-progress-track span {
  background: linear-gradient(90deg, #54c7a3, #229b7d);
}

/* Buttons and small interactions */
.button-primary {
  color: #ffffff;
  background: linear-gradient(135deg, #4598ed, #3176d2);
  box-shadow: 0 4px 12px rgba(49, 118, 210, 0.18);
}

.button-primary:hover {
  background: linear-gradient(135deg, #3688df, #286bc3);
  box-shadow: 0 7px 16px rgba(49, 118, 210, 0.23);
}

.button-outline {
  color: #2e72bf;
  border-color: #d6e6f6;
  background: #ffffff;
}

.button-outline:hover {
  border-color: #a9d0f3;
  background: #eef7ff;
}

.text-button,
.eyebrow {
  color: #3679d8;
}

.icon-button:hover,
.post-menu:hover,
.tool-button:hover,
.tool-button[aria-pressed="true"] {
  color: #2e72bf;
  background: #edf6ff;
}

.toast {
  background: #29465f;
  box-shadow: 0 10px 28px rgba(32, 68, 99, 0.2);
}

/* The Home welcome card and its three quick actions */
.home-welcome-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0 0 18px;
  padding: 23px 23px 17px;
  border: 1px solid #d8eaf2;
  border-radius: 22px;
  background: linear-gradient(115deg, #e3f4ff 0%, #eefaf7 58%, #fff2e5 100%);
  box-shadow: 0 6px 20px rgba(44, 93, 121, 0.055);
  animation: homeCardEnter 0.42s ease both;
  transition: opacity 0.22s ease, transform 0.22s ease, max-height 0.25s ease, margin 0.25s ease, padding 0.25s ease;
}

.home-welcome-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 190px;
  height: 190px;
  top: -132px;
  right: 13%;
  border: 24px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.48);
  pointer-events: none;
}

.home-welcome-card.is-dismissed {
  display: none !important;
}

.home-welcome-dismiss {
  position: absolute;
  top: 12px;
  right: 13px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(72, 117, 139, 0.13);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  color: #78909e;
  font-size: 20px;
  line-height: 1;
  transition: background 0.18s ease, transform 0.18s ease;
}

.home-welcome-dismiss:hover {
  background: #ffffff;
  transform: rotate(90deg);
}

.home-welcome-copy {
  padding-right: 25px;
}

.home-welcome-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #4387a1;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 1.25px;
}

.home-welcome-spark {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: #ffffff;
  color: #e49a55;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(71, 124, 140, 0.07);
}

.home-welcome-copy h2 {
  margin: 12px 0 5px;
  color: #25485f;
  font: 800 clamp(21px, 2.6vw, 29px)/1.2 Manrope, sans-serif;
  letter-spacing: -0.8px;
}

.home-welcome-copy h2 span {
  color: #2f8d91;
}

.home-welcome-copy p {
  margin: 0;
  color: #658397;
  font-size: 12px;
  line-height: 1.65;
}

.home-welcome-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 19px;
}

.home-action-card {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 12px 11px;
  border: 1px solid rgba(255, 255, 255, 0.92);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 3px 10px rgba(41, 89, 112, 0.035);
  text-align: left;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.home-action-card:hover {
  transform: translateY(-3px);
  border-color: #c9e7ee;
  background: #ffffff;
  box-shadow: 0 9px 20px rgba(41, 89, 112, 0.09);
}

.home-action-card:active {
  transform: scale(0.98);
}

.home-action-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: #e6f3ff;
  color: #367fcb;
  font-size: 18px;
}

.home-action-people .home-action-icon {
  background: #e2f8ef;
  color: #1d9a78;
}

.home-action-opportunity .home-action-icon {
  background: #fff0df;
  color: #c88139;
}

.home-action-card strong,
.home-action-card small {
  display: block;
  overflow-wrap: anywhere;
}

.home-action-card strong {
  color: #2c4a60;
  font-size: 11px;
  line-height: 1.35;
}

.home-action-card small {
  margin-top: 3px;
  color: #7a94a3;
  font-size: 9px;
  line-height: 1.45;
}

.home-action-arrow {
  color: #91a8b4;
  font-size: 16px;
  transition: transform 0.18s ease;
}

.home-action-card:hover .home-action-arrow {
  color: #3989a0;
  transform: translateX(3px);
}

.home-welcome-progress {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 15px;
  color: #7b9a9f;
  font-size: 9px;
  font-weight: 650;
}

.home-progress-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #30b58d;
  box-shadow: 0 0 0 4px rgba(48, 181, 141, 0.09);
}

@keyframes homeCardEnter {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Make media, long text, and interactive panels behave on narrow screens */
img,
video,
canvas,
svg {
  max-width: 100%;
}

.post-card,
.hub-person-card,
.hub-section-block,
.hub-filter-card,
.hub-messages-card,
.hub-thread,
.opportunity-card,
.member-profile-card {
  min-width: 0;
}

.post-text,
.post-identity,
.hub-person-info,
.hub-notification-copy,
.member-profile-name-wrap {
  overflow-wrap: anywhere;
}

@media (max-width: 1050px) {
  .home-welcome-actions {
    grid-template-columns: 1fr;
  }

  .home-action-card {
    padding: 11px 12px;
  }

  .home-action-card small {
    font-size: 10px;
  }

  .home-welcome-card {
    padding: 21px 17px 15px;
  }
}

@media (max-width: 760px) {
  .social-app {
    padding-top: 16px;
  }

  .chipex-hub-panel {
    padding: 15px 0 28px;
  }

  .hub-heading {
    gap: 10px;
    padding: 18px;
  }

  .hub-heading h1 {
    font-size: clamp(23px, 6vw, 31px);
  }

  .hub-tabs {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .hub-tabs button {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .hub-filter-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .hub-person-card {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    padding: 13px;
  }

  .hub-person-avatar {
    width: 44px;
    height: 44px;
  }

  .hub-person-actions {
    grid-column: 2;
    justify-content: flex-start;
  }

  .opportunity-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-welcome-card {
    margin-bottom: 13px;
    padding: 20px 14px 14px;
    border-radius: 18px;
  }

  .home-welcome-copy h2 {
    font-size: 23px;
  }

  .home-welcome-copy p {
    max-width: 270px;
    font-size: 11px;
  }

  .home-welcome-actions {
    gap: 8px;
    margin-top: 15px;
  }

  .home-action-card {
    grid-template-columns: 34px minmax(0, 1fr) 12px;
    padding: 10px;
    border-radius: 13px;
  }

  .home-action-icon {
    width: 34px;
    height: 34px;
  }

  .home-action-card strong {
    font-size: 11px;
  }

  .home-action-card small {
    font-size: 9px;
  }

  .home-welcome-progress {
    margin-top: 12px;
  }

  .member-profile-body {
    padding-right: 17px;
    padding-left: 17px;
  }
}

@media (max-width: 420px) {
  .app-welcome-card {
    padding: 27px 18px 22px;
  }

  .home-welcome-copy {
    padding-right: 21px;
  }

  .home-action-card {
    gap: 8px;
  }

  .home-action-card small {
    line-height: 1.35;
  }

  .hub-heading-mark {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    font-size: 23px;
  }

  .hub-message-form {
    align-items: stretch;
    flex-direction: column;
  }

  .hub-message-form .button {
    align-self: flex-end;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* CHIPEX profile visibility boost — clearer identity, stronger hierarchy, easy to find. */
.sidebar-profile {
  position: relative;
  padding: 13px 10px 17px;
  border: 1px solid #d8e8f0;
  border-radius: 16px;
  background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 58%, #eefaf5 100%);
  box-shadow: 0 5px 18px rgba(39, 91, 120, 0.07);
}

.sidebar-profile .avatar {
  width: 46px;
  height: 46px;
  border: 3px solid #ffffff;
  box-shadow: 0 0 0 2px #cde8ef, 0 4px 10px rgba(39, 91, 120, 0.12);
}

.profile-mini strong {
  color: #203e53;
  font-size: 12px;
  font-weight: 850;
}

.profile-mini span {
  color: #5f8295;
  font-size: 10px;
}

.hub-person-card {
  border: 1px solid #dce9ef;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff, #f7fbff 72%, #f1fbf7);
  box-shadow: 0 5px 17px rgba(39, 91, 120, 0.055);
}

.hub-person-card:hover,
.hub-person-card:focus-within {
  border-color: #a9d9e4;
  box-shadow: 0 10px 24px rgba(39, 111, 137, 0.11);
}

.hub-person-avatar {
  box-shadow: 0 0 0 3px #e6f5f8, 0 4px 12px rgba(39, 91, 120, 0.12);
}

.hub-person-name {
  color: #203e53;
  font-size: 14px;
  font-weight: 850;
}

.hub-person-info > span:not(.hub-match-pill) {
  color: #617f91;
}

.member-profile-card {
  border: 1px solid #cfe2eb;
  background: #ffffff;
  box-shadow: 0 28px 95px rgba(24, 55, 78, 0.28);
}

.member-cover {
  position: relative;
  min-height: 145px;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.7) 0 7%, transparent 7.5%),
    radial-gradient(circle at 72% 10%, rgba(255,255,255,.35) 0 17%, transparent 17.5%),
    linear-gradient(120deg, #cceeff 0%, #d8f6ec 54%, #ffead7 100%);
  border-bottom: 1px solid #d9edf0;
}

.member-profile-body {
  color: #263c50;
}

.member-profile-avatar {
  border-color: #ffffff;
  box-shadow: 0 0 0 3px #d9f0f1, 0 7px 20px rgba(29, 60, 85, 0.16);
}

.member-profile-name-wrap h2 {
  color: #203e53;
  text-shadow: 0 1px 0 #ffffff;
}

.member-profile-name-wrap span {
  display: inline-block;
  margin-top: 4px;
  color: #55778b;
  overflow-wrap: anywhere;
}

.member-profile-actions .button {
  min-height: 42px;
  border-radius: 12px;
  font-weight: 800;
}

.member-profile-facts span {
  border: 1px solid #dcecf0;
  background: #f0f8fb;
  color: #42667b;
}

.member-profile-section {
  border-top-color: #dcebf0;
}

.member-profile-section h3 {
  color: #203e53;
  font-size: 15px;
}

.member-profile-bio {
  color: #465e70;
}

.member-profile-tags span {
  border-color: #cdebe0;
  background: #eaf9f2;
  color: #24785f;
}

.member-post-card,
.member-post-empty {
  border-color: #dceaf0;
  background: linear-gradient(135deg, #ffffff, #f7fbfd);
}

.member-post-card h4 {
  color: #203e53;
}

@media (max-width: 600px) {
  .sidebar-profile {
    padding: 11px 9px 14px;
  }

  .member-cover {
    min-height: 120px;
  }

  .member-profile-intro {
    align-items: center;
  }

  .member-profile-name-wrap {
    padding-bottom: 0;
  }

  .member-profile-facts {
    gap: 6px;
  }

  .member-profile-facts span {
    font-size: 10px;
  }
}

/* CHIPEX next polish: make the social feed clearer, warmer and easier to scan */
.feed-column {
  min-width: 0;
}

.feed-topline,
.feed-toolbar,
.feed-section-heading {
  gap: 12px;
}

.feed-section-heading {
  margin-bottom: 14px;
}

.feed-section-heading h2 {
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.3;
  letter-spacing: -0.45px;
}

.feed-section-heading p {
  max-width: 560px;
  line-height: 1.7;
}

.composer {
  border: 1px solid #dbe8f1;
  box-shadow: 0 8px 24px rgba(35, 75, 105, 0.055);
}

.composer-heading .avatar,
.composer-top .avatar {
  outline: 3px solid #edf7ff;
  outline-offset: 1px;
}

.composer-prompt {
  min-height: 45px;
  border-radius: 13px;
  color: #657b8d;
  font-size: 11px;
}

.composer-bottom {
  flex-wrap: wrap;
}

.publish-button,
.composer-bottom .button {
  min-height: 40px;
  border-radius: 12px;
  font-weight: 800;
}

.post-feed {
  gap: 16px;
}

.post-card,
.feed-post {
  position: relative;
  overflow: hidden;
  border: 1px solid #dce8f0;
  border-radius: 20px;
  background: linear-gradient(145deg, #ffffff 0%, #fcfeff 100%);
  box-shadow: 0 7px 22px rgba(35, 75, 105, 0.055);
}

.post-card::before,
.feed-post::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, #6a9fe4, #66c7ad);
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events: none;
}

.post-card:hover::before,
.feed-post:hover::before {
  opacity: 1;
}

.post-card:hover,
.feed-post:hover {
  transform: translateY(-2px);
  border-color: #c8dfef;
  box-shadow: 0 13px 30px rgba(35, 75, 105, 0.095);
}

.post-card .post-text,
.feed-post .post-text {
  color: #344d61;
  font-size: 13px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

.post-type {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 25px;
  padding: 5px 9px;
  border: 1px solid #d8eafa;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .25px;
}

.post-action {
  min-height: 36px;
  padding: 7px 10px;
  border-radius: 10px;
  color: #637b8e;
  font-weight: 750;
}

.post-action:hover,
.post-action.liked,
.post-action.saved {
  color: #246bb1;
  background: #eaf5ff;
}

.comment-form input {
  min-height: 40px;
  border-radius: 12px;
  background: #f7fafc;
}

.comment-body {
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.feed-tab {
  min-height: 38px;
  border-radius: 11px;
  font-weight: 750;
}

.feed-tab.active {
  border-color: #d5e8f6;
  background: #edf7ff;
  color: #286eae;
  box-shadow: 0 3px 10px rgba(37, 100, 151, .08);
}

@media (max-width: 760px) {
  .feed-topline {
    align-items: flex-start;
  }

  .feed-section-heading h2 {
    font-size: 19px;
  }

  .post-feed {
    gap: 12px;
  }

  .post-card,
  .feed-post {
    padding: 15px;
    border-radius: 17px;
  }

  .post-card .post-text,
  .feed-post .post-text {
    font-size: 13px;
    line-height: 1.8;
  }

  .post-action {
    min-height: 40px;
    padding: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .post-card,
  .feed-post,
  .post-card::before,
  .feed-post::before {
    transition: none !important;
    animation: none !important;
  }
}

/* =========================================================
   CHIPEX NEXT STEP — DISCOVER & CONNECTIONS VISIBILITY
   Visual-only enhancement; existing HTML/JS behavior is preserved.
   ========================================================= */
#hubContent { gap: 16px; }
#hubContent > .hub-filter-card,
#hubContent > .hub-section-block {
  border: 1px solid #dce8ef;
  border-radius: 20px;
  background: linear-gradient(145deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 8px 24px rgba(36, 76, 101, .055);
}
#hubContent > .hub-filter-card {
  padding: clamp(15px, 2.4vw, 22px);
  margin-bottom: 2px;
}
#hubPeopleSearch,
#hubCountryFilter,
#hubInterestFilter {
  min-height: 44px;
  border: 1px solid #dce8ef !important;
  border-radius: 12px;
  background: #f7fafc !important;
  color: #203b50 !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
#hubPeopleSearch { padding: 0 12px; }
#hubCountryFilter,
#hubInterestFilter { padding: 0 10px; }
#hubPeopleSearch::placeholder,
#hubCountryFilter::placeholder,
#hubInterestFilter::placeholder { color: #8a9eab; }
#hubPeopleSearch:focus,
#hubCountryFilter:focus,
#hubInterestFilter:focus {
  outline: 0;
  border-color: #82bce6 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(130, 188, 230, .18) !important;
}
.hub-results-count {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  color: #56758a;
  font-size: 12px;
  font-weight: 700;
}
.hub-results-count::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #49b99b;
  box-shadow: 0 0 0 4px rgba(73, 185, 155, .12);
}
.hub-people-list { gap: 11px; }
.hub-person-card {
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 14px;
  padding: 17px;
  border: 1px solid #dfeaf0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(38, 77, 101, .035);
}
.hub-person-card:hover,
.hub-person-card:focus-within {
  border-color: #b8d9e8;
  box-shadow: 0 12px 26px rgba(38, 91, 122, .10);
}
.hub-person-avatar {
  width: 54px;
  height: 54px;
  border: 3px solid #f0f8fc;
  box-shadow: 0 0 0 1px #d8e9f0;
}
.hub-person-info > strong,
.hub-person-name {
  color: #24465c;
  font-size: 14px;
  line-height: 1.4;
}
.hub-person-info > span:not(.hub-match-pill) {
  color: #6e8797;
  font-size: 11px;
}
.hub-person-info p {
  color: #5f7888;
  font-size: 12px;
  line-height: 1.65;
}
.hub-interest-tags { gap: 6px; }
.hub-interest-tags span {
  padding: 5px 8px;
  border: 1px solid #dcefe9;
  border-radius: 999px;
  background: #f0faf6;
  color: #287c69;
  font-size: 10px;
  font-weight: 700;
}
.hub-person-actions { gap: 7px; }
.hub-person-actions .button {
  min-height: 36px;
  border-radius: 10px;
  font-weight: 800;
}
.hub-person-actions .button-primary {
  border: 1px solid #367fc4;
  background: linear-gradient(135deg, #438ed0, #3474bb);
  box-shadow: 0 5px 12px rgba(52, 116, 187, .18);
}
.hub-person-actions .button-primary:hover {
  box-shadow: 0 7px 16px rgba(52, 116, 187, .25);
  transform: translateY(-1px);
}
.hub-person-actions .button-outline {
  border-color: #d4e4ed;
  background: #f7fafc;
  color: #46687c;
}
.hub-person-actions .button-outline:hover {
  border-color: #a9cfdf;
  background: #edf7fb;
}
.hub-section-block {
  padding: clamp(15px, 2.5vw, 22px);
}
.hub-section-title {
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 13px;
  border-bottom: 1px solid #eaf0f4;
}
.hub-section-title h2 {
  color: #25485e;
  font-size: 17px;
  letter-spacing: -.3px;
}
.hub-section-title p {
  color: #708898;
  font-size: 12px;
  line-height: 1.55;
}
.hub-count {
  min-width: 32px;
  height: 32px;
  border: 1px solid #d7eaf2;
  border-radius: 11px;
  background: #edf7fc;
  color: #2e79ad;
  font-size: 12px;
}
/* Incoming requests are the first Connections section: make them easy to notice. */
#hubContent > .hub-section-block:first-child {
  border-color: #d7e8ef;
  background: linear-gradient(145deg, #f3fbff 0%, #ffffff 72%);
}
#hubContent > .hub-section-block:first-child .hub-section-title {
  border-bottom-color: #dcecf2;
}
.hub-empty {
  border-color: #dce8ef;
  background: #f8fbfd;
}
.hub-empty strong { color: #25485e; }
.hub-empty p { color: #718797; }
@media (max-width: 600px) {
  .hub-person-card {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    padding: 13px;
  }
  .hub-person-avatar {
    width: 44px;
    height: 44px;
    border-width: 2px;
  }
  .hub-person-info > strong,
  .hub-person-name { font-size: 13px; }
  .hub-person-actions {
    grid-column: 2;
    justify-content: flex-start;
    padding-top: 2px;
  }
  .hub-person-actions .button { min-height: 38px; }
  #hubContent > .hub-filter-card,
  #hubContent > .hub-section-block { border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  #hubPeopleSearch,
  #hubCountryFilter,
  #hubInterestFilter,
  .hub-person-card,
  .hub-person-actions .button { transition: none !important; }
}

/* =========================================================
   CHIPEX NEXT POLISH — MESSAGING + PULSE NOTIFICATIONS
   Visual-only overrides: keeps existing HTML/JS/Firebase flow.
   ========================================================= */
.hub-messages-card,
.hub-thread {
  border-color: #e1e5f2;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #fcfbff 100%);
  box-shadow: 0 12px 34px rgba(28, 31, 75, .07);
}
.hub-messages-card > .hub-section-title,
.hub-thread-head {
  padding-bottom: 15px;
  border-bottom: 1px solid #eceaf5;
}
.hub-conversation-list { gap: 3px; }
.hub-conversation-row {
  position: relative;
  min-width: 0;
  padding: 13px 10px;
  border: 1px solid transparent;
  border-radius: 14px;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.hub-conversation-row:hover,
.hub-conversation-row:focus-visible {
  background: #f7f5ff;
  border-color: #e4defe;
  outline: none;
}
.hub-conversation-row:active { transform: scale(.995); }
.hub-conversation-avatar {
  width: 46px;
  height: 46px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #ded8f6, 0 5px 14px rgba(66, 48, 140, .10);
}
.hub-conversation-copy strong { font-size: 13px; }
.hub-conversation-copy small { max-width: 100%; line-height: 1.5; }
.hub-conversation-row time { font-size: 10px; }
.hub-row-arrow { transition: transform .18s ease; }
.hub-conversation-row:hover .hub-row-arrow { transform: translateX(2px); }
.hub-thread { overflow: hidden; }
.hub-thread-head {
  padding: 15px 17px;
  background: linear-gradient(120deg, #fff 0%, #f8f6ff 100%);
}
.hub-thread-head strong { font-size: 14px; }
.hub-message-list {
  gap: 11px;
  padding: 18px;
  background:
    radial-gradient(circle at 12% 8%, rgba(108, 75, 244, .045), transparent 30%),
    #faf9fe;
  scrollbar-width: thin;
  scrollbar-color: #d7d0f2 transparent;
}
.hub-message {
  position: relative;
  max-width: min(82%, 560px);
  padding: 11px 13px;
  border-color: #e5e3ee;
  border-radius: 15px 15px 15px 5px;
  box-shadow: 0 3px 10px rgba(30, 25, 65, .035);
}
.hub-message.own {
  border-color: #d6ccff;
  border-radius: 15px 15px 5px 15px;
  background: linear-gradient(145deg, #f0edff, #eae5ff);
}
.hub-message p { font-size: 13px; line-height: 1.65; }
.hub-message time { font-size: 9px; }
.hub-message-form {
  padding: 14px;
  background: #fff;
}
.hub-message-form textarea {
  min-height: 46px;
  max-height: 160px;
  padding: 12px 14px;
  border-color: #dedced;
  border-radius: 13px;
  background: #fcfbff;
  font-size: 13px;
  line-height: 1.55;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.hub-message-form textarea:focus {
  border-color: #9d8af4;
  outline: 0;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(108, 75, 244, .10);
}
.hub-message-form .button { min-height: 42px; }
.hub-privacy-note {
  padding: 0 15px 13px;
  line-height: 1.6;
}
.hub-notification-list { gap: 10px; }
.hub-notification {
  position: relative;
  gap: 12px;
  padding: 15px;
  border-color: #e6e7f0;
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(30, 31, 70, .035);
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.hub-notification:hover { border-color: #d7d0f5; }
.hub-notification.unread {
  border-color: #d9d1ff;
  background: linear-gradient(110deg, #faf8ff, #fff 76%);
}
.hub-notification.unread::before {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6c4bf4;
  box-shadow: 0 0 0 4px rgba(108, 75, 244, .10);
}
.hub-notification-icon {
  width: 40px;
  height: 40px;
  border: 1px solid #e1dbff;
  border-radius: 13px;
  background: linear-gradient(145deg, #f0edff, #e5dfff);
  font-size: 17px;
}
.hub-notification-copy { padding-right: 7px; }
.hub-notification-copy strong { font-size: 13px; line-height: 1.45; }
.hub-notification-copy p { color: #5f6078; font-size: 12px; line-height: 1.65; }
.hub-notification-copy time { display: inline-block; margin-top: 2px; font-size: 10px; }
.hub-notification > .button { align-self: center; }
.hub-notification-list .hub-empty { padding: 36px 18px; }

@media (max-width: 600px) {
  .hub-messages-card, .hub-thread { border-radius: 16px; }
  .hub-conversation-row { gap: 9px; padding: 12px 6px; }
  .hub-conversation-avatar { width: 41px; height: 41px; }
  .hub-conversation-copy strong { font-size: 12px; }
  .hub-message-list { min-height: 190px; max-height: 52vh; padding: 12px; }
  .hub-message { max-width: 90%; padding: 10px 11px; }
  .hub-message p { font-size: 12px; }
  .hub-message-form { gap: 8px; padding: 10px; }
  .hub-message-form textarea { width: 100%; font-size: 16px; }
  .hub-notification { gap: 10px; padding: 12px; }
  .hub-notification-icon { width: 35px; height: 35px; }
  .hub-notification-copy { flex-basis: calc(100% - 46px); padding-right: 4px; }
  .hub-notification-copy strong { font-size: 12px; }
  .hub-notification-copy p { font-size: 11px; }
  .hub-notification.unread::before { top: 12px; right: 12px; }
  .hub-notification > .button { margin-left: 45px; }
}
@media (prefers-reduced-motion: reduce) {
  .hub-conversation-row, .hub-row-arrow, .hub-notification { transition: none !important; }
}


/* =========================================================
   CHIPEX COMMUNITIES — public groups and discussions
   ========================================================= */
.community-intro-card,.community-create-card,.community-directory-section,.community-detail-hero,.community-compose-card,.community-join-prompt,.community-discussions-section{min-width:0;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:22px;background:var(--surface,rgba(255,255,255,.035));padding:clamp(18px,3vw,28px);margin-bottom:18px}
.community-intro-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(120deg,rgba(108,75,244,.17),rgba(255,255,255,.025));border-color:rgba(140,120,255,.22)}
.community-intro-card h2,.community-detail-hero h2{margin:8px 0;font-size:clamp(1.45rem,3vw,2.15rem);letter-spacing:-.04em;line-height:1.1}
.community-intro-card p,.community-detail-hero p{max-width:650px;color:var(--muted,#718397);line-height:1.65;margin:0}
.community-intro-mark{flex:0 0 auto;width:62px;height:62px;border-radius:19px;display:grid;place-items:center;background:#eaf4ff;border:1px solid #d4e9fa;font-size:2rem;color:#3679d8}
.community-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.community-section-title h3{margin:5px 0 0;font-size:1.2rem;letter-spacing:-.025em}
.community-create-icon,.community-total{display:grid;place-items:center;min-width:36px;height:36px;border-radius:12px;background:#eaf4ff;color:#3176c7;font-weight:800;padding:0 10px}
.community-create-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:14px}
.community-create-form label,.community-compose-card label{display:grid;gap:8px;font-size:.85rem;font-weight:700;color:var(--ink,#233447);min-width:0}
.community-create-form input,.community-create-form select,.community-create-form textarea,.community-compose-card textarea{width:100%;min-width:0;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:12px;padding:12px 13px;background:#f5f9fc;color:var(--ink,#233447);font:inherit;font-size:16px;outline:none}
.community-create-form input:focus,.community-create-form select:focus,.community-create-form textarea:focus,.community-compose-card textarea:focus{border-color:#8f7cff;box-shadow:0 0 0 3px rgba(108,75,244,.14)}
.community-create-form select option{background:#fff;color:#233447}
.community-create-form textarea,.community-compose-card textarea{min-height:100px;resize:vertical}
.community-description-field{grid-column:1/-1}
.community-create-form>.button{justify-self:start;min-height:44px}
.community-create-form .form-notice{grid-column:1/-1;margin:0}
.community-search{margin:0 0 18px}
.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.community-card{min-width:0;display:flex;flex-direction:column;padding:19px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:18px;background:rgba(255,255,255,.025);transition:border-color .18s ease,transform .18s ease}
.community-card-top,.community-card-meta,.community-card-actions,.community-detail-toolbar,.community-detail-meta,.community-post-form-bottom,.community-post-byline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.community-category{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf4ff;color:#3176c7;font-size:.72rem;font-weight:800}
.community-public-label{font-size:.65rem;letter-spacing:.12em;color:var(--muted,#718397)}
.community-card h4{font-size:1.1rem;letter-spacing:-.025em;margin:16px 0 8px;overflow-wrap:anywhere}
.community-card>p{color:var(--muted,#718397);line-height:1.6;font-size:.88rem;margin:0 0 18px;overflow-wrap:anywhere;flex:1}
.community-card-meta{font-size:.72rem;color:var(--muted,#718397);padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,.08))}
.community-card-actions{justify-content:flex-start;margin-top:15px}
.community-card-actions .button{min-height:39px}
.community-owner-badge{display:inline-flex;padding:8px 11px;border:1px solid #d6e8f8;border-radius:999px;background:#f2f8ff;color:#3176c7;font-size:.78rem;font-weight:700}
.community-empty{grid-column:1/-1}
.community-detail-toolbar{margin-bottom:14px}
.community-detail-hero{background:linear-gradient(130deg,rgba(108,75,244,.2),rgba(255,255,255,.025));border-color:rgba(140,120,255,.24)}
.community-detail-meta{justify-content:flex-start;margin-top:18px;color:var(--muted,#718397);font-size:.78rem}
.community-compose-card form{display:grid;gap:12px}
.community-post-form-bottom{align-items:center}
.community-post-form-bottom small{color:var(--muted,#718397);line-height:1.45}
.community-join-prompt{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.community-join-prompt p{flex-basis:100%;margin:0;color:var(--muted,#718397)}
.community-discussion-list{display:grid;gap:12px}
.community-discussion-post{min-width:0;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:16px;padding:16px;background:rgba(255,255,255,.02)}
.community-post-byline{justify-content:flex-start}
.community-post-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eaf4ff;color:#3176c7;font-weight:800}
.community-post-byline>div{display:grid;gap:3px;min-width:0}
.community-post-byline strong{font-size:.88rem}
.community-post-byline small{font-size:.72rem;color:var(--muted,#718397)}
.community-discussion-post>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:15px 0 8px}
.community-delete-post{border:0;background:transparent;color:#ff9caa;font:inherit;font-size:.76rem;padding:5px 0;cursor:pointer}
@media (hover:hover) and (pointer:fine){.community-card:hover{border-color:rgba(140,120,255,.4);transform:translateY(-2px)}}
@media(max-width:680px){.community-grid{grid-template-columns:minmax(0,1fr)}.community-create-form{grid-template-columns:minmax(0,1fr)}.community-description-field{grid-column:auto}.community-intro-card{align-items:flex-start}.community-intro-mark{width:46px;height:46px;border-radius:14px;font-size:1.45rem}.community-card-actions{display:grid;grid-template-columns:1fr 1fr}.community-card-actions .button{width:100%;justify-content:center}.community-detail-toolbar{align-items:flex-start}.community-post-form-bottom{align-items:flex-start;flex-direction:column}.community-post-form-bottom .button{width:100%;justify-content:center}}

/* Smart People Matching enhancement — added without changing the existing theme. */
.hub-discover-intro{margin:0 0 15px}.hub-discover-intro h2{margin:6px 0 5px;color:var(--navy);font:800 clamp(19px,3vw,25px)/1.2 Manrope,sans-serif;letter-spacing:-.5px}.hub-discover-intro p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.hub-discover-modes{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px;padding:4px;border-radius:12px;background:#f4f2fb}.hub-discover-modes button{min-height:38px;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#77758e;font-size:11px;font-weight:750}.hub-discover-modes button.active{border-color:#e3dcff;background:#fff;color:var(--purple);box-shadow:0 3px 10px #39218b0b}.hub-match-reasons{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.hub-match-reasons .hub-match-pill{margin-top:0}.hub-match-pill-neutral{border-color:#e8e6f0!important;background:#f8f7fb!important;color:#77758e!important}@media(max-width:420px){.hub-discover-modes{display:grid;grid-template-columns:1fr 1fr}.hub-discover-modes button{padding:8px 6px;font-size:10px}}

/* Opportunity Tracker — personal follow-up workflow */
.opportunity-tracker-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.opportunity-tracker-intro h2{margin:6px 0 5px;color:var(--navy);font:800 clamp(19px,3vw,25px)/1.2 Manrope,sans-serif;letter-spacing:-.5px}.opportunity-tracker-intro p{margin:0;color:var(--muted);font-size:11px;line-height:1.65;max-width:540px}.opportunity-tracker-count{display:grid;place-items:center;min-width:70px;min-height:70px;padding:9px;border:1px solid #e4defb;border-radius:18px;background:#f7f4ff;color:var(--purple);flex-shrink:0}.opportunity-tracker-count strong{font:800 24px/1 Manrope,sans-serif}.opportunity-tracker-count span{font-size:10px;font-weight:750}.opportunity-tracker-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px solid var(--line,rgba(255,255,255,.08))}.opportunity-tracker-actions .button{min-height:38px;font-size:11px}.opportunity-tracked-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #d8eee4;border-radius:999px;padding:8px 11px;background:#effaf4;color:#23764b;font-size:10px;font-weight:800}.opportunity-tracker-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.opportunity-tracker-controls label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:750}.opportunity-tracker-controls select{max-width:180px;min-height:36px;border:1px solid var(--line,#e3e7ef);border-radius:9px;background:var(--surface,#fff);color:var(--text,#263348);padding:7px 9px;font:inherit}.opportunity-remove-track{border:0;background:transparent;color:#a64c60;font-size:10px;font-weight:800;cursor:pointer;padding:8px}.opportunity-remove-track:hover{text-decoration:underline}
@media(max-width:480px){.opportunity-tracker-intro{align-items:flex-start}.opportunity-tracker-count{min-width:58px;min-height:58px;border-radius:14px}.opportunity-tracker-count strong{font-size:20px}.opportunity-tracker-actions{align-items:flex-start;flex-direction:column}.opportunity-tracker-controls{width:100%;justify-content:space-between}.opportunity-tracker-controls select{max-width:150px}.opportunity-tracker-actions>.button{width:100%;justify-content:center}}


/* CHIPEX Personal Goals & Milestones planner */
.personal-goal-planner{margin:0 0 20px;padding:clamp(15px,2.4vw,22px);border:1px solid var(--cx-line,#e4e7f0);border-radius:22px;background:linear-gradient(145deg,rgba(20,29,52,.97),rgba(13,21,41,.98));color:var(--cx-text,#eef1ff);box-shadow:0 14px 35px rgba(0,0,0,.08)}
.personal-goal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.personal-goal-header h2{margin:7px 0 7px;font:800 clamp(21px,3vw,28px)/1.2 Manrope,sans-serif;letter-spacing:-.04em}.personal-goal-header p{max-width:520px;margin:0;color:#9ba8c8;font-size:12px;line-height:1.7}.personal-goal-stats{display:grid;gap:4px;min-width:125px;padding:13px;border:1px solid rgba(139,116,255,.2);border-radius:16px;background:rgba(124,92,255,.1);text-align:center}.personal-goal-stats strong{font:800 23px Manrope,sans-serif;color:#c9c0ff}.personal-goal-stats span,.personal-goal-stats small{color:#9da8c6;font-size:10px}.personal-goal-form{display:grid;gap:8px;padding:16px;border:1px solid rgba(148,161,196,.15);border-radius:16px;background:rgba(255,255,255,.025)}.personal-goal-form-heading{display:flex;align-items:center;gap:11px;margin-bottom:4px}.goal-form-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(124,92,255,.16);color:#b9adff;font-size:19px}.personal-goal-form-heading strong{font-size:13px}.personal-goal-form-heading p{margin:4px 0 0;color:#8d9bbb;font-size:10px}.personal-goal-form label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aab6d3;font-size:11px;font-weight:700}.personal-goal-form label span{margin-left:auto;color:#71809f;font-size:10px;font-weight:500}.personal-goal-form input:not([type=date]),.personal-goal-form textarea,.personal-milestone-form input{width:100%;min-width:0;padding:11px 12px;border:1px solid rgba(148,161,196,.2);border-radius:11px;background:rgba(5,10,23,.48);color:#f2f3ff;font:inherit;font-size:12px;outline:none}.personal-goal-form input:focus,.personal-goal-form textarea:focus,.personal-milestone-form input:focus{border-color:#8b74ff;box-shadow:0 0 0 3px rgba(124,92,255,.12)}.personal-goal-form input[type=date]{padding:10px;border:1px solid rgba(148,161,196,.2);border-radius:10px;background:#101a31;color:#edf0ff;font:inherit;font-size:12px}.personal-goal-form textarea{resize:vertical;line-height:1.6}.personal-goal-form-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:3px}.personal-goal-form-bottom>label{display:grid;gap:7px;justify-content:start}.personal-goal-notice{margin:0;color:#b8adff;font-size:11px}.personal-goals-list-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:25px 0 12px}.personal-goals-list-heading h3{display:flex;align-items:center;gap:8px;margin:5px 0 0;font:800 18px Manrope,sans-serif}.personal-goals-list-heading h3 span{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:8px;background:rgba(124,92,255,.15);color:#c8beff;font-size:10px}.personal-goal-private-label{color:#8998b8;font-size:10px}.personal-goals-list{display:grid;gap:12px}.personal-goal-card{min-width:0;padding:15px;border:1px solid rgba(148,161,196,.15);border-radius:16px;background:rgba(255,255,255,.025)}.personal-goal-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.personal-goal-state{padding:5px 8px;border-radius:99px;background:rgba(124,92,255,.13);color:#bdb2ff;font-size:9px;font-weight:800}.personal-goal-state.completed{background:rgba(48,190,136,.12);color:#7de2b5}.personal-goal-delete,.personal-milestone button{border:0;background:transparent;color:#8d9bbb;font-size:10px;cursor:pointer;padding:6px}.personal-goal-delete:hover,.personal-milestone button:hover{color:#ff9cae}.personal-goal-card h4{margin:10px 0 5px;font:800 16px/1.4 Manrope,sans-serif;overflow-wrap:anywhere}.personal-goal-description{margin:0 0 12px;color:#9ca9c8;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.personal-goal-progress-label{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:#8998b8;font-size:10px}.personal-goal-progress-label strong{color:#c7beff}.personal-goal-progress-track{height:7px;margin:7px 0 10px;overflow:hidden;border-radius:99px;background:rgba(148,161,196,.15)}.personal-goal-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6654e8,#a494ff);transition:width .25s}.personal-goal-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:10px 0 12px;color:#7f8ead;font-size:10px}.personal-milestone-list{display:grid;gap:6px}.personal-milestone{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border:1px solid rgba(148,161,196,.11);border-radius:10px;background:rgba(3,8,20,.22)}.personal-milestone input{width:16px;height:16px;flex:0 0 auto;accent-color:#8b74ff}.personal-milestone span{min-width:0;flex:1;color:#c7d0e8;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.personal-milestone.is-done span{color:#7f91ad;text-decoration:line-through}.personal-milestone-empty{margin:2px 0 8px;color:#8190af;font-size:10px;line-height:1.6}.personal-milestone-form{display:flex;gap:7px;margin-top:9px}.personal-milestone-form input{flex:1}.personal-milestone-form button{flex:0 0 auto;padding:0 11px;border:1px solid rgba(139,116,255,.24);border-radius:10px;background:rgba(124,92,255,.12);color:#c5bcff;font-size:10px;font-weight:800}.personal-goal-complete{width:100%;justify-content:center;margin-top:11px}.personal-goal-reopen{margin-top:10px;padding:7px 0;border:0;background:transparent;color:#b8adff;font-size:10px;font-weight:800}.personal-goals-empty{display:grid;justify-items:center;padding:28px 15px;border:1px dashed rgba(148,161,196,.22);border-radius:15px;text-align:center}.personal-goals-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(124,92,255,.15);color:#c4baff;font-size:21px}.personal-goals-empty strong{margin-top:11px;font-size:13px}.personal-goals-empty p{max-width:360px;margin:7px 0 0;color:#8c9aba;font-size:11px;line-height:1.7}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:520px){.personal-goal-header{flex-direction:column}.personal-goal-stats{width:100%;grid-template-columns:auto auto;align-items:center;text-align:left}.personal-goal-stats strong{grid-row:span 2}.personal-goal-form-bottom{align-items:stretch;flex-direction:column}.personal-goal-form-bottom .button{width:100%;justify-content:center}.personal-goals-list-heading{align-items:flex-start;flex-direction:column}.personal-milestone-form{align-items:stretch}.personal-goal-meta{flex-direction:column}}

/* CHIPEX Safety & Privacy controls */
.member-safety-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px;padding-top:12px;border-top:1px solid var(--line,#e8eaf2)}
.member-safety-actions .button{min-height:36px}
.safety-center-intro{padding:24px;border:1px solid var(--line,#e8eaf2);border-radius:22px;background:linear-gradient(135deg,rgba(108,75,244,.10),rgba(255,255,255,.8));margin-bottom:24px}
.safety-center-intro h2{margin:8px 0 10px;font-size:clamp(1.35rem,3vw,1.9rem);letter-spacing:-.035em}
.safety-center-intro p{max-width:780px;color:var(--muted,#6b7280);line-height:1.7;margin:0}
.safety-list{display:grid;gap:10px}
.safety-list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line,#e8eaf2);border-radius:16px;background:var(--surface,#fff)}
.safety-list-item>div{min-width:0}
.safety-list-item strong,.safety-list-item small{display:block;overflow-wrap:anywhere}
.safety-list-item small{margin-top:3px;color:var(--muted,#6b7280)}
.safety-list-item p{margin:7px 0 0;color:var(--muted,#6b7280);font-size:.88rem;line-height:1.5}
@media(max-width:560px){.safety-center-intro{padding:18px}.safety-list-item{align-items:flex-start;flex-direction:column}.safety-list-item .button{width:100%}.member-safety-actions .button{flex:1 1 120px}}

/* CHIPEX Search & Discovery 2.0 */
.hub-discover-filter-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.hub-discover-filter-row select{width:100%;min-width:0;min-height:43px;padding:0 11px;border:1px solid #e1ebf2;border-radius:12px;background:#f5f9fc;color:#233447;font:inherit;font-size:12px}
.hub-discover-filter-row select:focus{outline:0;border-color:#91c5ed;box-shadow:0 0 0 3px #d9edfc}
.hub-discover-suggestions{margin-top:15px;padding-top:13px;border-top:1px solid #edf1f6}
.hub-discover-suggestions-label{display:block;margin-bottom:8px;color:#6e8998;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.hub-discover-interest-chips{display:flex;flex-wrap:wrap;gap:7px}
.hub-discover-interest-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid #e1e8f1;border-radius:999px;background:#f8fbfe;color:#40556c;font-size:11px;font-weight:750;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.hub-discover-interest-chip:hover{border-color:#c9bdfb;background:#f3efff;transform:translateY(-1px)}
.hub-discover-interest-chip small{display:inline-grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border-radius:999px;background:#e8e2ff;color:#5e43c4;font-size:9px}
.hub-discover-no-interests{color:#8495a7;font-size:11px}
.hub-discover-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.hub-discover-filter-footer .hub-results-count{margin-top:0}
.hub-discover-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.hub-discover-new-only{flex-shrink:0;padding:7px 10px;border:1px solid #ded8f7;border-radius:9px;background:#f8f6ff;color:#6551b8;font-size:11px;font-weight:750;cursor:pointer}.hub-discover-new-only.active{border-color:#6c4bf4;background:#6c4bf4;color:#fff;box-shadow:0 4px 12px #6c4bf426}
.hub-discover-clear{flex-shrink:0;padding:7px 10px;border:1px solid #e0e7ef;border-radius:9px;background:#fff;color:#65778a;font-size:11px;font-weight:750;cursor:pointer}
.hub-discover-clear:hover{border-color:#b9cbe0;background:#f8fbff}
@media(max-width:620px){.hub-discover-filter-row{grid-template-columns:1fr}.hub-discover-filter-footer{align-items:flex-start;flex-direction:column}.hub-discover-footer-actions{width:100%;justify-content:flex-start}.hub-discover-filter-footer .hub-results-count{font-size:10px}}

/* CHIPEX Platform Search — unified discovery */
.platform-search-intro{padding:clamp(18px,3vw,28px);margin-bottom:14px;border:1px solid #e1eaf2;border-radius:20px;background:linear-gradient(120deg,#edf7ff 0%,#f7faff 52%,#f5f0ff 100%)}
.platform-search-intro h2{margin:8px 0 7px;color:var(--navy);font:800 clamp(21px,3vw,29px) Manrope,sans-serif;letter-spacing:-.7px}
.platform-search-intro p{max-width:620px;margin:0;color:#6f7d90;font-size:12px;line-height:1.7}
.platform-search-box{max-width:760px;margin-top:18px;padding:6px 8px 6px 13px;border:1px solid #d9e6f2;border-radius:14px;background:#fff;box-shadow:0 7px 24px #244b6810}
.platform-search-box input{min-height:43px!important;background:#fff!important;border:0!important;box-shadow:none!important;font-size:14px!important}
.platform-search-types{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.platform-search-types button{min-height:35px;padding:8px 12px;border:1px solid #dfe7f0;border-radius:999px;background:#ffffffc9;color:#5d6d82;font:700 11px "DM Sans",sans-serif;cursor:pointer}
.platform-search-types button.active{border-color:#c7b9ff;background:#eee9ff;color:#6046cc}
.platform-search-results{display:grid;gap:8px;margin-top:10px}
.platform-search-result{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:13px;text-align:left;border:1px solid #e5ebf2;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s ease,transform .15s ease}
.platform-search-result:hover{border-color:#c9d9e8;transform:translateY(-1px)}
.platform-search-result-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#edf4fb;color:#426e9a;font-size:19px}
.platform-search-result-copy{display:grid;gap:4px;min-width:0;flex:1}
.platform-search-result-copy strong{color:var(--navy);font:800 12px Manrope,sans-serif;overflow-wrap:anywhere}
.platform-search-result-copy small{color:#6f7b8e;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.platform-search-result-copy em{width:max-content;max-width:100%;padding:3px 7px;border-radius:6px;background:#f3f0ff;color:#654cc9;font-size:9px;font-style:normal;font-weight:700}
.platform-search-arrow{color:#6c4bf4;font-size:20px;flex-shrink:0}
@media(max-width:600px){.platform-search-intro{padding:15px;border-radius:15px}.platform-search-types{gap:5px}.platform-search-types button{padding:7px 10px;font-size:10px}.platform-search-result{gap:9px;padding:10px}.platform-search-result-icon{flex-basis:36px;width:36px;height:36px;border-radius:11px}}


/* CHIPEX Profile 2.0: profile snapshot, shared interests and completeness */
.member-profile-intro-v2{align-items:center;gap:16px}
.member-profile-kicker{display:block;margin-bottom:5px;color:#7658d6;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.member-profile-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;padding:14px;border:1px solid #e9e6f7;border-radius:18px;background:linear-gradient(135deg,#faf9ff,#f5f8ff)}
.member-profile-snapshot>div{display:flex;min-width:0;flex-direction:column;gap:4px;text-align:center}
.member-profile-snapshot strong{color:#22213b;font-size:20px;font-weight:850;line-height:1.1}
.member-profile-snapshot span{color:#71748a;font-size:10px;font-weight:700}
.profile-strength-card{margin:12px 0 18px;padding:14px 15px;border:1px solid #e7e4f5;border-radius:16px;background:#fff}
.profile-strength-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#282542;font-size:12px}
.profile-strength-heading span{color:#7153d1;font-weight:850}
.profile-strength-track{height:7px;margin-top:10px;overflow:hidden;border-radius:99px;background:#ece9f6}
.profile-strength-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6c4bf4,#a78bfa);transition:width .25s ease}
.profile-strength-card p,.member-shared-interests p{margin:9px 0 0;color:#77788b;font-size:11px;line-height:1.55}
.member-shared-interests{padding:14px;margin-top:18px;border:1px solid #d9f1e9;border-radius:16px;background:#f4fcf8}
.member-shared-interests h3{color:#236d59}
@media(max-width:420px){.member-profile-snapshot{gap:6px;padding:11px 7px}.member-profile-snapshot strong{font-size:18px}.member-profile-snapshot span{font-size:9px}.member-profile-intro-v2{align-items:flex-start}}

.profile-draft-strength{margin:0 0 20px;padding:14px 15px;border:1px solid #e7e4f5;border-radius:16px;background:linear-gradient(135deg,#faf9ff,#f5f8ff)}
.profile-draft-strength .profile-strength-track{margin-top:9px}
.profile-draft-strength p{margin:9px 0 0;color:#77788b;font-size:11px;line-height:1.55}


/* CHIPEX Messaging 2.0: in-thread search and accessible composer feedback */
.hub-thread-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px 16px 4px;
  background: #fff;
}
.hub-thread-search {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1 1 260px;
  padding: 0 10px;
  border: 1px solid #e6e2f2;
  border-radius: 12px;
  background: #fbfaff;
}
.hub-thread-search:focus-within {
  border-color: #a99af8;
  box-shadow: 0 0 0 3px rgba(108, 75, 244, .09);
}
.hub-thread-search input {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #17172e;
  font: inherit;
  font-size: 12px;
}
.hub-thread-search button {
  min-width: 32px;
  min-height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #77728b;
  font-size: 20px;
  cursor: pointer;
}
.hub-thread-search-count {
  color: #77728b;
  font-size: 10px;
  white-space: normal;
}
.hub-message[hidden] { display: none !important; }
.hub-thread-search-empty { margin: 12px auto; }
.hub-message-compose-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  color: #7c7890;
  font-size: 10px;
  line-height: 1.5;
}
.hub-message-compose-meta .near-limit { color: #a15c0a; }
.hub-message-compose-meta .at-limit { color: #b42318; font-weight: 700; }
.hub-message-form button:disabled { opacity: .48; cursor: not-allowed; transform: none; }
@media (max-width: 560px) {
  .hub-thread-tools { align-items: stretch; padding: 10px 10px 2px; }
  .hub-thread-search { flex-basis: 100%; }
  .hub-thread-search-count { padding: 0 3px 4px; }
  .hub-message-compose-meta { font-size: 9px; }
}


/* Email verification status notice */
.email-verification-notice{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:16px 18px;border:1px solid rgba(124,92,255,.34);border-radius:18px;background:linear-gradient(120deg,rgba(124,92,255,.12),rgba(25,35,60,.72));color:var(--cx-text,#f4f6ff)}
.email-verification-copy{min-width:0}.email-verification-copy strong{display:block;font:800 13px/1.4 Manrope,sans-serif}.email-verification-copy p{margin:4px 0;color:var(--cx-muted,#aab6d5);font-size:11px;line-height:1.6}.email-verification-status{display:block;margin-top:5px;color:#bcb0ff;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.email-verification-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.email-verification-actions .button{min-height:38px;padding:0 12px;font-size:11px}
@media(max-width:680px){.email-verification-notice{align-items:stretch;flex-direction:column;gap:12px;margin:0 12px 14px;padding:14px}.email-verification-actions{display:grid;grid-template-columns:1fr 1fr}.email-verification-actions .button{width:100%;white-space:normal}}


/* Account Settings 2.0 */
.account-settings-card { width: min(100% - 28px, 700px); max-height: min(90vh, 900px); overflow-y: auto; position: relative; }
.account-settings-intro { color: var(--muted, #68758b); margin-top: -4px; }
.account-settings-identity { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid var(--line, #e4e9f1); border-radius: 18px; margin: 20px 0; background: var(--surface-soft, #f7f9fc); }
.account-settings-avatar { display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 52px; border-radius: 50%; background: #e9e4ff; color: #5d42d8; font-weight: 800; overflow: hidden; }
.account-settings-avatar img { width: 100%; height: 100%; object-fit: cover; }
.account-settings-identity-copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.account-settings-identity-copy strong { color: var(--text, #17233c); }
.account-settings-identity-copy span { overflow-wrap: anywhere; color: var(--muted, #68758b); font-size: .9rem; }
.account-settings-identity-copy small { color: #a45a1a; font-weight: 700; }
.account-settings-identity-copy small.is-verified { color: #17845b; }
.account-settings-list { display: grid; gap: 10px; }
.account-setting-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line, #e4e9f1); }
.account-setting-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px; background: #f0edff; color: #674ce4; font-size: 1.15rem; }
.account-setting-row strong { display: block; color: var(--text, #17233c); font-size: .95rem; }
.account-setting-row p, .account-settings-note p { color: var(--muted, #68758b); font-size: .84rem; line-height: 1.5; margin: 4px 0 0; }
.account-settings-note { margin-top: 18px; padding: 14px 16px; border-radius: 15px; border: 1px solid #f0d9b8; background: #fff9f0; }
.account-settings-note strong { color: #7e4d18; }
.account-settings-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line, #e4e9f1); }
.account-settings-footer span { color: var(--muted, #68758b); font-size: .78rem; }
@media (max-width: 560px) { .account-settings-card { padding: 22px 18px; } .account-setting-row { grid-template-columns: 38px minmax(0, 1fr); } .account-setting-row > button { grid-column: 2; justify-self: start; } .account-settings-footer { align-items: flex-start; flex-direction: column; } }

/* CHIPEX Admin & Moderation Dashboard */
.admin-moderation-intro{margin:4px 0 18px;padding:clamp(18px,3vw,26px);border:1px solid #e7e0ff;border-radius:18px;background:radial-gradient(circle at 100% 0%,#e9e3ff 0,transparent 42%),linear-gradient(140deg,#fff,#faf9ff)}
.admin-moderation-intro h2{margin:8px 0;color:var(--navy);font:800 clamp(22px,3vw,30px)/1.2 Manrope,sans-serif;letter-spacing:-.7px}
.admin-moderation-intro p{max-width:760px;margin:0;color:var(--muted);font-size:12px;line-height:1.75}
.admin-report-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.admin-report-summary span{padding:9px 12px;border:1px solid #e8e3f6;border-radius:10px;background:#ffffffd9;color:var(--muted);font-size:11px}
.admin-report-summary strong{margin-right:4px;color:var(--navy);font:800 16px Manrope,sans-serif}
.admin-report-list{display:grid;gap:12px}
.admin-report-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 6px 18px #21154b08}
.admin-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-report-kind{color:var(--purple);font-size:9px;font-weight:800;letter-spacing:1.1px}
.admin-report-head h3{margin:5px 0 0;color:var(--navy);font:800 14px/1.4 Manrope,sans-serif;overflow-wrap:anywhere}
.admin-report-status{flex-shrink:0;padding:5px 8px;border-radius:99px;background:#f0eef7;color:#6c6680;font-size:9px;font-weight:800;text-transform:uppercase}
.admin-report-status.pending{background:#fff2d8;color:#946000}
.admin-report-status.resolved{background:#e4f8ee;color:#18754e}
.admin-report-reason{margin:13px 0;color:var(--ink);font-size:12px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}
.admin-report-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.admin-report-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.admin-report-actions .button{min-height:36px}
@media(max-width:520px){.admin-report-card{padding:13px}.admin-report-head{flex-direction:column}.admin-report-actions .button{flex:1}.admin-report-meta{flex-direction:column;gap:4px}}


/* CHIPEX Opportunities 2.0 */
.opportunity-publish-panel,.opportunity-public-section{margin:0 0 22px;padding:22px;border:1px solid var(--line,#e4e8ef);border-radius:20px;background:var(--surface,#fff);box-shadow:0 8px 24px rgba(20,35,60,.04)}
.opportunity-publish-heading,.opportunity-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.opportunity-publish-heading h2,.opportunity-section-heading h2{margin:5px 0 7px;font-size:clamp(1.2rem,2.5vw,1.6rem)}
.opportunity-publish-heading p{margin:0;max-width:680px;color:var(--muted,#667085);line-height:1.55}
.opportunity-publish-mark{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:rgba(64,99,245,.1);color:var(--primary,#405ff5);font-size:1.5rem}
.opportunity-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.opportunity-create-form label{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:.9rem}
.opportunity-create-form input,.opportunity-create-form select,.opportunity-create-form textarea{width:100%;min-width:0;border:1px solid var(--line,#dce2eb);border-radius:11px;padding:11px 12px;background:var(--surface,#fff);color:inherit;font:inherit;font-weight:400}
.opportunity-create-form textarea{resize:vertical;min-height:104px}
.opportunity-create-form small{font-weight:400;color:var(--muted,#667085);line-height:1.4}
.opportunity-form-wide,.opportunity-form-actions{grid-column:1/-1}
.opportunity-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.opportunity-form-actions .form-notice{margin:0}
.opportunity-live-count,.opportunity-detail-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--soft-surface,#f3f5fa);font-size:.78rem;color:var(--muted,#667085)}
.opportunity-detail-pills{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.public-opportunity-card{border-color:rgba(64,99,245,.15)}
.opportunity-disclaimer{margin:12px 0 0;color:var(--muted,#667085);font-size:.78rem;line-height:1.45}
@media(max-width:640px){.opportunity-publish-panel,.opportunity-public-section{padding:16px;border-radius:16px}.opportunity-create-form{grid-template-columns:1fr}.opportunity-form-wide,.opportunity-form-actions{grid-column:auto}.opportunity-form-actions{align-items:stretch;flex-direction:column}.opportunity-form-actions .button{width:100%}.opportunity-publish-heading{gap:8px}}

/* CHIPEX signature feature: Connection Compass */
.compass-nav-link{position:relative}.compass-new-badge{margin-left:auto;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800;letter-spacing:.06em;color:#5d42d7;background:#eee9ff}.compass-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);align-items:center;gap:24px;overflow:hidden;position:relative;padding:clamp(22px,4vw,42px);border-radius:24px;background:radial-gradient(circle at 88% 16%,#a99aff55,transparent 34%),linear-gradient(135deg,#17152b,#30265d 72%,#4a3687);color:#fff;box-shadow:0 16px 36px #27195c20}.compass-hero .eyebrow{color:#c8bdff}.compass-hero h2{max-width:610px;margin:12px 0;font:800 clamp(25px,3.6vw,39px)/1.12 Manrope,sans-serif;letter-spacing:-1.1px}.compass-hero h2 em{font-style:normal;color:#cfc4ff}.compass-hero p{max-width:610px;margin:0;color:#e2def5;font-size:14px}.compass-transparency{display:inline-flex;margin-top:18px;padding:7px 10px;border:1px solid #ffffff35;border-radius:999px;color:#eee9ff;font-size:11px}.compass-orbit{position:relative;width:min(100%,230px);aspect-ratio:1;margin:auto;display:grid;place-items:center}.compass-orbit-ring{position:absolute;display:block;border:1px solid #ffffff40;border-radius:50%;inset:8%}.compass-orbit .ring-b{inset:23%;border-style:dashed;transform:rotate(-25deg)}.compass-orbit-core{display:grid;place-items:center;width:76px;height:76px;border-radius:26px;background:linear-gradient(145deg,#b9aaff,#6c4bf4);box-shadow:0 0 0 10px #ffffff0c,0 12px 32px #0004;font:800 35px Manrope,sans-serif}.compass-orbit-node{position:absolute;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff60;border-radius:14px;background:#ffffff1c;backdrop-filter:blur(8px);font-size:17px}.compass-orbit .node-a{top:7%;left:20%}.compass-orbit .node-b{right:3%;top:47%}.compass-orbit .node-c{bottom:8%;left:25%}.compass-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 28px}.compass-stat-row article{padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.compass-stat-row span,.compass-stat-row small{display:block;color:var(--muted);font-size:12px}.compass-stat-row strong{display:block;margin:4px 0;font:800 27px Manrope,sans-serif;color:var(--navy)}.compass-list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px}.compass-list-heading h3{margin:4px 0;font:800 22px Manrope,sans-serif}.compass-list-heading p{margin:0;color:var(--muted);font-size:13px}.compass-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compass-pick{min-width:0;padding:14px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:var(--shadow)}.compass-pick-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px}.compass-route-tag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:var(--lavender);color:var(--purple-dark);padding:6px 9px;font-size:11px;font-weight:800}.compass-signal{color:var(--muted);font-size:10px;text-align:right}.compass-pick .hub-person-card{box-shadow:none;border:0;padding:4px 0 10px;grid-template-columns:44px minmax(0,1fr);gap:11px}.compass-pick .hub-person-actions{grid-column:2;justify-content:flex-start}.compass-pick .hub-person-info{min-width:0}.compass-pick .hub-person-info p{font-size:12px}.compass-why{padding:11px 12px;border-radius:12px;background:#f8f6ff}.compass-why strong,.compass-starter strong{display:block;font-size:12px}.compass-why p,.compass-starter p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.compass-starter{display:flex;gap:9px;padding:12px 2px 2px}.compass-starter>span{color:var(--purple);font:800 27px Georgia,serif;line-height:1}.compass-footnote{margin:16px 0;color:var(--muted);font-size:11px;text-align:center}@media(max-width:760px){.compass-hero{grid-template-columns:minmax(0,1fr);gap:4px}.compass-orbit{width:170px;margin:10px auto -4px}.compass-hero h2{font-size:28px}.compass-picks{grid-template-columns:minmax(0,1fr)}.compass-stat-row{gap:8px}.compass-stat-row article{padding:12px}.compass-stat-row span,.compass-stat-row small{font-size:10px}.compass-stat-row strong{font-size:23px}.compass-list-heading{align-items:flex-start}.compass-list-heading h3{font-size:19px}}@media(max-width:390px){.compass-stat-row{grid-template-columns:1fr}.compass-stat-row article{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px}.compass-stat-row strong{grid-column:2;grid-row:1/3}.compass-stat-row small{grid-column:1}}



/* CHIPEX Notifications Centre — premium product-grade inbox */
.chipex-pulse-page{display:grid;gap:17px;min-width:0;padding-bottom:18px}
.chipex-pulse-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;padding:25px 25px;border:1px solid #29264a;border-radius:20px;background:linear-gradient(118deg,#11172f 0%,#211b49 62%,#34256b 100%);color:#fff;isolation:isolate}
.chipex-pulse-hero:after{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:4%;top:-125px;border:1px solid #ffffff1c;border-radius:50%;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff06}
.chipex-pulse-hero-copy{max-width:500px}.chipex-pulse-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#c8bbff;font-size:9px;font-weight:900;letter-spacing:1.6px}.chipex-pulse-live-dot{width:7px;height:7px;border-radius:50%;background:#8ce6c2;box-shadow:0 0 0 4px #8ce6c21b}.chipex-pulse-hero h2{margin:11px 0 8px;color:#fff;font:800 clamp(21px,3vw,29px)/1.15 Manrope,sans-serif;letter-spacing:-.8px}.chipex-pulse-hero p{max-width:440px;margin:0;color:#d0cde2;font-size:12px;line-height:1.7}
.chipex-pulse-hero-mark{position:relative;display:grid;place-items:center;flex:0 0 72px;width:72px;height:72px;border:1px solid #ffffff2c;border-radius:23px;background:linear-gradient(145deg,#ffffff20,#ffffff05);color:#e6dfff;font-size:35px;transform:rotate(5deg)}.chipex-pulse-hero-mark i,.chipex-pulse-hero-mark b{position:absolute;display:block;width:7px;height:7px;border-radius:50%;background:#a998ff}.chipex-pulse-hero-mark i{top:10px;right:12px}.chipex-pulse-hero-mark b{bottom:11px;left:12px;width:5px;height:5px;background:#8ce6c2}
.chipex-pulse-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chipex-pulse-stat{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 15px;border:1px solid #ebe9f3;border-radius:15px;background:#fff}.chipex-pulse-stat-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:12px;background:#f0edff;color:#6c4bf4;font-size:17px}.chipex-pulse-stat-icon.is-unread{background:#fff1e9;color:#e47c47;font-size:11px}.chipex-pulse-stat-icon.is-today{background:#e8f8f2;color:#239c78}.chipex-pulse-stat div{display:grid;gap:3px;min-width:0}.chipex-pulse-stat strong{color:#17152b;font:800 20px/1 Manrope,sans-serif}.chipex-pulse-stat div span{color:#858298;font-size:10px}
.chipex-pulse-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.chipex-pulse-toolbar h3{margin:0;color:#17152b;font:800 15px Manrope,sans-serif}.chipex-pulse-toolbar p{margin:5px 0 0;color:#858298;font-size:10px}.chipex-pulse-read-all{white-space:nowrap}.chipex-pulse-filters{gap:6px;margin-bottom:0!important;padding:5px!important;border-radius:13px!important}.chipex-pulse-filters .pulse-filter{min-height:35px}.chipex-pulse-filters .pulse-filter-count{margin-left:2px}.chipex-pulse-list{gap:9px!important}.chipex-pulse-list .hub-notification{align-items:center;gap:13px;padding:15px;border-color:#eceaf4;border-radius:15px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.chipex-pulse-list .hub-notification:hover{border-color:#dcd4ff;transform:translateY(-1px)}.chipex-pulse-list .hub-notification.unread{border-color:#ded7ff;background:linear-gradient(100deg,#faf9ff,#fff)}.chipex-pulse-list .hub-notification-icon{width:43px;height:43px;border-radius:14px;font-size:18px}.chipex-pulse-list .hub-notification-icon.type-message{background:#e9f3ff;color:#3c79d8}.chipex-pulse-list .hub-notification-icon.type-connection{background:#eeeaff;color:#6747d8}.chipex-pulse-list .hub-notification-icon.type-community{background:#e8f8f1;color:#239b75}.chipex-pulse-list .hub-notification-copy{display:grid;gap:5px}.chipex-pulse-list .hub-notification-copy strong{font-size:12px;line-height:1.45}.chipex-pulse-list .hub-notification-copy p{font-size:11px;line-height:1.55;margin:0}.chipex-pulse-list .hub-notification-copy time{font-size:10px;margin-top:1px}.hub-notification-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hub-notification-kind{color:#8b879f;font-size:8px;font-weight:900;letter-spacing:1px}.hub-notification-new{padding:3px 6px;border-radius:5px;background:#eee9ff;color:#6545d8;font-size:8px;font-weight:900;letter-spacing:.4px}.hub-notification-read-label{flex:0 0 auto;color:#a09caf;font-size:9px}.hub-notification-read-button{flex:0 0 auto;white-space:nowrap}.chipex-pulse-empty{display:grid;justify-items:center;gap:8px;padding:36px 18px;border:1px dashed #dcd8eb;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfaff);text-align:center}.chipex-pulse-empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#eee9ff;color:#6747d8;font-size:23px}.chipex-pulse-empty strong{color:#211d3d;font:800 13px Manrope,sans-serif}.chipex-pulse-empty p{max-width:300px;margin:0;color:#858298;font-size:11px;line-height:1.65}.chipex-pulse-footer{display:flex;align-items:center;gap:7px;padding:3px 2px;color:#918da2;font-size:9px}.chipex-pulse-footer-live{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:#269a76;font-weight:800}.chipex-pulse-footer-live i{width:6px;height:6px;border-radius:50%;background:#45c69a}
@media(max-width:600px){.chipex-pulse-page{gap:12px}.chipex-pulse-hero{padding:20px 17px;border-radius:17px}.chipex-pulse-hero-mark{flex-basis:52px;width:52px;height:52px;border-radius:17px;font-size:26px}.chipex-pulse-hero p{font-size:11px}.chipex-pulse-stats{gap:7px}.chipex-pulse-stat{gap:8px;padding:11px 9px;border-radius:12px}.chipex-pulse-stat-icon{flex-basis:30px;width:30px;height:30px;border-radius:10px;font-size:14px}.chipex-pulse-stat strong{font-size:17px}.chipex-pulse-stat div span{font-size:9px}.chipex-pulse-toolbar{align-items:flex-start}.chipex-pulse-toolbar h3{font-size:14px}.chipex-pulse-toolbar p{max-width:200px;line-height:1.5}.chipex-pulse-read-all{font-size:10px;padding:8px}.chipex-pulse-filters{overflow-x:auto;flex-wrap:nowrap!important;max-width:100%;scrollbar-width:thin}.chipex-pulse-filters .pulse-filter{flex:0 0 auto}.chipex-pulse-list .hub-notification{align-items:flex-start;gap:10px;padding:12px}.chipex-pulse-list .hub-notification-icon{flex-basis:36px;width:36px;height:36px;border-radius:12px;font-size:15px}.hub-notification-read-button{align-self:flex-end;padding:7px 8px;font-size:9px}.hub-notification-read-label{display:none}}
@media(prefers-reduced-motion:reduce){.chipex-pulse-list .hub-notification{transition:none}}

/* CHIPEX notification click-through affordance */
.chipex-pulse-list .hub-notification[role="button"]{cursor:pointer;outline:none}
.chipex-pulse-list .hub-notification[role="button"]:focus-visible{outline:3px solid #8b72ff;outline-offset:3px}
.post-card.notification-target-highlight{outline:3px solid #8b72ff;outline-offset:4px;box-shadow:0 0 0 7px rgba(108,75,244,.10);transition:outline-color .2s ease,box-shadow .2s ease}
@media(prefers-reduced-motion:reduce){.post-card.notification-target-highlight{transition:none}}

/* CHIPEX Opportunity Discovery 2.0 */
.opportunity-publish-panel{margin:0 0 20px;padding:clamp(16px,3vw,25px);border:1px solid #e7e3f4;border-radius:21px;background:linear-gradient(135deg,#fff 0%,#fbfaff 70%,#f5f2ff 100%);box-shadow:0 12px 32px rgba(35,25,80,.055)}
.opportunity-publish-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:19px}
.opportunity-publish-heading h2{margin:7px 0 8px;color:var(--navy,#17152b);font:800 clamp(21px,3vw,28px)/1.2 Manrope,sans-serif;letter-spacing:-.6px}
.opportunity-publish-heading p{max-width:690px;margin:0;color:var(--muted,#727087);font-size:12px;line-height:1.7}
.opportunity-publish-mark{display:grid;place-items:center;flex:0 0 49px;width:49px;height:49px;border:1px solid #e1d9ff;border-radius:16px;background:#eee9ff;color:#6849df;font-size:25px}
.opportunity-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.opportunity-create-form label{display:flex;flex-direction:column;gap:7px;min-width:0;color:var(--ink,#25233a);font-size:11px;font-weight:800}
.opportunity-create-form input,.opportunity-create-form select,.opportunity-create-form textarea,.opportunity-category-row select{width:100%;min-width:0;min-height:42px;border:1px solid #e1deec;border-radius:11px;padding:10px 12px;background:#fff;color:var(--ink,#25233a);font:500 12px/1.5 "DM Sans",sans-serif;outline:none;transition:border-color .16s ease,box-shadow .16s ease}
.opportunity-create-form textarea{min-height:116px;resize:vertical}
.opportunity-create-form input:focus,.opportunity-create-form select:focus,.opportunity-create-form textarea:focus,.opportunity-category-row select:focus{border-color:#8b72ff;box-shadow:0 0 0 3px rgba(108,75,244,.12)}
.opportunity-create-form small{color:var(--muted,#77738a);font-size:10px;font-weight:500;line-height:1.55}
.opportunity-form-wide,.opportunity-form-actions{grid-column:1/-1}
.opportunity-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:1px}
.opportunity-form-actions .form-notice{margin:0;min-height:0;font-size:11px}
.opportunity-disclaimer{margin:14px 0 0;padding-top:12px;border-top:1px solid #ece8f6;color:#827d96;font-size:10px;line-height:1.65}
.opportunity-category-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:12px 0;color:var(--muted,#727087);font-size:11px;font-weight:750}
.opportunity-category-row select{width:auto;min-width:180px;min-height:36px;padding:7px 10px;font-size:11px}
.opportunity-detail-pills{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}
.opportunity-detail-pill{display:inline-flex;align-items:center;max-width:100%;padding:6px 9px;border:1px solid #e7e3f4;border-radius:999px;background:#f8f6ff;color:#62518f;font-size:10px;font-weight:750;overflow-wrap:anywhere}
.opportunity-description{white-space:pre-wrap;overflow-wrap:anywhere}
.opportunity-apply-link{white-space:nowrap}
@media(max-width:640px){.opportunity-publish-panel{padding:16px;border-radius:17px}.opportunity-create-form{grid-template-columns:minmax(0,1fr)}.opportunity-form-wide,.opportunity-form-actions{grid-column:auto}.opportunity-form-actions{align-items:stretch;flex-direction:column}.opportunity-form-actions .button{width:100%;justify-content:center}.opportunity-publish-heading{gap:9px}.opportunity-publish-mark{flex-basis:40px;width:40px;height:40px;border-radius:13px;font-size:21px}.opportunity-category-row{justify-content:space-between}.opportunity-category-row select{min-width:0;max-width:68%}}
@media(prefers-reduced-motion:reduce){.opportunity-create-form input,.opportunity-create-form select,.opportunity-create-form textarea{transition:none}}

/* CHIPEX Goals & Achievement 2.0 — focus summary and gentle deadline cues */
.goal-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:-5px 0 12px}.goal-focus-card{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid rgba(148,161,196,.14);border-radius:14px;background:rgba(255,255,255,.035)}.goal-focus-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:11px;background:rgba(124,92,255,.14);color:#c6bcff;font-size:16px}.goal-focus-card>div{display:grid;gap:3px;min-width:0}.goal-focus-card strong{font:800 19px/1 Manrope,sans-serif;color:#f1f2ff}.goal-focus-card span:not(.goal-focus-icon){color:#8f9dbb;font-size:10px;line-height:1.35}.goal-focus-card.is-alert .goal-focus-icon{background:rgba(255,111,137,.12);color:#ff9daf}.goal-focus-card.is-alert strong{color:#ffb0bd}.goal-next-step{display:flex;align-items:center;gap:12px;margin:0 0 17px;padding:13px 14px;border:1px solid rgba(139,116,255,.24);border-radius:14px;background:linear-gradient(100deg,rgba(124,92,255,.12),rgba(255,255,255,.025))}.goal-next-step-mark{flex:0 0 auto;padding:6px 8px;border-radius:8px;background:rgba(124,92,255,.18);color:#c9c0ff;font-size:9px;font-weight:900;letter-spacing:.08em}.goal-next-step>div{min-width:0}.goal-next-step strong{display:block;color:#edf0ff;font-size:12px;overflow-wrap:anywhere}.goal-next-step p{margin:4px 0 0;color:#8f9dbb;font-size:10px;overflow-wrap:anywhere}.goal-next-step.is-empty{border-style:dashed;background:rgba(255,255,255,.02)}.goal-deadline-note{margin:-3px 0 10px;color:#8192b2;font-size:10px;line-height:1.5}.goal-deadline-note.is-soon{color:#d4c9ff}.goal-deadline-note.is-overdue{color:#ffabb8}
@media(max-width:520px){.goal-focus-grid{grid-template-columns:1fr}.goal-focus-card{padding:10px}.goal-focus-card strong{font-size:17px}.goal-next-step{align-items:flex-start;flex-direction:column;gap:8px}}