@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";html{background:#f6f6ef}body{color:#192822;-webkit-font-smoothing:antialiased;background:#f6f6ef;min-width:320px;margin:0;font-family:DM Sans,system-ui,sans-serif}#root{min-height:100svh}:root{--ink:#192822;--muted:#6c7772;--border:#dbe2dc;--cream:#f6f6ef;--paper:#fcfcf8;--lime:#dfff65;--lime-deep:#d4f04f;--forest:#163a31}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{cursor:pointer}.auth-shell{background:var(--paper);grid-template-columns:1.04fr .96fr;min-height:100svh;display:grid}.auth-intro{background:var(--forest);color:#eff4e6;flex-direction:column;align-items:flex-start;padding:clamp(2rem,7vw,7rem);display:flex;position:relative;overflow:hidden}.auth-intro:after{content:"⌁";color:#31574c;font:clamp(15rem,32vw,33rem)/.7 Fraunces,serif;position:absolute;bottom:-.36em;right:-.1em}.brand{color:var(--ink);letter-spacing:-.05em;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.brand--large{color:var(--lime);z-index:1;position:relative}.brand-mark{width:2rem;height:2rem;color:var(--forest);background:var(--lime);letter-spacing:-.18em;border-radius:.5rem;place-items:center;font:500 .75rem DM Mono,monospace;display:grid}.auth-intro .eyebrow{z-index:1;color:var(--lime);margin-top:auto;position:relative}.auth-intro h1{z-index:1;letter-spacing:-.065em;max-width:8ch;margin:.75rem 0 1.2rem;font:600 clamp(3rem,6vw,6rem)/.95 Fraunces,serif;position:relative}.intro-copy{z-index:1;color:#b7c9bd;max-width:28rem;font-size:1.05rem;line-height:1.6;position:relative}.stat-row{z-index:1;gap:2.5rem;margin-top:3rem;display:flex;position:relative}.stat-row div{gap:.25rem;display:grid}.stat-row strong{color:var(--lime);font:600 1.75rem/1 Fraunces,serif}.stat-row span{color:#b7c9bd;font-size:.8rem}.auth-card-wrap{place-items:center;padding:2rem;display:grid}.auth-card{width:min(100%,31rem)}.auth-kicker,.eyebrow{color:#66806f;letter-spacing:.08em;text-transform:uppercase;margin:0;font:500 .72rem DM Mono,monospace}.auth-card h2{letter-spacing:-.055em;color:var(--ink);margin:.75rem 0 .5rem;font:600 clamp(2.1rem,4vw,3.3rem)/1 Fraunces,serif}.auth-subtitle{color:var(--muted);margin:0 0 2.2rem;line-height:1.55}.auth-form,.profile-form{gap:1.1rem;display:grid}.auth-form label,.profile-form label{color:#3d4a44;gap:.48rem;font-size:.84rem;font-weight:600;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:.55rem;outline:none;padding:.8rem .9rem;transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:#a9b0ac}input:focus,textarea:focus,select:focus{border-color:#6c9180;box-shadow:0 0 0 3px #dff0e3}textarea{resize:vertical}.form-error{color:#b74238;margin:0;font-size:.85rem}.button{border:0;border-radius:.55rem;justify-content:center;align-items:center;gap:.55rem;min-height:2.7rem;padding:.62rem .95rem;font-weight:700;transition:transform .18s,background .18s,opacity .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{background:var(--lime);color:#173229}.button--primary:hover:not(:disabled){background:var(--lime-deep)}.button--ghost{color:#33443d;background:#edf1eb}.button--ghost:hover:not(:disabled){background:#e0e7df}.button--wide{width:100%;min-height:3rem;margin-top:.4rem}.auth-switch{text-align:center;color:var(--muted);margin:1.4rem 0 0;font-size:.87rem}.auth-switch button{color:var(--forest);background:0 0;border:0;margin-left:.4rem;padding:0;font-weight:700;text-decoration:underline}.app-shell{background:var(--cream);grid-template-columns:15.25rem 1fr;min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--border);background:#f4f5ef;flex-direction:column;padding:1.6rem 1.1rem 1rem;display:flex}.sidebar nav{gap:.35rem;margin-top:3.75rem;display:grid}.nav-item{text-align:left;color:#607069;background:0 0;border:0;border-radius:.55rem;align-items:center;gap:.85rem;padding:.78rem .85rem;font-weight:600;display:flex}.nav-item span{text-align:center;width:1.15rem;font:500 1.15rem DM Mono,monospace}.nav-item:hover{color:var(--ink);background:#e9ede6}.nav-item--active{background:var(--forest);color:#f4f5ef}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:.9rem .4rem 0}.signed-in{align-items:center;gap:.7rem;display:flex}.signed-in div{gap:.1rem;display:grid}.signed-in strong{color:var(--ink);font-size:.85rem}.signed-in span{color:#789084;font:500 .64rem DM Mono,monospace}.signout{color:#738078;background:0 0;border:0;margin:1rem 0 .1rem;padding:0;font-size:.77rem;text-decoration:underline}.main-panel{min-width:0}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfcf8b8;justify-content:space-between;align-items:center;min-height:5rem;padding:0 4.5vw;display:flex}.topbar__crumb{color:#8a9790;font:500 .73rem DM Mono,monospace}.topbar__slash{color:#bdc7bf;margin:0 .55rem}.topbar__crumb strong{color:var(--ink)}.topbar__right{color:#688073;align-items:center;gap:.42rem;font-size:.76rem;display:flex}.online-dot,.availability i{background:#6eb980;border-radius:50%;width:.48rem;height:.48rem;display:inline-block}.notice{z-index:3;border-radius:.6rem;align-items:center;gap:1rem;max-width:min(29rem,100vw - 2rem);padding:.85rem .9rem .85rem 1rem;font-size:.84rem;display:flex;position:fixed;top:1.15rem;right:1.4rem;box-shadow:0 14px 35px #18332620}.notice--success{color:#ecf4e7;background:#193d32}.notice--error{color:#fff5f0;background:#6e302a}.notice button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:1.2rem}.content-section{max-width:96rem;margin:0 auto;padding:clamp(2rem,5vw,4.75rem)}.content-section--narrow{max-width:60rem}.section-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.5rem;display:flex}.section-heading h1{max-width:14ch;color:var(--ink);letter-spacing:-.065em;margin:.65rem 0 .75rem;font:600 clamp(2.35rem,4.7vw,4.5rem)/.98 Fraunces,serif}.section-heading p:not(.eyebrow){color:var(--muted);margin:0}.refresh-button{border:1px solid var(--border);color:#597066;white-space:nowrap;background:#fbfcf8;border-radius:.45rem;padding:.55rem .75rem;font-size:.78rem}.developer-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.25rem;display:grid}.developer-card{border:1px solid var(--border);background:#fff;border-radius:.85rem;overflow:hidden;box-shadow:0 4px 12px #19332608}.card-photo-wrap{background:#e3e8df;height:13.5rem;position:relative;overflow:hidden}.avatar{object-fit:cover;color:#315044;background:#dce8dc;border-radius:50%;display:block}.avatar--card{border-radius:0;width:100%;height:100%}.avatar--small{width:2.2rem;height:2.2rem;font-size:.7rem}.avatar--medium{width:3rem;height:3rem;font-size:.85rem}.avatar--large{flex-shrink:0;width:4rem;height:4rem;font-size:1.05rem}.avatar--profile{width:5rem;height:5rem;font-size:1.4rem}.avatar--fallback{background:#d4e5d3;place-items:center;font-weight:700;display:grid}.availability{color:#3d5648;background:#fffffff1;border-radius:2rem;align-items:center;gap:.35rem;padding:.38rem .55rem;font:500 .61rem DM Mono,monospace;display:flex;position:absolute;bottom:.7rem;left:.7rem}.availability i{width:.35rem;height:.35rem}.developer-card__body{padding:1.1rem}.developer-card__headline{justify-content:space-between;gap:.5rem;display:flex}.developer-card h3,.request-row h3,.connection-card h3,.profile-preview h3,.empty-state h3{color:var(--ink);letter-spacing:-.035em;margin:0;font:600 1.22rem/1.1 Fraunces,serif}.developer-card__headline span{color:#7a8881;font-size:.72rem}.gender-pill{text-transform:capitalize;background:#f0f3ee;border-radius:.3rem;align-self:flex-start;padding:.28rem .45rem}.developer-about{color:#68766f;min-height:3.5rem;margin:.95rem 0;font-size:.81rem;line-height:1.45}.skill-list{flex-wrap:wrap;gap:.35rem;display:flex}.skill-list span{color:#50705f;background:#edf3ed;border-radius:.26rem;padding:.3rem .45rem;font:500 .63rem DM Mono,monospace}.card-actions{grid-template-columns:1fr 1.25fr;gap:.55rem;margin-top:1.15rem;display:grid}.card-actions .button{min-height:2.4rem;font-size:.77rem}.empty-state{text-align:center;background:#fafbf7;border:1px dashed #bdcabe;border-radius:.8rem;padding:3.5rem 1.5rem}.empty-icon{color:#41634e;background:#e8f2df;border-radius:50%;place-items:center;width:2.7rem;height:2.7rem;margin-bottom:.9rem;font-size:1.3rem;display:inline-grid}.empty-state p{max-width:30rem;color:var(--muted);margin:.75rem auto 1.3rem;font-size:.9rem;line-height:1.5}.loading-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.skeleton-card,.list-skeleton{background:linear-gradient(100deg,#e9ede6 30%,#f4f6f1 50%,#e9ede6 70%) 0 0/200% 100%;border-radius:.85rem;height:24rem;animation:1.1s infinite shimmer}.list-skeleton{height:10rem}@keyframes shimmer{to{background-position:-200% 0}}.request-list{gap:.9rem;display:grid}.request-row{border:1px solid var(--border);background:#fff;border-radius:.75rem;align-items:center;gap:1.1rem;padding:1.1rem;display:flex}.request-row__details{flex:1;min-width:0}.request-row__details p,.connection-card p{color:var(--muted);margin:.4rem 0 .75rem;font-size:.82rem;line-height:1.4}.request-row__actions{gap:.5rem;display:flex}.request-row__actions .button{min-width:4.8rem;font-size:.76rem}.connections-grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem;display:grid}.connection-card{border:1px solid var(--border);background:#fff;border-radius:.75rem;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.profile-form{border:1px solid var(--border);background:#fff;border-radius:.85rem;padding:1.5rem}.profile-preview{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding-bottom:1.3rem;display:flex}.profile-preview div{gap:.25rem;display:grid}.profile-preview span{color:#789084;text-transform:uppercase;letter-spacing:.06em;font:500 .62rem DM Mono,monospace}.profile-preview h3{font-size:1.35rem}.profile-preview p{color:var(--muted);margin:0;font-size:.8rem}.field-hint{color:#829087;font-size:.72rem;font-weight:400}@media (width<=760px){.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:30rem;padding:2rem}.auth-intro h1{font-size:3.4rem}.auth-card-wrap{padding:3rem 1.5rem}.app-shell{grid-template-columns:1fr}.sidebar{z-index:4;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:1rem;height:auto;padding:.8rem 1rem;position:sticky;top:0}.sidebar nav{flex:1;gap:.2rem;margin:0;display:flex;overflow:auto}.nav-item{white-space:nowrap;padding:.5rem .65rem;font-size:.75rem}.nav-item span{display:none}.sidebar-footer{border:0;margin:0;padding:0}.signed-in div,.signout{display:none}.topbar{min-height:3.7rem;padding:0 1.4rem}.topbar__right{display:none}.content-section{padding:2.25rem 1.25rem}.section-heading{margin-bottom:1.8rem;display:block}.section-heading h1{font-size:2.8rem}.refresh-button{margin-top:1rem}.developer-grid,.connections-grid{grid-template-columns:1fr}.card-photo-wrap{height:15rem}.request-row{flex-wrap:wrap;align-items:flex-start}.request-row__actions{width:100%;margin-left:5.1rem}.field-row{grid-template-columns:1fr}.notice{top:4.65rem;right:1rem}.loading-grid{grid-template-columns:1fr}.brand{font-size:1.2rem}.brand-mark{width:1.7rem;height:1.7rem}}.form-success{color:#36714a;margin:0;font-size:.85rem}.button,.nav-item{text-decoration:none}.auth-switch a{color:var(--forest);margin-left:.4rem;font-weight:700;text-decoration:underline}.not-found{background:var(--cream);min-height:100svh}