.app{max-width:900px;margin:40px auto;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1{font-size:1.8rem;margin-bottom:24px;border-bottom:1px solid #ddd;padding-bottom:12px}.layout{display:flex;gap:32px;align-items:flex-start}.list{width:260px;flex-shrink:0;border:1px solid #ddd;border-radius:4px;overflow:hidden}.list-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #eee;font-size:14px;color:#333;transition:background .15s}.list-item:last-child{border-bottom:none}.list-item:hover{background:#f5f5f5}.list-item--active{background:#0d6efd;color:#fff}.list-item--active:hover{background:#0b5ed7}.details{flex:1;border:1px solid #ddd;border-radius:4px;overflow:hidden;max-width:240px}.details-loading{padding:20px;color:#888;font-size:14px}.details-avatar{width:100%;display:block;object-fit:cover;max-height:220px}.details-name{padding:12px 16px;font-size:16px;font-weight:600;border-bottom:1px solid #eee}.details-row{padding:10px 16px;font-size:14px;color:#444;border-bottom:1px solid #eee}.details-row:last-child{border-bottom:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#222}