/* Plug'n'Plug Network Shell v2 */
:root{
  --blue:#0135F4;
  --blue-600:#0129C4;
  --blue-100:#DCE4FE;
  --blue-50:#EFF3FF;
  --navy:#000E41;
  --text:#1A2138;
  --text-muted:#5B6478;
  --text-faint:#98A2B3;
  --line:#E6E9F2;
  --hover:#F6F8FE;
  --card:#FFFFFF;
  --danger:#D92D44;
  --r-card:10px;
  --shadow-card:0 0 0 1px rgba(0,14,65,.02),0 2px 4px rgba(0,14,65,.06);
  --font:Inter,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--blue-50);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;min-height:100dvh}
img{display:block;max-width:100%}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit}
button{background:none;border:0;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--blue-100);outline-offset:2px}
::selection{background:var(--blue);color:#fff}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}
.sprite{display:none}
.wrap{max-width:1600px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
.card:hover{box-shadow:0 0 0 1px rgba(0,14,65,.03),0 3px 7px rgba(0,14,65,.07)}
.i{display:block;height:24px;width:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}

/* Top bar */
.topbar{background:#fff;border-bottom:0;height:52px;left:0;position:fixed;right:0;top:0;z-index:100}
.topbar::after{background:var(--line);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;z-index:1}
.topbar-wrap{align-items:center;display:flex;height:52px}
.topbar .brand{border-radius:6px;display:block;flex:0 0 34px;height:34px;width:34px}
.topbar .brand img{border-radius:6px;height:34px;width:34px}
.gsearch{align-items:center;background:var(--blue-50);border:1px solid var(--line);border-radius:17px;display:flex;height:34px;margin-left:8px;position:relative;width:280px}
.gsearch .i{color:var(--text-muted);height:16px;left:12px;position:absolute;top:8px;width:16px}
.gsearch input{background:transparent;border:0;color:var(--text);height:32px;outline:0;padding:0 12px 0 36px;width:100%}
.gsearch input::placeholder{color:var(--text-muted)}
.gsearch:focus-within{background:#fff;border-color:var(--blue)}
.tabs{align-items:center;display:flex;margin-left:auto}
.tab{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:12px;font-weight:500;height:52px;justify-content:center;min-width:92px;position:relative;text-decoration:none}
.tab>span:last-child{white-space:nowrap}
.tab .i{height:24px;width:24px}
.tab:hover{color:var(--text);text-decoration:none}
.tab.active{color:var(--navy)}
.tab.active::after{background:var(--navy);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;z-index:2}
.tab-ico{position:relative}
.badge{align-items:center;background:var(--danger);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;position:absolute;right:-6px;top:-4px}
.me-menu{height:52px;position:relative}
.me-menu summary{list-style:none}
.me-menu summary::-webkit-details-marker{display:none}
.me-menu .me{min-width:108px}
.av28{align-items:center;background:var(--blue);border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}
.caret{display:inline-block;height:10px;margin-left:2px;vertical-align:-1px;width:10px}
.me-panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px rgba(0,14,65,.16);min-width:288px;padding:0;position:absolute;right:0;top:54px;overflow:hidden}
.me-card-head{align-items:center;display:flex;gap:10px;padding:14px 14px 10px}
.me-card-head>span:last-child{min-width:0}
.me-card-head b{color:var(--navy);display:block;font-size:15px;line-height:1.2}
.me-card-head small{color:var(--text-muted);display:-webkit-box;font-size:12px;line-height:1.3;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.me-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:0 14px 12px}
.me-actions a{align-items:center;border-radius:999px;display:flex;font-size:13px;font-weight:700;height:34px;justify-content:center;text-decoration:none}
.me-primary{border:1px solid var(--blue);color:var(--blue)}
.me-verify{background:var(--blue);color:#fff}
.me-section{border-top:1px solid var(--line);padding:8px 8px}
.me-section>b{color:var(--navy);display:block;font-size:13px;padding:5px 8px}
.me-panel a,.me-panel button{border-radius:6px;color:var(--text);display:block;font-size:13px;font-weight:600;padding:8px 8px;text-align:left;text-decoration:none;width:100%}
.me-panel a:hover,.me-panel button:hover{background:var(--hover);color:var(--blue)}
.me-panel form{border-top:1px solid var(--line);padding:8px}
.me-panel .me-actions a{align-items:center;border-radius:999px;display:flex;font-size:13px;font-weight:800;height:34px;justify-content:center;padding:0;text-align:center}
.me-panel .me-actions .me-primary{border:1px solid var(--blue);color:var(--blue)}
.me-panel .me-actions .me-verify{background:var(--blue);color:#fff}
.me-panel .me-actions .me-primary:hover{background:var(--blue-50);color:var(--blue)}
.me-panel .me-actions .me-verify:hover{background:var(--blue-600);color:#fff}
.vdiv{background:var(--line);height:24px;margin:0 8px;width:1px}
.wallet-tab{margin-left:0}
.btn-post{align-items:center;background:var(--blue);border-radius:17px;color:#fff;display:inline-flex;font-weight:600;height:34px;justify-content:center;margin-left:8px;padding:0 16px;text-decoration:none;white-space:nowrap}
.btn-post:hover{background:var(--blue-600);color:#fff;text-decoration:none}
.mobile-alert{display:none}

/* Shell */
.topbar + .shell{margin-top:52px}
.shell{display:grid;gap:18px;grid-template-columns:minmax(260px,285px) minmax(0,720px) minmax(300px,330px);justify-content:center;padding-top:24px}
.shell.wrap.shell-wide{max-width:1600px;padding-left:48px;padding-right:48px}
.shell.wrap.shell-wide:not(.board-shell){grid-template-columns:minmax(260px,285px) minmax(0,720px) minmax(310px,340px)}
.shell.board-shell{grid-template-columns:minmax(260px,290px) minmax(0,720px) minmax(310px,338px)}
.board-shell .feed-stack{align-items:start;display:grid;gap:16px;grid-template-columns:1fr}
.board-shell .load-more,.board-shell .empty-state{grid-column:1/-1}
.rail-l,.rail-r{align-self:start;position:sticky;top:76px}
.rail-l{display:flex;flex-direction:column;gap:8px}
.rail-r{display:flex;flex-direction:column;gap:12px}
.feed{display:flex;flex-direction:column;gap:8px;min-width:0}

/* Profile layout */
.profile-layout{display:grid;gap:18px;grid-template-columns:minmax(220px,260px) minmax(0,920px);justify-content:center;margin-top:52px;max-width:1600px;padding:24px 48px 72px}
.profile-side{align-self:start;display:flex;flex-direction:column;gap:12px;position:sticky;top:76px}
.profile-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.profile-panel{padding:18px}
.profile-hero-card{overflow:hidden}
.profile-hero-cover{background-color:var(--navy);background-image:url('/assets/img/profile-banner.svg');background-position:center center;background-repeat:no-repeat;background-size:cover;height:280px;position:relative}
.profile-cover-action{align-items:center;background:#fff;border:1px solid var(--line);border-radius:50%;bottom:14px;color:var(--navy);display:flex;height:38px;justify-content:center;position:absolute;right:14px;width:38px}
.profile-cover-action .i{height:19px;width:19px}
.profile-hero-body{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto;padding:0 24px 22px}
.profile-hero-body .profile-main-avatar{margin-top:-88px}
.profile-title h1{color:var(--navy);font-size:30px;font-weight:800;letter-spacing:0;line-height:1.12;margin-top:10px}
.profile-title p{color:var(--text);font-size:15px;line-height:1.45;margin-top:4px}
.profile-meta{color:var(--text-muted);font-size:13px;margin-top:6px}
.profile-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding-top:18px}
.profile-btn{align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--navy);display:inline-flex;font-size:13px;font-weight:700;height:36px;justify-content:center;padding:0 14px;text-decoration:none}
.profile-btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.profile-btn:hover{background:var(--hover);text-decoration:none}
.profile-btn.primary:hover{background:var(--blue-600)}
.profile-stats{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}
.profile-stat{padding:13px 14px;text-align:center}
.profile-stat b{color:var(--navy);display:block;font-size:17px}
.profile-stat span{color:var(--text-muted);display:block;font-size:12px;margin-top:2px}
.profile-section h2,.profile-side h2{color:var(--navy);font-size:18px;font-weight:800;line-height:1.2;margin-bottom:8px}
.profile-section p{color:var(--text);font-size:14px;line-height:1.6}
.profile-side-card{padding:14px}
.profile-side-card .profile-main-avatar{margin-top:0}
.profile-side-card h2{margin-bottom:6px}
.profile-side-card p,.profile-side-card a{color:var(--text-muted);font-size:13px;line-height:1.45}
.profile-side-card a{display:block;text-decoration:none}
.profile-side-card a:hover{color:var(--blue);text-decoration:underline}
.profile-meter{background:var(--blue-50);border:1px solid var(--line);border-radius:999px;height:10px;margin-top:10px;overflow:hidden}
.profile-meter i{background:var(--blue);display:block;height:100%}
.profile-pill-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.profile-pill{background:var(--blue-50);border:1px solid var(--line);border-radius:999px;color:var(--navy);display:inline-flex;font-size:12px;font-weight:700;padding:5px 9px}
.profile-list{display:grid;gap:8px;margin-top:10px}
.profile-list-row{border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}
.profile-list-row b{color:var(--navy);font-size:14px}
.profile-list-row small{color:var(--text-muted);display:block;font-size:12px;margin-top:2px}
.profile-price{color:var(--blue);font-weight:800;white-space:nowrap}
.profile-review{border-top:1px solid var(--line);padding:14px 0}
.profile-review:first-of-type{border-top:0}
.profile-review-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;color:var(--text-muted);font-size:12px}
.profile-review-head b{color:var(--navy);font-size:13px}
.profile-stars{color:var(--blue);letter-spacing:0}
.profile-empty{color:var(--text-muted);font-size:13px;line-height:1.55;padding:10px 0}
.profile-photo-edit{align-items:center;display:inline-flex;justify-content:center;position:relative;width:max-content}
.profile-side-card .profile-photo-edit{display:flex;margin:0 auto 10px}
.profile-hero-body .profile-photo-edit{margin-top:-92px}
.profile-hero-body .profile-photo-edit .profile-main-avatar{margin-top:0}
.profile-avatar-open{border-radius:50%;display:block;position:relative}
.profile-avatar-open:hover .avatar-wrap img{box-shadow:0 0 0 3px var(--blue-100),0 10px 22px rgba(0,14,65,.18)}
.profile-plus{align-items:center;background:var(--blue);border:2px solid #fff;border-radius:50%;box-shadow:0 7px 16px rgba(1,53,244,.24);color:#fff;display:flex;font-size:20px;font-weight:900;height:28px;justify-content:center;line-height:1;position:absolute;right:-8px;text-decoration:none;top:-6px;width:28px;z-index:4}
.profile-plus:hover{background:var(--blue-600)}
input[data-autosubmit-file],input[data-media-input],input[data-crop-upload]{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}
.profile-banner-video{height:100%;inset:0;object-fit:cover;object-position:center center;position:absolute;width:100%;z-index:1}
.profile-cover-tools{align-items:center;background:rgba(255,255,255,.9);border:1px solid rgba(230,233,242,.9);border-radius:999px;box-shadow:0 10px 24px rgba(0,14,65,.18);display:flex;gap:6px;padding:5px;position:absolute;right:16px;top:16px;z-index:3}
.profile-cover-trigger{align-items:flex-end;background:linear-gradient(180deg,rgba(0,14,65,0),rgba(0,14,65,.18));color:#fff;display:flex;font-size:0;inset:0;justify-content:flex-start;padding:16px;position:absolute;text-align:left;z-index:2}
.profile-cover-trigger span{background:rgba(0,14,65,.62);border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:12px;font-weight:800;padding:6px 10px}
.profile-cover-trigger:hover span{background:var(--blue)}
.profile-cover-tools form{display:flex}
.profile-cover-tools .profile-cover-action{background:#fff;border:1px solid var(--line);border-radius:50%;bottom:auto;color:var(--navy);height:36px;position:static;right:auto;width:36px}
.profile-cover-tools .profile-cover-action:hover{background:var(--blue-50);color:var(--blue)}
.profile-cover-tools .profile-cover-action.danger{color:var(--danger)}
.profile-cover-tools .profile-cover-action.danger:hover{background:#FFF1F3}
.profile-media-card p{font-size:12.5px;margin-bottom:10px}
.profile-media-card form+form{margin-top:8px}
.media-upload-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--navy);cursor:pointer;display:flex;font-size:12.5px;font-weight:800;gap:9px;min-height:42px;padding:9px 10px;position:relative}
.media-upload-row:hover{background:var(--blue-50);border-color:var(--blue);color:var(--blue)}
.media-upload-row .i{height:17px;width:17px}
.media-delete-row{align-items:center;border:1px solid #FFD5DC;border-radius:8px;color:var(--danger);display:flex;font-size:12.5px;font-weight:800;justify-content:center;min-height:40px;padding:0 10px;width:100%}
.media-delete-row:hover,.media-remove-btn:hover{background:#FFF1F3;color:var(--danger)}
.profile-media-editor>p{color:var(--text-muted);font-size:13px;line-height:1.5;max-width:620px}
.profile-media-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.media-editor-tile{background:var(--blue-50);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:10px;min-height:148px;padding:14px}
.media-editor-tile form{display:flex;flex-direction:column;gap:8px}
.media-editor-tile b{color:var(--navy);font-size:14px}
.media-editor-tile span{color:var(--text-muted);font-size:12.5px;line-height:1.45}
.media-editor-tile .profile-btn{background:#fff;margin-top:auto;width:max-content}
.media-remove-btn{background:#fff;color:var(--danger)}
.media-crop-open{overflow:hidden}
.media-cropper[hidden]{display:none}
.media-cropper{align-items:center;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1000}
.media-crop-backdrop{background:rgba(0,14,65,.56);inset:0;position:absolute}
.media-crop-dialog{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 70px rgba(0,14,65,.28);display:flex;flex-direction:column;max-height:calc(100dvh - 36px);max-width:980px;overflow:auto;padding:18px;position:relative;width:min(980px,100%);z-index:1}
.media-crop-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin:-2px -2px 14px;padding:0 0 14px}
.media-crop-head p{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.media-crop-head h2{color:var(--navy);font-size:22px;font-weight:900;letter-spacing:0;line-height:1.1;margin-top:3px}
.media-crop-close{align-items:center;border:1px solid var(--line);border-radius:50%;color:var(--navy);display:flex;height:36px;justify-content:center;width:36px}
.media-crop-close .i{height:18px;width:18px}
.media-crop-tabs{background:var(--blue-50);border:1px solid var(--line);border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);padding:4px}
.media-crop-tabs button{border-radius:6px;color:var(--text-muted);font-size:13px;font-weight:900;height:36px}
.media-crop-tabs button.active{background:#fff;box-shadow:var(--shadow-card);color:var(--navy)}
.media-crop-panes{margin-top:12px}
.media-crop-pane{display:none}
.media-crop-pane.active{display:block}
.media-dropzone{align-items:center;background:var(--blue-50);border:1px dashed var(--blue);border-radius:8px;color:var(--navy);cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:92px;padding:16px;text-align:center}
.media-dropzone b{font-size:14px}
.media-dropzone span,.media-library-empty{color:var(--text-muted);font-size:12.5px;line-height:1.45}
.media-library-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));max-height:220px;overflow:auto;padding:2px}
.media-library-wrap{display:flex;flex-direction:column;gap:6px;min-width:0}
.media-library-item{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--navy);display:block;min-height:124px;overflow:hidden;position:relative;text-align:left;width:100%}
.media-library-item img{aspect-ratio:1.4/1;background:var(--blue-50);height:auto;object-fit:cover;object-position:center center;width:100%}
.media-library-item span{display:block;font-size:11px;font-weight:700;overflow:hidden;padding:7px;text-overflow:ellipsis;white-space:nowrap}
.media-library-item b{background:var(--blue);border-radius:999px;color:#fff;font-size:10px;font-weight:900;left:7px;padding:3px 7px;position:absolute;top:7px}
.media-library-delete{align-items:center;border:1px solid #FFD5DC;border-radius:7px;color:var(--danger);display:flex;font-size:11px;font-weight:900;height:28px;justify-content:center;width:100%}
.media-library-delete:hover{background:#FFF1F3}
.media-crop-workspace{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 180px;margin-top:14px}
.media-crop-frame{aspect-ratio:1/1;background:#101828;border:1px solid var(--line);border-radius:8px;cursor:grab;overflow:hidden;position:relative;touch-action:none;width:100%}
.media-crop-frame.banner{aspect-ratio:4/1}
.media-crop-frame:active{cursor:grabbing}
.media-crop-frame img{left:50%;max-width:none;position:absolute;top:50%;transform-origin:center center;user-select:none}
.media-crop-frame::after{border:1px solid rgba(255,255,255,.72);content:"";inset:10px;pointer-events:none;position:absolute}
.media-crop-preview{background:var(--blue-50);border:1px solid var(--line);border-radius:8px;padding:12px}
.media-crop-preview b{color:var(--navy);display:block;font-size:13px;margin-bottom:8px}
.media-crop-preview canvas{background:#fff;border:1px solid var(--line);border-radius:6px;height:auto;width:100%}
.media-crop-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.media-crop-controls button,.media-crop-controls label{align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--navy);display:inline-flex;font-size:12px;font-weight:900;gap:7px;min-height:34px;padding:0 11px}
.media-crop-controls input[type=range]{accent-color:var(--blue);width:140px}
.media-crop-error{color:var(--danger);font-size:13px;font-weight:800;min-height:20px;padding-top:8px}
.media-crop-actions{border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;margin-top:6px;padding-top:14px}

/* Left rail */
.identity-v2{overflow:hidden}
.id-cover{background-color:var(--navy);background-image:url('/assets/img/profile-banner.svg');background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:10px 10px 0 0;height:82px}
.id-body{padding:0 12px 16px}
.av72{align-items:center;background:var(--blue);border:3px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:72px;justify-content:center;margin-left:0;margin-top:-38px;width:72px}
.avatar-link{display:inline-flex;text-decoration:none}
.avatar-link:hover{text-decoration:none}
.avatar-wrap{aspect-ratio:1/1;display:inline-flex;flex:0 0 auto;overflow:visible;position:relative}
.avatar-wrap img{background:#fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,14,65,.08);height:100%;object-fit:cover;object-position:center center;width:100%}
.avatar-badge{align-items:center;background:var(--blue);border:2px solid #fff;border-radius:50%;bottom:-4px;color:#fff;display:flex;font-size:9px;font-weight:800;height:22px;justify-content:center;line-height:1;position:absolute;right:-5px;width:22px}
.avatar-72{height:72px;width:72px}.avatar-72 .avatar-badge{font-size:10px;height:25px;width:25px}
.avatar-96{height:96px;width:96px}.avatar-96 .avatar-badge{font-size:12px;height:30px;width:30px}
.avatar-160{height:160px;width:160px}.avatar-160 .avatar-badge{border-width:3px;font-size:17px;height:46px;right:-8px;width:46px}
.avatar-48{height:48px;width:48px}.avatar-48 .avatar-badge{font-size:8px;height:19px;right:-4px;width:19px}
.avatar-34{height:34px;width:34px}.avatar-34 .avatar-badge{font-size:7px;height:15px;right:-4px;width:15px}
.avatar-28{height:28px;width:28px}.avatar-28 .avatar-badge{font-size:7px;height:14px;right:-5px;width:14px}
.profile-main-avatar{border:4px solid #fff;border-radius:50%;margin-left:0;margin-top:-42px}
.profile-main-avatar img{box-shadow:0 8px 18px rgba(0,14,65,.14)}
.profile-hero-body .profile-plus{font-size:28px;height:38px;right:-12px;top:12px;width:38px}
.id-body h1{color:var(--navy);font-size:19px;font-weight:700;line-height:1.15;margin-top:8px}
.headline{-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:12px;line-height:1.35;margin-top:5px;overflow:hidden;-webkit-line-clamp:2}
.region{color:var(--text-faint);font-size:12px;margin-top:5px}
.trust-row{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:7px;margin-top:10px}
.charge-chip{background:var(--blue-50);border:1px solid var(--line);border-radius:999px;display:block;height:10px;overflow:hidden;width:52px}
.charge-chip i{background:var(--blue);display:block;height:100%}
.plug-page-row{align-items:center;border-top:1px solid var(--line);color:var(--text);display:flex;font-size:12px;font-weight:600;gap:8px;height:40px;padding:8px 12px;text-decoration:none}
.plug-page-row:hover{background:var(--hover);text-decoration:none}
.plug-page-logo{align-items:center;background:var(--blue-100);border-radius:6px;color:var(--blue);display:flex;height:24px;justify-content:center;width:24px}
.plug-page-logo .i{height:16px;width:16px}
.rail-card{padding:12px}
.rail-row{align-items:center;border-radius:6px;color:var(--text-muted);display:flex;font-size:13px;justify-content:space-between;margin:0 -8px;padding:4px 8px;text-decoration:none}
.rail-row b{color:var(--blue);font-weight:600}
.rail-row.muted b{color:var(--text-muted)}
.rail-row.strong{color:var(--navy);font-weight:600;justify-content:flex-start}
.rail-row:hover{background:var(--hover);text-decoration:none}
.rail-note{color:var(--text-muted);font-size:12px;line-height:1.45;margin:8px 0 4px}
.shortcuts{padding:8px 12px}
.shortcuts a{align-items:center;border-radius:6px;color:var(--text);display:flex;font-size:13px;font-weight:600;gap:8px;height:36px;margin:0 -8px;padding:0 8px;text-decoration:none}
.shortcuts a:hover{background:var(--hover)}
.shortcuts .i{height:16px;width:16px}

/* Composer and feed */
.composer-v2{padding:12px 16px}
.composer-v2 summary{align-items:center;cursor:pointer;display:flex;gap:8px;list-style:none}
.composer-v2 summary::-webkit-details-marker{display:none}
.av48{align-items:center;background:var(--blue);border-radius:50%;color:#fff;display:flex;flex:0 0 48px;font-size:15px;font-weight:700;height:48px;justify-content:center;width:48px}
.start-input{align-items:center;background:#fff;border:1px solid var(--text-faint);border-radius:24px;color:var(--text-muted);display:flex;flex:1;font-weight:600;height:48px;padding-left:16px;text-align:left}
.composer-v2 summary:hover .start-input{background:var(--hover)}
.type-actions{display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-top:6px}
.type-actions button{align-items:center;border-radius:6px;color:var(--text-muted);display:flex;font-size:14px;font-weight:600;gap:8px;height:38px;justify-content:center;padding:8px 12px}
.type-actions button:hover{background:var(--hover)}
.type-actions .i{height:20px;width:20px}
.type-actions button:nth-child(1) .i{color:var(--blue)}
.type-actions button:nth-child(2) .i{color:var(--navy)}
.type-actions button:nth-child(3) .i{color:var(--blue)}
.composer-form-v2{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px}
.composer-form-v2 label{color:var(--navy);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:5px}
.form-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.composer-form-v2 input,.composer-form-v2 select,.composer-form-v2 textarea{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:38px;padding:9px 10px}
.composer-form-v2 textarea{line-height:1.45;resize:vertical}
.composer-form-v2 input:focus,.composer-form-v2 select:focus,.composer-form-v2 textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100);outline:0}
.form-submit{border:0;margin-left:0;width:max-content}
.sort-divider{align-items:center;color:var(--text-muted);display:flex;font-size:12px;margin:0;min-height:24px}
.sort-divider::before{background:var(--line);content:"";flex:1;height:1px}
.sort-divider span{background:var(--blue-50);padding-left:8px}
.sort-divider b{color:var(--text);font-weight:600}
.feed-stack{display:flex;flex-direction:column;gap:8px}

.post-v2{overflow:hidden}
.post-context{align-items:center;color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between;padding:8px 16px 0}
.post-context::after{background:var(--line);content:"";display:block;height:1px;left:16px;position:absolute;right:16px;top:31px}
.post-context{position:relative}
.context-actions{display:flex;gap:2px}
.context-actions button{border-radius:50%;color:var(--text-muted);display:grid;height:24px;place-items:center;width:24px}
.context-actions button:hover{background:var(--hover);color:var(--text)}
.context-actions .i{height:16px;width:16px}
.post-author{align-items:flex-start;display:flex;gap:8px;padding:12px 16px 0}
.post-author>div{flex:1;min-width:0}
.author-name{color:var(--navy);font-size:14px;font-weight:600;text-decoration:none}
.degree{color:var(--text-faint);font-size:12px}
.post-author p{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-author small{color:var(--text-faint);display:block;font-size:12px}
.follow-btn{border-radius:14px;color:var(--blue);font-size:14px;font-weight:600;margin-top:-2px;padding:5px 9px;text-decoration:none;white-space:nowrap}
.follow-btn:hover{background:var(--blue-50);text-decoration:none}
.chip-line{display:flex;padding:8px 16px 0}
.post-chip{align-items:center;border-radius:11px;display:inline-flex;font-size:11.5px;font-weight:700;height:22px;letter-spacing:.02em;max-width:100%;padding:0 10px}
.post-chip b{font-weight:700;margin-left:12px}
.post-chip.need{background:var(--blue-100);color:var(--blue)}
.post-chip.bounty{background:var(--navy);color:#fff;justify-content:space-between;min-width:136px}
.post-chip.process{background:#fff;border:1px solid var(--line);color:var(--navy)}
.post-chip.post{background:var(--hover);color:var(--text-muted)}
.post-text{color:var(--text);font-size:14px;line-height:1.5;padding:8px 16px}
.post-text p{font-size:14px;line-height:1.5}
.post-text details summary{cursor:pointer;display:block;list-style:none}
.post-text details summary::-webkit-details-marker{display:none}
.post-text details summary span{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3}
.post-text details summary b{color:var(--text-muted);font-weight:600}
.post-text details[open] summary{display:none}
.post-media{aspect-ratio:1.91/1;display:block;height:auto;object-fit:cover;width:100%}
.demo-media{align-items:center;background:var(--navy);color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:center;min-height:188px;text-align:center}
.proof-row{align-items:center;border-bottom:1px solid var(--line);color:var(--text-muted);display:flex;font-size:12px;gap:6px;padding:8px 16px}
.spark-cluster{align-items:center;background:var(--blue);border-radius:50%;color:#fff;display:flex;height:18px;justify-content:center;width:18px}
.spark-cluster .i{height:12px;width:12px}
.action-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:4px 8px}
.action-row form{display:flex}
.action-row button,.action-row a{align-items:center;border-radius:6px;color:var(--text-muted);display:flex;font-size:14px;font-weight:600;gap:6px;height:40px;justify-content:center;padding:0 6px;text-decoration:none;width:100%}
.action-row button:hover,.action-row a:hover{background:var(--hover)}
.action-row .i{height:20px;width:20px}
.action-row .sparked{color:var(--blue)}
.empty-state{align-items:center;display:flex;flex-direction:column;gap:9px;padding:34px 18px;text-align:center}
.empty-state h2{color:var(--navy);font-size:17px}
.empty-state p{color:var(--text-muted);font-size:13px;max-width:360px}
.empty-icon{align-items:center;background:var(--blue-100);border-radius:14px;color:var(--blue);display:flex;height:56px;justify-content:center;width:56px}
.load-more{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);color:var(--navy);font-size:13px;font-weight:600;padding:10px;text-align:center;text-decoration:none}
.whatsnew{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:2px;padding:10px 12px}
.whatsnew b{color:var(--navy);font-weight:600}

/* Right rail */
.right-card{padding:12px 16px}
.right-card h2,.right-title h2{color:var(--navy);font-size:16px;font-weight:600;line-height:1.2}
.right-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}
.right-title button{border-radius:50%;color:var(--text-muted);height:24px;width:24px}
.right-title button:hover{background:var(--hover)}
.right-title .i{height:17px;width:17px}
.right-title a{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}
.rail-count{background:var(--blue-50);border:1px solid var(--line);border-radius:999px;color:var(--blue);font-size:11px;font-weight:800;padding:3px 8px}
.bounty-row{align-items:center;border-radius:6px;color:var(--text);display:grid;gap:8px;grid-template-columns:32px minmax(0,1fr) 16px;margin:0 -8px;min-height:48px;padding:8px;text-decoration:none}
.bounty-row:hover{background:var(--hover);text-decoration:none}
.tile{align-items:center;background:var(--blue-100);border-radius:8px;color:var(--blue);display:flex;height:32px;justify-content:center;width:32px}
.tile .i{height:18px;width:18px}
.bounty-row b,.person-row b{color:var(--text);display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bounty-row small,.person-row small{color:var(--text-muted);display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bounty-row>.i{color:var(--text-faint);height:16px;width:16px}
.show-more,.footer-link{color:var(--text-muted);display:block;font-size:13px;font-weight:600;margin:6px -8px -4px;padding:8px;text-decoration:none}
.show-more:hover,.footer-link:hover{background:var(--hover);text-decoration:none}
.person-row{display:flex;gap:8px;margin:10px 0}
.person-row .person-avatar{flex:0 0 auto}
.person-row>span:last-child{min-width:0}
.person-row form{margin-top:6px}
.person-row button{align-items:center;border:1px solid var(--navy);border-radius:14px;color:var(--navy);display:inline-flex;font-size:13px;font-weight:600;height:28px;padding:0 12px;text-decoration:none}
.person-row button:hover{background:var(--hover);box-shadow:inset 0 0 0 1px var(--navy)}
.person-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.person-meta i{background:#f7f9ff;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);font-size:10.5px;font-style:normal;font-weight:700;line-height:1;padding:4px 6px}
.signal-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr}
.signal-tile{background:#f8fbff;border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:58px;padding:9px 10px;text-decoration:none}
.signal-tile:hover{border-color:var(--blue);text-decoration:none}
.signal-tile b{color:var(--blue);display:block;font-size:18px;line-height:1}
.signal-tile span{color:var(--text-muted);display:block;font-size:11px;font-weight:700;line-height:1.25;margin-top:5px}
.pulse-row{border-top:1px solid var(--line);color:var(--text);display:block;padding:10px 0;text-decoration:none}
.pulse-row:first-of-type{border-top:0}
.pulse-row:hover b{color:var(--blue)}
.pulse-row b,.pulse-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pulse-row b{font-size:13px;margin-top:5px}
.pulse-row small{color:var(--text-muted);font-size:11.5px}
.pulse-type{background:var(--blue-50);border:1px solid var(--line);border-radius:999px;color:var(--blue);display:inline-flex;font-size:10.5px;font-weight:800;line-height:1;padding:4px 7px;text-transform:capitalize}
.pulse-type.bounty{background:#fff7ed;color:#a85600}.pulse-type.process{background:#eef7ff;color:#064a8f}
.promo-card{padding:12px 16px;text-align:center}
.promo-card>span{color:var(--text-faint);display:block;font-size:11px;text-align:right}
.promo-logo{align-items:center;background:var(--blue-100);border-radius:50%;color:var(--blue);display:flex;height:64px;justify-content:center;margin:4px auto 10px;width:64px}
.promo-logo .i{height:32px;width:32px}
.promo-card p{color:var(--text);font-size:13px;margin:0 auto 10px;max-width:210px}
.promo-card a{align-items:center;border:1px solid var(--navy);border-radius:14px;color:var(--navy);display:inline-flex;font-size:13px;font-weight:600;height:28px;padding:0 14px;text-decoration:none}
.promo-card a:hover{background:var(--hover)}

/* Direct Lines dock */
.lines-dock{bottom:0;position:fixed;right:24px;width:288px;z-index:90}
.lines-bar{align-items:center;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;box-shadow:0 -2px 12px rgba(0,14,65,.12);display:flex;height:44px;padding:0 10px;width:100%}
.dock-avatar::after{background:#12B76A;border:2px solid #fff;border-radius:50%;bottom:-1px;content:"";height:9px;position:absolute;right:-1px;width:9px}
.lines-bar b{color:var(--navy);font-size:14px;font-weight:600;margin-left:8px}
.dock-actions{align-items:center;color:var(--text-muted);display:flex;gap:8px;margin-left:auto}
.dock-actions .i{height:18px;width:18px}
.lines-panel{background:#fff;border:1px solid var(--line);border-bottom:0;box-shadow:0 -8px 24px rgba(0,14,65,.12);display:none;height:356px;overflow:auto;padding:8px}
.lines-dock.open .lines-panel{display:block}
.lines-dock.open .dock-caret{transform:rotate(180deg)}
.lines-panel a{align-items:center;border-radius:8px;color:var(--text);display:flex;gap:8px;padding:8px;text-decoration:none}
.lines-panel a:hover{background:var(--hover)}
.lines-panel b{display:block;font-size:13px;font-weight:600}
.lines-panel small{color:var(--text-muted);display:block;font-size:12px}
.line-empty-icon{align-items:center;background:var(--blue-50);border-radius:50%;color:var(--blue);display:flex;flex:0 0 auto;height:28px;justify-content:center;width:28px}
.line-empty-icon .i{height:16px;width:16px}

.tabbar-mobile{display:none}

/* Legacy compatibility for untouched milestone pages */
.appnav{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:14px;height:52px;padding:0 max(16px,calc((100vw - 1128px)/2));position:sticky;top:0;z-index:80}
.appnav .spacer{flex:1}.appnav .search{align-items:center;background:var(--blue-50);border:1px solid var(--line);border-radius:17px;display:flex;min-height:34px;padding:0 12px;width:280px}.logo-nav img{height:34px;width:auto}
.btn,.btn-line,.btn-blue{align-items:center;border-radius:17px;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;min-height:34px;padding:0 16px;text-decoration:none}.btn-primary,.btn-blue{background:var(--blue);color:#fff}.btn-ghost,.btn-line{background:#fff;border:1px solid var(--line);color:var(--navy)}.btn.wide{width:100%}.btn.sm{min-height:34px}
.col-left,.col-right{align-self:start;position:sticky;top:76px}.col-center{min-width:0}.profile-card{overflow:hidden}.profile-card .cover{background:var(--navy);height:56px}.profile-card .body{padding:0 12px 14px;text-align:center}.profile-card .avatar{border:3px solid #fff;height:56px;margin:-28px auto 8px;width:56px}
.avatar{align-items:center;background:var(--blue);border-radius:50%;color:#fff;display:inline-flex;font-weight:700;height:40px;justify-content:center;width:40px}.quicklinks{padding:8px 12px}.quicklinks a{align-items:center;border-radius:6px;color:var(--text);display:flex;font-size:13px;font-weight:600;gap:8px;min-height:36px;text-decoration:none}.quicklinks a:hover{background:var(--hover)}.soon{color:var(--text-faint);font-size:11px;margin-left:auto}
.post{padding:16px}.post .head{display:flex;gap:8px}.post .who{flex:1}.post .name{color:var(--navy);font-weight:600}.post .meta{color:var(--text-muted);font-size:12px}.post .body{font-size:14px;line-height:1.5;margin-top:8px}.post .foot{border-top:1px solid var(--line);display:flex;gap:4px;margin-top:10px;padding-top:4px}.post .foot button{border-radius:6px;color:var(--text-muted);font-weight:600;height:40px;padding:0 10px}.post .foot button:hover{background:var(--hover)}
.meter{background:var(--blue-50);border:1px solid var(--line);border-radius:999px;height:7px;overflow:hidden}.meter i{background:var(--blue);display:block;height:100%}.meter-label,.mini-stats{display:flex;justify-content:space-between}.mini-stats{border-top:1px solid var(--line);margin-top:12px}.mini-stats a{flex:1;padding:10px;text-align:center;text-decoration:none}.tier-pill,.badge-blue{background:var(--blue-100);border-radius:999px;color:var(--blue);font-size:11px;font-weight:700;padding:4px 8px}.side-list{padding:8px}.side-item{align-items:center;border-radius:6px;display:flex;gap:8px;padding:8px}.side-item:hover{background:var(--hover)}
.tabbar{display:none}

/* Landing, setup, auth basics */
.gate{background:var(--blue-50);color:var(--text);display:flex;flex-direction:column;min-height:100dvh}.g-top{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 22px}.g-top .brand{align-items:center;display:flex;gap:10px}.brand .socket{background:url('/assets/img/mark-blue.png') center/contain no-repeat;border-radius:6px;height:42px;width:42px}.brand .socket svg{display:none}.brand .word{color:var(--navy);font-size:16px;font-weight:700}.live-pill{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--blue);font-size:11px;font-weight:700;padding:6px 12px}.live-pill .dot{background:var(--blue);border-radius:50%;display:inline-block;height:7px;margin-right:7px;width:7px}.wiremark{height:1px;background:var(--line)}.g-hero{display:flex;flex:1;flex-direction:column;justify-content:center;margin:0 auto;max-width:680px;padding:52px 22px;width:100%}.g-hero h1{color:var(--navy);font-size:clamp(40px,9vw,76px);font-weight:800;line-height:.98}.g-hero h1 .volt{color:var(--blue)}.g-sub{color:var(--text-muted);font-size:16px;line-height:1.65;margin:18px 0 26px;max-width:530px}.g-sub b{color:var(--navy)}.wl-form{display:flex;flex-direction:column;gap:10px;max-width:460px}.wl-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.wl-form input,.wl-form select{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--text);min-height:46px;padding:12px 14px}.btn-volt{background:var(--blue);border-radius:999px;color:#fff;font-weight:700;min-height:46px;padding:12px 18px}.err{background:#FFF1F2;border-radius:10px;color:#C0172D;font-size:13px;font-weight:700;padding:10px 12px}.count{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.1em;margin-top:14px;text-transform:uppercase}.card.joined{max-width:460px;padding:18px}.g-foot{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:12px;justify-content:space-between;padding:18px 22px}.plain{color:var(--text);margin:0 auto;max-width:680px;padding:58px 22px}.plain.center{text-align:center;padding-top:22vh}.plain h1{color:var(--navy);font-size:38px;margin-bottom:14px}.plain h2{color:var(--text-muted);font-size:14px;margin:24px 0 10px}.plain .ok{color:var(--blue);font-weight:700}.plain table{background:#fff;border:1px solid var(--line);border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.plain th,.plain td{border-bottom:1px solid var(--line);font-size:12px;padding:9px 10px;text-align:left}.plain th{background:var(--blue-50);color:var(--text-muted);font-size:11px;text-transform:uppercase}

/* Public landing */
.landing{background:#fff;color:var(--text);min-height:100dvh}
.landing-nav{align-items:center;background:#fff;display:flex;height:72px;margin:0 auto;max-width:1128px;padding:0 16px}
.landing-brand{align-items:center;color:var(--navy);display:flex;text-decoration:none}
.landing-brand img{height:58px;object-fit:contain;object-position:left center;width:230px}
.brand-n{color:var(--blue)}
.landing-nav nav{align-items:center;display:flex;gap:10px;margin-left:auto}
.landing-nav nav a{border-radius:18px;color:var(--text-muted);font-size:13px;font-weight:700;padding:7px 10px;text-decoration:none}
.landing-nav nav a:hover{background:var(--hover);color:var(--text)}
.landing-actions{align-items:center;display:flex;gap:8px;margin-left:16px}
.join-link{border-radius:18px;color:var(--text-muted);font-size:13px;font-weight:700;padding:8px 12px;text-decoration:none}
.join-link:hover{background:var(--hover);text-decoration:none}
.signin-link{align-items:center;border:1px solid var(--blue);border-radius:18px;color:var(--blue);display:flex;font-size:13px;font-weight:700;height:38px;padding:0 18px;text-decoration:none}
.signin-link:hover{background:var(--blue-50);text-decoration:none}
.landing-hero{display:grid;gap:42px;grid-template-columns:minmax(0,1fr) 380px;margin:0 auto;max-width:1128px;min-height:500px;padding:54px 16px 42px}
.hero-copy{align-self:center}
.eyebrow{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hero-copy h1{color:var(--navy);font-family:var(--font);font-size:56px;font-weight:800;letter-spacing:0;line-height:1.08;margin-top:10px;max-width:650px}
.hero-blue,.hero-copy p strong{color:var(--blue);font-weight:800}
.hero-copy p:not(.eyebrow){color:var(--text-muted);font-size:16px;line-height:1.42;margin-top:16px;max-width:560px}
.hero-picture{border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 44px rgba(0,14,65,.08);grid-column:1/2;margin-top:-18px;width:min(100%,560px)}
.signin-card{align-self:center;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 44px rgba(0,14,65,.1);padding:20px}
.signin-profile{align-items:center;display:flex;gap:12px;margin-bottom:16px}
.hero-avatar{align-items:center;aspect-ratio:1/1;background:var(--blue);border-radius:50%;color:#fff;display:flex;flex:0 0 64px;font-size:20px;font-weight:700;height:64px;justify-content:center;line-height:1;width:64px}
.signin-profile b{color:var(--navy);display:block;font-size:17px}
.signin-profile small{color:var(--text-muted);display:block;font-size:13px;line-height:1.35;margin-top:3px}
.primary-pill,.outline-pill{align-items:center;border-radius:24px;display:flex;font-weight:700;height:48px;justify-content:center;text-decoration:none;width:100%}
.primary-pill{background:var(--blue);color:#fff}
.primary-pill:hover{background:var(--blue-600);text-decoration:none}
.outline-pill{background:#fff;border:1px solid var(--navy);color:var(--navy);margin-top:10px}
.outline-pill:hover{background:var(--hover);text-decoration:none}
.signin-card p{color:var(--text-muted);font-size:12px;line-height:1.45;margin-top:14px}
.signin-card>span{border-top:1px solid var(--line);color:var(--text-muted);display:block;font-size:14px;margin-top:16px;padding-top:14px;text-align:center}
.landing-band{display:grid;gap:34px;grid-template-columns:340px minmax(0,1fr);margin:0 auto;max-width:1128px;padding:48px 16px}
.who-band,.final-cta{background:var(--blue-50);max-width:none}
.landing-band h2,.post-job-band h2,.feature-stack h2,.people-learning h2,.who-band h2,.final-cta h2{color:var(--navy);font-size:28px;font-weight:700;letter-spacing:0;line-height:1.18}
.landing-band p,.feature-stack p,.who-band p{color:var(--text-muted);font-size:14px;line-height:1.48;margin-top:8px}
.topic-cloud{align-content:start;display:flex;flex-wrap:wrap;gap:10px}
.topic-cloud a{align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;color:var(--text-muted);display:flex;font-size:13px;font-weight:700;min-height:40px;padding:0 15px;text-decoration:none}
.topic-cloud a:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}
.topic-cloud.compact a{min-height:38px}
.post-job-band{align-items:center;display:flex;gap:24px;justify-content:center;margin:0 auto;max-width:1128px;padding:42px 16px}
.post-job-band .outline-pill{margin:0;width:auto;padding:0 24px}
.feature-stack{display:grid;gap:26px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1128px;padding:56px 16px}
.feature-picture{aspect-ratio:16/9;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-card);height:auto;margin-bottom:18px;object-fit:cover;width:100%}
.feature-art{background:var(--blue-50);border:1px solid var(--line);border-radius:10px;height:180px;margin-bottom:18px;position:relative;overflow:hidden}
.feature-art::before{background:#fff;border:1px solid var(--line);border-radius:10px;content:"";height:92px;left:28px;position:absolute;right:28px;top:42px}
.feature-art::after{background:var(--blue);border-radius:50%;content:"";height:54px;left:50%;position:absolute;top:62px;transform:translateX(-50%);width:54px}
.lines-art::after{border-radius:14px;height:48px;width:86px}
.insight-art::after{border-radius:8px;height:70px;width:70px}
.people-learning{display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1128px;padding:50px 16px}
.people-learning>div{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-card);padding:24px}
.people-learning .outline-pill{margin-top:18px;width:max-content;padding:0 22px}
.people-learning label{color:var(--text-muted);display:block;font-size:14px;font-weight:600;margin:16px 0 8px}
.people-learning select{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--text);height:48px;padding:0 12px;width:100%}
.who-band{display:grid;gap:30px;grid-template-columns:360px minmax(0,1fr);padding:58px max(16px,calc((100vw - 1128px)/2))}
.who-links{display:flex;flex-direction:column;gap:10px}
.who-links a{align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--navy);display:flex;font-size:18px;font-weight:600;min-height:54px;padding:0 18px;text-decoration:none}
.who-links a:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}
.final-cta{padding:70px 16px;text-align:center}
.final-cta h2{font-size:44px;margin:0 auto;max-width:760px}
.final-cta .primary-pill{margin:24px auto 0;width:max-content;padding:0 28px}
.landing-footer{background:#fff;border-top:1px solid var(--line);display:grid;gap:24px;grid-template-columns:1.15fr repeat(4,1fr);margin:0 auto;max-width:1128px;padding:30px 16px}
.footer-brand img{height:auto;width:58px}.footer-brand small{color:var(--text-faint);display:block;font-size:10.5px;line-height:1.45;margin-top:8px;max-width:260px}
.landing-footer h3{color:var(--navy);font-size:12px;font-weight:800;margin-bottom:7px}.landing-footer a{color:var(--text-muted);display:block;font-size:11.5px;line-height:1.75;text-decoration:none}.landing-footer a:hover{color:var(--blue);text-decoration:underline}

/* Auth pages */
.auth{align-items:center;background:var(--blue-50);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100dvh;padding:28px 16px}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 44px rgba(0,14,65,.1);max-width:440px;padding:28px;width:100%}
.auth-card h1{color:var(--navy);font-size:28px;font-weight:700;line-height:1.15}.auth-card .sub{color:var(--text-muted);font-size:14px;margin:8px 0 18px}.auth-card label{color:var(--navy);display:block;font-size:13px;font-weight:700;margin-top:14px}.auth-card input{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--text);display:block;height:44px;margin-top:6px;padding:0 12px;width:100%}.auth-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100);outline:0}.auth-card .alt{color:var(--text-muted);font-size:13px;margin-top:16px;text-align:center}.auth-card .opt{color:var(--text-faint);font-weight:500}.auth-brand img,.logo-nav.lg img{height:42px;width:auto}.ok{background:#ECFDF3;border-radius:8px;color:#087443;font-size:13px;font-weight:700;margin-bottom:12px;padding:10px 12px}
.auth-premium{align-items:center;background:linear-gradient(180deg,#fff 0%,#EFF3FF 100%);display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:34px 18px;position:relative}
.auth-logo{display:block;margin-bottom:22px;text-decoration:none}
.auth-logo img{height:auto;width:206px}
.auth-premium-wrap{align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 430px;max-width:1040px;width:100%}
.auth-insight{background:var(--navy);border-radius:8px;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:520px;overflow:hidden;padding:42px;position:relative}
.auth-insight::after{background:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:48px 48px;content:"";inset:0;opacity:.22;position:absolute}
.auth-insight>*{position:relative;z-index:1}
.auth-insight .eyebrow{color:#AFC0FF;font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.auth-insight h1{font-size:46px;font-weight:900;letter-spacing:0;line-height:1.02;margin-top:12px;max-width:560px}
.auth-insight p:not(.eyebrow){color:#D8DFFF;font-size:15px;line-height:1.55;margin-top:16px;max-width:560px}
.auth-signal-row{border-top:1px solid rgba(255,255,255,.18);display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;padding-top:20px}
.auth-signal-row span{color:#D8DFFF;font-size:12px;line-height:1.3}
.auth-signal-row b{color:#fff;display:block;font-size:21px}
.auth-panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 44px rgba(0,14,65,.12);display:flex;flex-direction:column;justify-content:center;padding:30px}
.auth-panel-head{align-items:center;display:flex;gap:14px;margin-bottom:18px}
.auth-panel-head img{border:3px solid var(--blue-100);border-radius:50%;height:58px;object-fit:cover;width:58px}
.auth-panel h2{color:var(--navy);font-size:28px;font-weight:900;letter-spacing:0;line-height:1.1}
.auth-panel-head p{color:var(--text-muted);font-size:13px;line-height:1.4;margin-top:4px}
.auth-panel label{color:var(--navy);display:block;font-size:13px;font-weight:800;margin-top:14px}
.auth-panel input{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);display:block;height:46px;margin-top:6px;padding:0 13px;width:100%}
.auth-panel input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100);outline:0}
.auth-form-row{display:flex;justify-content:flex-end;margin-top:10px}
.auth-form-row a,.auth-alt a{font-weight:800}
.auth-submit{align-items:center;background:var(--blue);border-radius:999px;color:#fff;display:flex;font-weight:900;height:48px;justify-content:center;margin-top:20px;width:100%}
.auth-submit:hover{background:var(--blue-600)}
.auth-alt{border-top:1px solid var(--line);color:var(--text-muted);font-size:13px;margin-top:20px;padding-top:18px;text-align:center}
.auth-legal{color:var(--text-faint);font-size:11px;margin-top:18px;text-align:center}

@media(max-width:1199px){
  .wrap{max-width:100%;padding-left:16px;padding-right:16px}
  .shell{grid-template-columns:260px minmax(0,1fr)}
  .shell.wrap.shell-wide{padding-left:16px;padding-right:16px}
  .rail-r{display:none}
  .board-shell .feed-stack{grid-template-columns:1fr}
  .profile-layout{grid-template-columns:minmax(220px,250px) minmax(0,1fr);padding-left:16px;padding-right:16px}
}
@media(max-width:991px){
  .tabs,.vdiv,.wallet-tab,.btn-post:not(.form-submit),.lines-dock{display:none}
  .topbar .brand{display:block;flex:0 0 34px}
  .gsearch{flex:1;margin-left:8px;width:auto}
  .mobile-alert{align-items:center;color:var(--text-muted);display:flex;height:44px;justify-content:center;margin-left:8px;position:relative;width:44px}
  .mobile-alert .i{height:24px;width:24px}
}
@media(max-width:767px){
  .topbar-wrap{padding-left:8px;padding-right:8px}
  .topbar + .shell{margin-top:52px}
  .shell{display:block;padding:8px 0 72px}
  .rail-l{display:none}
  .feed{gap:0}
  .feed>.card{border-left:0;border-radius:0;border-right:0;box-shadow:none}
  .feed-stack{gap:0}
  .post-v2{border-top:0}
  .sort-divider{padding:0 12px}
  .sort-divider span{background:var(--blue-50)}
  .form-grid{grid-template-columns:1fr}
  .type-actions button{font-size:13px;padding:8px 4px}
  .action-row button,.action-row a{font-size:12px;gap:4px}
  .action-row .i{height:18px;width:18px}
  .demo-media{min-height:156px}
  .tabbar-mobile{background:#fff;border-top:1px solid var(--line);bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(56px + env(safe-area-inset-bottom));left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:110}
  .tabbar-mobile a{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:2px;justify-content:center;text-decoration:none}
  .tabbar-mobile a.active{color:var(--blue)}
  .tabbar-mobile .i{height:22px;width:22px}
  .tabbar-mobile .post-tab{align-self:center;background:var(--blue);border-radius:50%;box-shadow:0 6px 18px rgba(1,53,244,.28);color:#fff;height:44px;justify-self:center;margin-top:-18px;width:44px}
  .tabbar-mobile .post-tab .i{height:26px;width:26px}
  .wl-row{grid-template-columns:1fr}
  .landing-nav{height:auto;min-height:64px;padding:10px 16px}.landing-brand img{height:48px;width:184px}.landing-nav nav{display:none}.landing-actions{margin-left:auto}.join-link{display:none}.signin-link{height:36px}
  .landing-hero,.landing-band,.feature-stack,.people-learning,.who-band{display:block;padding-left:16px;padding-right:16px}
  .landing-hero{padding-top:34px}.hero-copy h1{font-size:40px}.hero-copy p:not(.eyebrow){font-size:14.5px;line-height:1.42}.hero-picture{margin-top:24px}.signin-card{margin-top:28px}
  .landing-band h2,.post-job-band h2,.feature-stack h2,.people-learning h2,.who-band h2{font-size:24px}.topic-cloud{margin-top:20px}.topic-cloud a{font-size:12.5px;min-height:38px}
  .post-job-band{align-items:flex-start;flex-direction:column;padding:42px 16px}.post-job-band .outline-pill{width:max-content}
  .feature-stack article+article,.people-learning>div+div{margin-top:24px}.feature-art{height:150px}.who-links{margin-top:22px}.who-links a{font-size:15px}.final-cta h2{font-size:30px}
  .landing-footer{display:grid;gap:18px 20px;grid-template-columns:repeat(2,minmax(0,1fr));padding:28px 16px}.footer-brand{grid-column:1/-1}.footer-brand img{width:52px}.footer-brand small{max-width:none}.landing-footer h3{font-size:12px}.landing-footer a{font-size:11.5px;line-height:1.8}
  .auth-premium{justify-content:flex-start;padding:24px 14px}.auth-logo img{width:176px}.auth-premium-wrap{grid-template-columns:1fr}.auth-insight{min-height:auto;padding:28px}.auth-insight h1{font-size:34px}.auth-signal-row{grid-template-columns:1fr}.auth-panel{padding:22px}
  .profile-layout{display:flex;flex-direction:column;margin-top:52px;padding:12px 0 72px}.profile-side{order:2;position:static;padding:0 12px}.profile-main{order:1}.profile-main>.card,.profile-side>.card{border-left:0;border-radius:0;border-right:0}.profile-hero-cover{height:150px}.profile-cover-tools{right:10px;top:10px}.profile-hero-body{display:block;padding:0 16px 18px}.profile-hero-body .profile-photo-edit{margin-top:-46px}.profile-title h1{font-size:25px}.profile-actions{justify-content:flex-start;padding-top:12px}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-media-grid{grid-template-columns:1fr}.profile-plus{height:26px;width:26px}
  .media-cropper{align-items:flex-start;padding:10px}.media-crop-dialog{max-height:calc(100dvh - 20px);padding:14px}.media-crop-workspace{grid-template-columns:1fr}.media-crop-preview{display:none}.media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-crop-controls input[type=range]{width:110px}.media-crop-actions{justify-content:stretch}.media-crop-actions .profile-btn{flex:1}
}
@media(max-width:767px){
  .profile-hero-body .avatar-160{height:112px;width:112px}
  .profile-hero-body .avatar-160 .avatar-badge{font-size:12px;height:32px;right:-5px;width:32px}
  .profile-hero-body .profile-plus{font-size:22px;height:30px;right:-8px;top:8px;width:30px}
  .profile-side-card .avatar-96{height:84px;width:84px}
}