:root{color:#687985;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf5f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 12%,#ffd6ae85,#0000 28rem),radial-gradient(circle at 92% 88%,#b1ded394,#0000 30rem),#edf5f3;min-width:320px;min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}.app-shell{width:min(1120px,100% - 48px);margin:0 auto;padding:72px 0}.app-header{max-width:680px;margin-bottom:44px}.eyebrow,.section-label,.detail-label{color:#c26a3d;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:800}h1,h2,p{margin:0}h1{color:#213547;letter-spacing:-.075em;margin-top:16px;font-size:clamp(2.8rem,7vw,5.7rem);line-height:.95}h2{color:#213547;letter-spacing:-.04em;font-size:1.4rem}.subtitle{color:#687985;max-width:500px;margin-top:22px;font-size:1.05rem;line-height:1.65}.workspace{grid-template-columns:minmax(290px,.8fr) minmax(360px,1.2fr);align-items:start;gap:28px;display:grid}.request-message{color:#687985;grid-column:1/-1;line-height:1.6}.retry-button{color:#fff;cursor:pointer;font:inherit;background:#307368;border:0;border-radius:10px;margin-top:12px;padding:9px 14px}.user-list,.profile-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #d3dcdce6;border-radius:28px;box-shadow:0 24px 70px #3d55581f}.user-list{padding:28px 18px}.section-heading{justify-content:space-between;align-items:center;padding:0 10px 22px;display:flex}.section-heading h2{margin-top:8px}.user-count{color:#307368;background:#e4f0ed;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.users{gap:8px;display:grid}.user-item{color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:18px;align-items:center;gap:13px;width:100%;padding:13px 11px;transition:background .18s,border-color .18s,transform .18s;display:flex}.user-item:hover{background:#f5f8f7;transform:translate(4px)}.user-item.is-selected{background:#eaf4f1;border-color:#c9e1db}.avatar,.profile-avatar{color:#fff;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.avatar{border-radius:14px;width:44px;height:44px;font-size:.75rem;box-shadow:0 7px 14px #354c4f2e}.user-item-copy{gap:4px;min-width:0;display:grid}.user-item-copy strong{color:#29404a;font-size:.92rem}.user-item-copy small{color:#809097;font-size:.76rem}.favorite-mark{color:#d89138;margin-left:auto}.hint{color:#9aa8a8;padding:22px 10px 0;font-size:.75rem;line-height:1.5}.profile-card{min-height:430px;padding:38px}.profile-top{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.profile-avatar{border:6px solid #ffffffb8;border-radius:26px;width:82px;height:82px;font-size:1.7rem;box-shadow:0 12px 24px #354c4f2e}.favorite-button{color:#c6b6a2;cursor:pointer;background:#fffaf2;border:1px solid #f0dfc4;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.45rem;line-height:1;transition:color .18s,transform .18s,background .18s;display:flex}.favorite-button:hover{color:#d89138;background:#fff3dc;transform:translateY(-2px)}.favorite-button.is-favorite{color:#d89138}.profile-card h2{margin-top:10px;font-size:clamp(1.8rem,3vw,2.5rem)}.profile-role{color:#c26a3d;margin-top:8px;font-size:.92rem;font-weight:700}.profile-description{color:#687985;max-width:520px;margin-top:23px;line-height:1.75}.profile-details{border-top:1px solid #e1e9e7;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;padding-top:25px;display:grid}.profile-details div{gap:8px;display:grid}.profile-details strong{color:#29404a;overflow-wrap:anywhere;font-size:.86rem;font-weight:600}.detail-label{color:#9aa8a8;font-size:.65rem}@media (width<=700px){.app-shell{width:min(100% - 28px,560px);padding:40px 0}.app-header{margin-bottom:30px}.workspace{grid-template-columns:1fr}.profile-card{min-height:0;padding:28px 22px}}@media (width<=420px){.profile-details{grid-template-columns:1fr}}
